Skip to content

Instantly share code, notes, and snippets.

@dvgamerr
Last active September 23, 2022 07:28
Show Gist options
  • Save dvgamerr/4ea62d2118286e6f53e3d36179548bcd to your computer and use it in GitHub Desktop.
Save dvgamerr/4ea62d2118286e6f53e3d36179548bcd to your computer and use it in GitHub Desktop.
Project Budget WebApp with Framwork7
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
[hidden],
template {
display: none;
}
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.row,
.row.reverse {
-webkit-box-orient: horizontal;
}
.row.reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse,
.row.reverse {
-webkit-box-direction: reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 49rem;
}
.col-sm,
.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-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 64em) {
.container {
width: 65rem;
}
.col-md,
.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-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 76rem;
}
.col-lg,
.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-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
body,
html {
-webkit-font-smoothing: subpixel-antialiased;
}
body {
line-height: 1.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
line-height: normal;
}
a {
text-decoration: none;
color: #0074d9;
}
a.hover--td-underline:hover,
a.td-underline {
text-decoration: underline;
}
.ta-right {
text-align: right !important;
}
.ta-left {
text-align: left !important;
}
.ta-center {
text-align: center !important;
}
.ws-pre-line {
white-space: pre-line;
}
.ws-normal {
white-space: normal;
}
.bs-border-box,
.bs-border-box * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bs-content-box,
.bs-content-box * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.m-0 {
margin: 0;
}
.mtb-0 {
margin-top: 0;
margin-bottom: 0;
}
.mlr-0 {
margin-left: 0;
margin-right: 0;
}
.mt-0 {
margin-top: 0;
}
.mr-0 {
margin-right: 0;
}
.mb-0 {
margin-bottom: 0;
}
.ml-0 {
margin-left: 0;
}
.m-1 {
margin: 0.25rem;
}
.mtb-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mlr-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.mtb-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mlr-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.m-3 {
margin: 0.75rem;
}
.mtb-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mlr-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.m-4 {
margin: 1rem;
}
.mtb-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mlr-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mt-4 {
margin-top: 1rem;
}
.mr-4 {
margin-right: 1rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.ml-4 {
margin-left: 1rem;
}
.m-5 {
margin: 1.25rem;
}
.mtb-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.mlr-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.m-6 {
margin: 1.5rem;
}
.mtb-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mlr-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.m-7 {
margin: 1.75rem;
}
.mtb-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.mlr-7 {
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.mt-7 {
margin-top: 1.75rem;
}
.mr-7 {
margin-right: 1.75rem;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.ml-7 {
margin-left: 1.75rem;
}
.m-8 {
margin: 2rem;
}
.mtb-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mlr-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.mt-8 {
margin-top: 2rem;
}
.mr-8 {
margin-right: 2rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.ml-8 {
margin-left: 2rem;
}
.m-9 {
margin: 2.5rem;
}
.mtb-9 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mlr-9 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.mt-9 {
margin-top: 2.5rem;
}
.mr-9 {
margin-right: 2.5rem;
}
.mb-9 {
margin-bottom: 2.5rem;
}
.ml-9 {
margin-left: 2.5rem;
}
.m-10 {
margin: 3rem;
}
.mtb-10 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mlr-10 {
margin-left: 3rem;
margin-right: 3rem;
}
.mt-10 {
margin-top: 3rem;
}
.mr-10 {
margin-right: 3rem;
}
.mb-10 {
margin-bottom: 3rem;
}
.ml-10 {
margin-left: 3rem;
}
.m-11 {
margin: 3.5rem;
}
.mtb-11 {
margin-top: 3.5rem;
margin-bottom: 3.5rem;
}
.mlr-11 {
margin-left: 3.5rem;
margin-right: 3.5rem;
}
.mt-11 {
margin-top: 3.5rem;
}
.mr-11 {
margin-right: 3.5rem;
}
.mb-11 {
margin-bottom: 3.5rem;
}
.ml-11 {
margin-left: 3.5rem;
}
.m-12 {
margin: 4rem;
}
.mtb-12 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mlr-12 {
margin-left: 4rem;
margin-right: 4rem;
}
.mt-12 {
margin-top: 4rem;
}
.mr-12 {
margin-right: 4rem;
}
.mb-12 {
margin-bottom: 4rem;
}
.ml-12 {
margin-left: 4rem;
}
.m-13 {
margin: 4.5rem;
}
.mtb-13 {
margin-top: 4.5rem;
margin-bottom: 4.5rem;
}
.mlr-13 {
margin-left: 4.5rem;
margin-right: 4.5rem;
}
.mt-13 {
margin-top: 4.5rem;
}
.mr-13 {
margin-right: 4.5rem;
}
.mb-13 {
margin-bottom: 4.5rem;
}
.ml-13 {
margin-left: 4.5rem;
}
.m-14 {
margin: 5rem;
}
.mtb-14 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mlr-14 {
margin-left: 5rem;
margin-right: 5rem;
}
.mt-14 {
margin-top: 5rem;
}
.mr-14 {
margin-right: 5rem;
}
.mb-14 {
margin-bottom: 5rem;
}
.ml-14 {
margin-left: 5rem;
}
.m-15 {
margin: 5.5rem;
}
.mtb-15 {
margin-top: 5.5rem;
margin-bottom: 5.5rem;
}
.mlr-15 {
margin-left: 5.5rem;
margin-right: 5.5rem;
}
.mt-15 {
margin-top: 5.5rem;
}
.mr-15 {
margin-right: 5.5rem;
}
.mb-15 {
margin-bottom: 5.5rem;
}
.ml-15 {
margin-left: 5.5rem;
}
.m-16 {
margin: 6rem;
}
.mtb-16 {
margin-top: 6rem;
margin-bottom: 6rem;
}
.mlr-16 {
margin-left: 6rem;
margin-right: 6rem;
}
.mt-16 {
margin-top: 6rem;
}
.mr-16 {
margin-right: 6rem;
}
.mb-16 {
margin-bottom: 6rem;
}
.ml-16 {
margin-left: 6rem;
}
.m-17 {
margin: 6.5rem;
}
.mtb-17 {
margin-top: 6.5rem;
margin-bottom: 6.5rem;
}
.mlr-17 {
margin-left: 6.5rem;
margin-right: 6.5rem;
}
.mt-17 {
margin-top: 6.5rem;
}
.mr-17 {
margin-right: 6.5rem;
}
.mb-17 {
margin-bottom: 6.5rem;
}
.ml-17 {
margin-left: 6.5rem;
}
.m-18 {
margin: 7rem;
}
.mtb-18 {
margin-top: 7rem;
margin-bottom: 7rem;
}
.mlr-18 {
margin-left: 7rem;
margin-right: 7rem;
}
.mt-18 {
margin-top: 7rem;
}
.mr-18 {
margin-right: 7rem;
}
.mb-18 {
margin-bottom: 7rem;
}
.ml-18 {
margin-left: 7rem;
}
.m-19 {
margin: 7.5rem;
}
.mtb-19 {
margin-top: 7.5rem;
margin-bottom: 7.5rem;
}
.mlr-19 {
margin-left: 7.5rem;
margin-right: 7.5rem;
}
.mt-19 {
margin-top: 7.5rem;
}
.mr-19 {
margin-right: 7.5rem;
}
.mb-19 {
margin-bottom: 7.5rem;
}
.ml-19 {
margin-left: 7.5rem;
}
.m-20 {
margin: 8rem;
}
.mtb-20 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mlr-20 {
margin-left: 8rem;
margin-right: 8rem;
}
.mt-20 {
margin-top: 8rem;
}
.mr-20 {
margin-right: 8rem;
}
.mb-20 {
margin-bottom: 8rem;
}
.ml-20 {
margin-left: 8rem;
}
.m-21 {
margin: 8.5rem;
}
.mtb-21 {
margin-top: 8.5rem;
margin-bottom: 8.5rem;
}
.mlr-21 {
margin-left: 8.5rem;
margin-right: 8.5rem;
}
.mt-21 {
margin-top: 8.5rem;
}
.mr-21 {
margin-right: 8.5rem;
}
.mb-21 {
margin-bottom: 8.5rem;
}
.ml-21 {
margin-left: 8.5rem;
}
.m-22 {
margin: 9rem;
}
.mtb-22 {
margin-top: 9rem;
margin-bottom: 9rem;
}
.mlr-22 {
margin-left: 9rem;
margin-right: 9rem;
}
.mt-22 {
margin-top: 9rem;
}
.mr-22 {
margin-right: 9rem;
}
.mb-22 {
margin-bottom: 9rem;
}
.ml-22 {
margin-left: 9rem;
}
.m-23 {
margin: 9.9rem;
}
.mtb-23 {
margin-top: 9.9rem;
margin-bottom: 9.9rem;
}
.mlr-23 {
margin-left: 9.9rem;
margin-right: 9.9rem;
}
.mt-23 {
margin-top: 9.9rem;
}
.mr-23 {
margin-right: 9.9rem;
}
.mb-23 {
margin-bottom: 9.9rem;
}
.ml-23 {
margin-left: 9.9rem;
}
.m-24 {
margin: 10rem;
}
.mtb-24 {
margin-top: 10rem;
margin-bottom: 10rem;
}
.mlr-24 {
margin-left: 10rem;
margin-right: 10rem;
}
.mt-24 {
margin-top: 10rem;
}
.mr-24 {
margin-right: 10rem;
}
.mb-24 {
margin-bottom: 10rem;
}
.ml-24 {
margin-left: 10rem;
}
.p-0 {
padding: 0;
}
.ptb-0 {
padding-top: 0;
padding-bottom: 0;
}
.plr-0 {
padding-left: 0;
padding-right: 0;
}
.pt-0 {
padding-top: 0;
}
.pr-0 {
padding-right: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.p-1 {
padding: 0.25rem;
}
.ptb-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.plr-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.ptb-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.plr-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.ptb-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.plr-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.ptb-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.plr-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.pt-4 {
padding-top: 1rem;
}
.pr-4 {
padding-right: 1rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pl-4 {
padding-left: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.ptb-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.plr-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.ptb-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.plr-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.p-7 {
padding: 1.75rem;
}
.ptb-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.plr-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pr-7 {
padding-right: 1.75rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pl-7 {
padding-left: 1.75rem;
}
.p-8 {
padding: 2rem;
}
.ptb-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.plr-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.pt-8 {
padding-top: 2rem;
}
.pr-8 {
padding-right: 2rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pl-8 {
padding-left: 2rem;
}
.p-9 {
padding: 2.5rem;
}
.ptb-9 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.plr-9 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.pt-9 {
padding-top: 2.5rem;
}
.pr-9 {
padding-right: 2.5rem;
}
.pb-9 {
padding-bottom: 2.5rem;
}
.pl-9 {
padding-left: 2.5rem;
}
.p-10 {
padding: 3rem;
}
.ptb-10 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.plr-10 {
padding-left: 3rem;
padding-right: 3rem;
}
.pt-10 {
padding-top: 3rem;
}
.pr-10 {
padding-right: 3rem;
}
.pb-10 {
padding-bottom: 3rem;
}
.pl-10 {
padding-left: 3rem;
}
.p-11 {
padding: 3.5rem;
}
.ptb-11 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.plr-11 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.pt-11 {
padding-top: 3.5rem;
}
.pr-11 {
padding-right: 3.5rem;
}
.pb-11 {
padding-bottom: 3.5rem;
}
.pl-11 {
padding-left: 3.5rem;
}
.p-12 {
padding: 4rem;
}
.ptb-12 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.plr-12 {
padding-left: 4rem;
padding-right: 4rem;
}
.pt-12 {
padding-top: 4rem;
}
.pr-12 {
padding-right: 4rem;
}
.pb-12 {
padding-bottom: 4rem;
}
.pl-12 {
padding-left: 4rem;
}
.p-13 {
padding: 4.5rem;
}
.ptb-13 {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.plr-13 {
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.pt-13 {
padding-top: 4.5rem;
}
.pr-13 {
padding-right: 4.5rem;
}
.pb-13 {
padding-bottom: 4.5rem;
}
.pl-13 {
padding-left: 4.5rem;
}
.p-14 {
padding: 5rem;
}
.ptb-14 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.plr-14 {
padding-left: 5rem;
padding-right: 5rem;
}
.pt-14 {
padding-top: 5rem;
}
.pr-14 {
padding-right: 5rem;
}
.pb-14 {
padding-bottom: 5rem;
}
.pl-14 {
padding-left: 5rem;
}
.p-15 {
padding: 5.5rem;
}
.ptb-15 {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
}
.plr-15 {
padding-left: 5.5rem;
padding-right: 5.5rem;
}
.pt-15 {
padding-top: 5.5rem;
}
.pr-15 {
padding-right: 5.5rem;
}
.pb-15 {
padding-bottom: 5.5rem;
}
.pl-15 {
padding-left: 5.5rem;
}
.p-16 {
padding: 6rem;
}
.ptb-16 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.plr-16 {
padding-left: 6rem;
padding-right: 6rem;
}
.pt-16 {
padding-top: 6rem;
}
.pr-16 {
padding-right: 6rem;
}
.pb-16 {
padding-bottom: 6rem;
}
.pl-16 {
padding-left: 6rem;
}
.p-17 {
padding: 6.5rem;
}
.ptb-17 {
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.plr-17 {
padding-left: 6.5rem;
padding-right: 6.5rem;
}
.pt-17 {
padding-top: 6.5rem;
}
.pr-17 {
padding-right: 6.5rem;
}
.pb-17 {
padding-bottom: 6.5rem;
}
.pl-17 {
padding-left: 6.5rem;
}
.p-18 {
padding: 7rem;
}
.ptb-18 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.plr-18 {
padding-left: 7rem;
padding-right: 7rem;
}
.pt-18 {
padding-top: 7rem;
}
.pr-18 {
padding-right: 7rem;
}
.pb-18 {
padding-bottom: 7rem;
}
.pl-18 {
padding-left: 7rem;
}
.p-19 {
padding: 7.5rem;
}
.ptb-19 {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.plr-19 {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
.pt-19 {
padding-top: 7.5rem;
}
.pr-19 {
padding-right: 7.5rem;
}
.pb-19 {
padding-bottom: 7.5rem;
}
.pl-19 {
padding-left: 7.5rem;
}
.p-20 {
padding: 8rem;
}
.ptb-20 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.plr-20 {
padding-left: 8rem;
padding-right: 8rem;
}
.pt-20 {
padding-top: 8rem;
}
.pr-20 {
padding-right: 8rem;
}
.pb-20 {
padding-bottom: 8rem;
}
.pl-20 {
padding-left: 8rem;
}
.p-21 {
padding: 8.5rem;
}
.ptb-21 {
padding-top: 8.5rem;
padding-bottom: 8.5rem;
}
.plr-21 {
padding-left: 8.5rem;
padding-right: 8.5rem;
}
.pt-21 {
padding-top: 8.5rem;
}
.pr-21 {
padding-right: 8.5rem;
}
.pb-21 {
padding-bottom: 8.5rem;
}
.pl-21 {
padding-left: 8.5rem;
}
.p-22 {
padding: 9rem;
}
.ptb-22 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.plr-22 {
padding-left: 9rem;
padding-right: 9rem;
}
.pt-22 {
padding-top: 9rem;
}
.pr-22 {
padding-right: 9rem;
}
.pb-22 {
padding-bottom: 9rem;
}
.pl-22 {
padding-left: 9rem;
}
.p-23 {
padding: 9.9rem;
}
.ptb-23 {
padding-top: 9.9rem;
padding-bottom: 9.9rem;
}
.plr-23 {
padding-left: 9.9rem;
padding-right: 9.9rem;
}
.pt-23 {
padding-top: 9.9rem;
}
.pr-23 {
padding-right: 9.9rem;
}
.pb-23 {
padding-bottom: 9.9rem;
}
.pl-23 {
padding-left: 9.9rem;
}
.p-24 {
padding: 10rem;
}
.ptb-24 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.plr-24 {
padding-left: 10rem;
padding-right: 10rem;
}
.pt-24 {
padding-top: 10rem;
}
.pr-24 {
padding-right: 10rem;
}
.pb-24 {
padding-bottom: 10rem;
}
.pl-24 {
padding-left: 10rem;
}
.clr-navy {
color: #001f3f;
}
.clr-navy-light {
color: #003872;
}
.clr-navy-dark {
color: #00060c;
}
.hover--clr-navy:hover {
color: #001f3f;
}
.hover--clr-navy-light:hover {
color: #003872;
}
.hover--clr-navy-dark:hover {
color: #00060c;
}
.clr-blue {
color: #0074d9;
}
.clr-blue-light {
color: #0d8eff;
}
.clr-blue-dark {
color: #0059a6;
}
.hover--clr-blue:hover {
color: #0074d9;
}
.hover--clr-blue-light:hover {
color: #0d8eff;
}
.hover--clr-blue-dark:hover {
color: #0059a6;
}
.clr-aqua {
color: #7fdbff;
}
.clr-aqua-light {
color: #b2e9ff;
}
.clr-aqua-dark {
color: #4ccdff;
}
.hover--clr-aqua:hover {
color: #7fdbff;
}
.hover--clr-aqua-light:hover {
color: #b2e9ff;
}
.hover--clr-aqua-dark:hover {
color: #4ccdff;
}
.clr-teal {
color: #39cccc;
}
.clr-teal-light {
color: #62d6d6;
}
.clr-teal-dark {
color: #2ba7a7;
}
.hover--clr-teal:hover {
color: #39cccc;
}
.hover--clr-teal-light:hover {
color: #62d6d6;
}
.hover--clr-teal-dark:hover {
color: #2ba7a7;
}
.clr-olive {
color: #3d9970;
}
.clr-olive-light {
color: #50b98a;
}
.clr-olive-dark {
color: #2e7555;
}
.hover--clr-olive:hover {
color: #3d9970;
}
.hover--clr-olive-light:hover {
color: #50b98a;
}
.hover--clr-olive-dark:hover {
color: #2e7555;
}
.clr-green {
color: #2ecc40;
}
.clr-green-light {
color: #54d964;
}
.clr-green-dark {
color: #25a233;
}
.hover--clr-green:hover {
color: #2ecc40;
}
.hover--clr-green-light:hover {
color: #54d964;
}
.hover--clr-green-dark:hover {
color: #25a233;
}
.clr-lime {
color: #01ff70;
}
.clr-lime-light {
color: #34ff8d;
}
.clr-lime-dark {
color: #00cd5a;
}
.hover--clr-lime:hover {
color: #01ff70;
}
.hover--clr-lime-light:hover {
color: #34ff8d;
}
.hover--clr-lime-dark:hover {
color: #00cd5a;
}
.clr-yellow {
color: #ffdc00;
}
.clr-yellow-light {
color: #ffe333;
}
.clr-yellow-dark {
color: #ccb000;
}
.hover--clr-yellow:hover {
color: #ffdc00;
}
.hover--clr-yellow-light:hover {
color: #ffe333;
}
.hover--clr-yellow-dark:hover {
color: #ccb000;
}
.clr-orange {
color: #ff851b;
}
.clr-orange-light {
color: #ffa04e;
}
.clr-orange-dark {
color: #e76b00;
}
.hover--clr-orange:hover {
color: #ff851b;
}
.hover--clr-orange-light:hover {
color: #ffa04e;
}
.hover--clr-orange-dark:hover {
color: #e76b00;
}
.clr-red {
color: #ff4136;
}
.clr-red-light {
color: #ff7169;
}
.clr-red-dark {
color: #ff1103;
}
.hover--clr-red:hover {
color: #ff4136;
}
.hover--clr-red-light:hover {
color: #ff7169;
}
.hover--clr-red-dark:hover {
color: #ff1103;
}
.clr-maroon {
color: #85144b;
}
.clr-maroon-light {
color: #b11b64;
}
.clr-maroon-dark {
color: #590d32;
}
.hover--clr-maroon:hover {
color: #85144b;
}
.hover--clr-maroon-light:hover {
color: #b11b64;
}
.hover--clr-maroon-dark:hover {
color: #590d32;
}
.clr-fuchsia {
color: #f012be;
}
.clr-fuchsia-light {
color: #f342cb;
}
.clr-fuchsia-dark {
color: #c30c9a;
}
.hover--clr-fuchsia:hover {
color: #f012be;
}
.hover--clr-fuchsia-light:hover {
color: #f342cb;
}
.hover--clr-fuchsia-dark:hover {
color: #c30c9a;
}
.clr-purple {
color: #b10dc9;
}
.clr-purple-light {
color: #d519f0;
}
.clr-purple-dark {
color: #870a99;
}
.hover--clr-purple:hover {
color: #b10dc9;
}
.hover--clr-purple-light:hover {
color: #d519f0;
}
.hover--clr-purple-dark:hover {
color: #870a99;
}
.clr-dark-grey {
color: #111;
}
.clr-dark-grey-light {
color: #2b2a2a;
}
.clr-dark-grey-dark {
color: #000;
}
.hover--clr-dark-grey:hover {
color: #111;
}
.hover--clr-dark-grey-light:hover {
color: #2b2a2a;
}
.hover--clr-dark-grey-dark:hover {
color: #000;
}
.clr-grey {
color: #aaa;
}
.clr-grey-light {
color: #c4c3c3;
}
.clr-grey-dark {
color: #919090;
}
.hover--clr-grey:hover {
color: #aaa;
}
.hover--clr-grey-light:hover {
color: #c4c3c3;
}
.hover--clr-grey-dark:hover {
color: #919090;
}
.clr-silver {
color: #ddd;
}
.clr-silver-light {
color: #f7f7f7;
}
.clr-silver-dark {
color: #c4c3c3;
}
.hover--clr-silver:hover {
color: #ddd;
}
.hover--clr-silver-light:hover {
color: #f7f7f7;
}
.hover--clr-silver-dark:hover {
color: #c4c3c3;
}
.clr-black,
.hover--clr-black:hover {
color: #000;
}
.clr-white,
.hover--clr-white:hover {
color: #fff;
}
.clr-very-clear-black,
.hover--clr-very-clear-black:hover {
color: rgba(0, 0, 0, 0.1);
}
.clr-semi-clear-black,
.hover--clr-semi-clear-black:hover {
color: rgba(0, 0, 0, 0.25);
}
.clr-half-clear-black,
.hover--clr-half-clear-black:hover {
color: rgba(0, 0, 0, 0.5);
}
.clr-barely-clear-black,
.hover--clr-barely-clear-black:hover {
color: rgba(0, 0, 0, 0.85);
}
.clr-very-clear-white,
.hover--clr-very-clear-white:hover {
color: hsla(0, 0%, 100%, 0.1);
}
.clr-semi-clear-white,
.hover--clr-semi-clear-white:hover {
color: hsla(0, 0%, 100%, 0.25);
}
.clr-half-clear-white,
.hover--clr-half-clear-white:hover {
color: hsla(0, 0%, 100%, 0.5);
}
.clr-barely-clear-white,
.hover--clr-barely-clear-white:hover {
color: hsla(0, 0%, 100%, 0.85);
}
.fs-x-small {
font-size: 0.75rem;
}
.fs-small {
font-size: 0.88rem;
}
.fs-regular {
font-size: 1rem;
}
.fs-large {
font-size: 1.25rem;
}
.fs-x-large {
font-size: 1.5rem;
}
.fs-0 {
font-size: 0;
}
.fs-1 {
font-size: 0.5rem;
}
.fs-2 {
font-size: 0.75rem;
}
.fs-3 {
font-size: 1rem;
}
.fs-4 {
font-size: 1.25rem;
}
.fs-5 {
font-size: 1.5rem;
}
.fs-6 {
font-size: 1.75rem;
}
.fs-7 {
font-size: 2rem;
}
.fs-8 {
font-size: 2.5rem;
}
.fs-9 {
font-size: 3rem;
}
.fs-10 {
font-size: 3.5rem;
}
.fs-11 {
font-size: 4rem;
}
.fs-12 {
font-size: 4.5rem;
}
.fs-13 {
font-size: 5rem;
}
.fs-14 {
font-size: 6rem;
}
.ls-0 {
letter-spacing: 0;
}
.ls-1 {
letter-spacing: 0.5px;
}
.ls-2 {
letter-spacing: 1px;
}
.ls-3 {
letter-spacing: 1.5px;
}
.ls-4 {
letter-spacing: 2px;
}
.ls-5 {
letter-spacing: 2.5px;
}
.ls-6 {
letter-spacing: 3px;
}
.lh-0 {
line-height: 0;
}
.lh-1 {
line-height: 1rem;
}
.lh-2 {
line-height: 1.25rem;
}
.lh-3 {
line-height: 1.5rem;
}
.lh-4 {
line-height: 1.75rem;
}
.lh-5 {
line-height: 2rem;
}
.lh-6 {
line-height: 2.5rem;
}
.lh-7 {
line-height: 3rem;
}
.lh-8 {
line-height: 3.5rem;
}
.lh-9 {
line-height: 4rem;
}
.lh-10 {
line-height: 5rem;
}
.lh-normal {
line-height: normal;
}
.lh-tiny {
line-height: 0.5rem;
}
.lh-huge {
line-height: 3rem;
}
.fw-black {
font-weight: 900;
}
.fw-xbold {
font-weight: 800;
}
.fw-bold {
font-weight: 700;
}
.fw-semibold {
font-weight: 600;
}
.fw-medium {
font-weight: 500;
}
.fw-normal {
font-weight: 400;
}
.fw-light {
font-weight: 300;
}
.fw-xlight {
font-weight: 100;
}
.fs-italic {
font-style: italic;
}
.td-underline {
text-decoration: underline;
}
.td-strikeout {
text-decoration: line-through;
}
.tt-uppercase {
text-transform: uppercase;
}
.tt-lowercase {
text-transform: lowercase;
}
.tt-capitalize {
text-transform: capitalize;
}
.ff-monospace {
font-family: monospace;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex.fd-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex.fd-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex.fd-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex.fd-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex.fw-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex.fw-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex.fw-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex.jc-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex.jc-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex.jc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex.jc-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex.jc-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex.jc-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.flex.ai-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex.ai-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex.ai-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex.ai-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex.ai-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex.ac-flex-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex.ac-flex-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.flex.ac-center {
-ms-flex-line-pack: center;
align-content: center;
}
.flex.ac-space-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.flex.ac-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.flex.ac-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.flex .order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex .grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex .shrink-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.flex .flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex .order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.flex .grow-2 {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.flex .shrink-2 {
-ms-flex-negative: 2;
flex-shrink: 2;
}
.flex .flex-2 {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.flex .order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.flex .grow-3 {
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}
.flex .shrink-3 {
-ms-flex-negative: 3;
flex-shrink: 3;
}
.flex .flex-3 {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.flex .order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.flex .grow-4 {
-webkit-box-flex: 4;
-ms-flex-positive: 4;
flex-grow: 4;
}
.flex .shrink-4 {
-ms-flex-negative: 4;
flex-shrink: 4;
}
.flex .flex-4 {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
}
.flex .order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.flex .grow-5 {
-webkit-box-flex: 5;
-ms-flex-positive: 5;
flex-grow: 5;
}
.flex .shrink-5 {
-ms-flex-negative: 5;
flex-shrink: 5;
}
.flex .flex-5 {
-webkit-box-flex: 5;
-ms-flex: 5;
flex: 5;
}
.flex .order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.flex .grow-6 {
-webkit-box-flex: 6;
-ms-flex-positive: 6;
flex-grow: 6;
}
.flex .shrink-6 {
-ms-flex-negative: 6;
flex-shrink: 6;
}
.flex .flex-6 {
-webkit-box-flex: 6;
-ms-flex: 6;
flex: 6;
}
.flex .order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.flex .grow-7 {
-webkit-box-flex: 7;
-ms-flex-positive: 7;
flex-grow: 7;
}
.flex .shrink-7 {
-ms-flex-negative: 7;
flex-shrink: 7;
}
.flex .flex-7 {
-webkit-box-flex: 7;
-ms-flex: 7;
flex: 7;
}
.flex .order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.flex .grow-8 {
-webkit-box-flex: 8;
-ms-flex-positive: 8;
flex-grow: 8;
}
.flex .shrink-8 {
-ms-flex-negative: 8;
flex-shrink: 8;
}
.flex .flex-8 {
-webkit-box-flex: 8;
-ms-flex: 8;
flex: 8;
}
.flex .order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.flex .grow-9 {
-webkit-box-flex: 9;
-ms-flex-positive: 9;
flex-grow: 9;
}
.flex .shrink-9 {
-ms-flex-negative: 9;
flex-shrink: 9;
}
.flex .flex-9 {
-webkit-box-flex: 9;
-ms-flex: 9;
flex: 9;
}
.flex .order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.flex .grow-10 {
-webkit-box-flex: 10;
-ms-flex-positive: 10;
flex-grow: 10;
}
.flex .shrink-10 {
-ms-flex-negative: 10;
flex-shrink: 10;
}
.flex .flex-10 {
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10;
}
.flex .order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.flex .grow-11 {
-webkit-box-flex: 11;
-ms-flex-positive: 11;
flex-grow: 11;
}
.flex .shrink-11 {
-ms-flex-negative: 11;
flex-shrink: 11;
}
.flex .flex-11 {
-webkit-box-flex: 11;
-ms-flex: 11;
flex: 11;
}
.flex .order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.flex .grow-12 {
-webkit-box-flex: 12;
-ms-flex-positive: 12;
flex-grow: 12;
}
.flex .shrink-12 {
-ms-flex-negative: 12;
flex-shrink: 12;
}
.flex .flex-12 {
-webkit-box-flex: 12;
-ms-flex: 12;
flex: 12;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.block {
display: block;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.pos-fixed {
position: fixed;
}
.pos-absolute {
position: absolute;
}
.pos-relative {
position: relative;
}
.pos-static {
position: static;
}
.pos-top-0 {
top: 0;
}
.pos-left-0 {
left: 0;
}
.pos-right-0 {
right: 0;
}
.pos-bottom-0 {
bottom: 0;
}
.pos-top-1 {
top: 0.5rem;
}
.pos-left-1 {
left: 0.5rem;
}
.pos-right-1 {
right: 0.5rem;
}
.pos-bottom-1 {
bottom: 0.5rem;
}
.pos-top-2 {
top: 1rem;
}
.pos-left-2 {
left: 1rem;
}
.pos-right-2 {
right: 1rem;
}
.pos-bottom-2 {
bottom: 1rem;
}
.pos-top-3 {
top: 1.5rem;
}
.pos-left-3 {
left: 1.5rem;
}
.pos-right-3 {
right: 1.5rem;
}
.pos-bottom-3 {
bottom: 1.5rem;
}
.pos-top-4 {
top: 2rem;
}
.pos-left-4 {
left: 2rem;
}
.pos-right-4 {
right: 2rem;
}
.pos-bottom-4 {
bottom: 2rem;
}
.pos-top-5 {
top: 2.5rem;
}
.pos-left-5 {
left: 2.5rem;
}
.pos-right-5 {
right: 2.5rem;
}
.pos-bottom-5 {
bottom: 2.5rem;
}
.pos-top-6 {
top: 3rem;
}
.pos-left-6 {
left: 3rem;
}
.pos-right-6 {
right: 3rem;
}
.pos-bottom-6 {
bottom: 3rem;
}
.pos-top-7 {
top: 3.5rem;
}
.pos-left-7 {
left: 3.5rem;
}
.pos-right-7 {
right: 3.5rem;
}
.pos-bottom-7 {
bottom: 3.5rem;
}
.pos-top-8 {
top: 4rem;
}
.pos-left-8 {
left: 4rem;
}
.pos-right-8 {
right: 4rem;
}
.pos-bottom-8 {
bottom: 4rem;
}
.zi-neg-2 {
z-index: -2;
}
.zi-neg-1 {
z-index: -1;
}
.zi-0 {
z-index: 0;
}
.zi-1 {
z-index: 1;
}
.zi-2 {
z-index: 2;
}
.zi-3 {
z-index: 3;
}
.zi-4 {
z-index: 4;
}
.zi-5 {
z-index: 5;
}
.zi-6 {
z-index: 6;
}
.zi-7 {
z-index: 7;
}
.zi-8 {
z-index: 8;
}
.zi-9 {
z-index: 9;
}
.zi-10 {
z-index: 10;
}
.zi-99,
.zi-big {
z-index: 99;
}
.zi-999,
.zi-huge {
z-index: 999;
}
.zi-9999,
.zi-massive {
z-index: 9999;
}
.zi-max {
z-index: 2147483647;
}
.wf-1 {
width: 0.5rem;
}
.hf-1 {
height: 0.5rem;
}
.wf-2 {
width: 1rem;
}
.hf-2 {
height: 1rem;
}
.wf-3 {
width: 1.5rem;
}
.hf-3 {
height: 1.5rem;
}
.wf-4 {
width: 2rem;
}
.hf-4 {
height: 2rem;
}
.wf-5 {
width: 2.5rem;
}
.hf-5 {
height: 2.5rem;
}
.wf-6 {
width: 3rem;
}
.hf-6 {
height: 3rem;
}
.wf-7 {
width: 3.5rem;
}
.hf-7 {
height: 3.5rem;
}
.wf-8 {
width: 4rem;
}
.hf-8 {
height: 4rem;
}
.wf-9 {
width: 4.5rem;
}
.hf-9 {
height: 4.5rem;
}
.wf-10 {
width: 5rem;
}
.hf-10 {
height: 5rem;
}
.w-5 {
width: 5%;
}
.h-5 {
height: 5%;
}
.w-10 {
width: 10%;
}
.h-10 {
height: 10%;
}
.w-15 {
width: 15%;
}
.h-15 {
height: 15%;
}
.w-20 {
width: 20%;
}
.h-20 {
height: 20%;
}
.w-25 {
width: 25%;
}
.h-25 {
height: 25%;
}
.w-quarter {
width: 25%;
}
.h-quarter {
height: 25%;
}
.w-30 {
width: 30%;
}
.h-30 {
height: 30%;
}
.w-35 {
width: 35%;
}
.h-35 {
height: 35%;
}
.w-40 {
width: 40%;
}
.h-40 {
height: 40%;
}
.w-45 {
width: 45%;
}
.h-45 {
height: 45%;
}
.w-50 {
width: 50%;
}
.h-50 {
height: 50%;
}
.w-half {
width: 50%;
}
.h-half {
height: 50%;
}
.w-55 {
width: 55%;
}
.h-55 {
height: 55%;
}
.w-60 {
width: 60%;
}
.h-60 {
height: 60%;
}
.w-65 {
width: 65%;
}
.h-65 {
height: 65%;
}
.w-70 {
width: 70%;
}
.h-70 {
height: 70%;
}
.w-75 {
width: 75%;
}
.h-75 {
height: 75%;
}
.w-three-quarters {
width: 75%;
}
.h-three-quarters {
height: 75%;
}
.w-80 {
width: 80%;
}
.h-80 {
height: 80%;
}
.w-85 {
width: 85%;
}
.h-85 {
height: 85%;
}
.w-90 {
width: 90%;
}
.h-90 {
height: 90%;
}
.w-95 {
width: 95%;
}
.h-95 {
height: 95%;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
.w-25vh {
width: 25vh;
}
.h-25vh {
height: 25vh;
}
.w-50vh {
width: 50vh;
}
.h-50vh {
height: 50vh;
}
.w-75vh {
width: 75vh;
}
.h-75vh {
height: 75vh;
}
.w-100vh {
width: 100vh;
}
.h-100vh {
height: 100vh;
}
.ls-disc {
list-style: disc;
}
.lst-disc {
list-style-type: disc;
}
.ls-circle {
list-style: circle;
}
.lst-circle {
list-style-type: circle;
}
.ls-decimal {
list-style: decimal;
}
.lst-decimal {
list-style-type: decimal;
}
.ls-lower-alpha {
list-style: lower-alpha;
}
.lst-lower-alpha {
list-style-type: lower-alpha;
}
.ls-lower-roman {
list-style: lower-roman;
}
.lst-lower-roman {
list-style-type: lower-roman;
}
.ls-upper-alpha {
list-style: upper-alpha;
}
.lst-upper-alpha {
list-style-type: upper-alpha;
}
.ls-upper-roman {
list-style: upper-roman;
}
.lst-upper-roman {
list-style-type: upper-roman;
}
.ls-none {
list-style: none;
}
.lst-none {
list-style-type: none;
}
.ls-square {
list-style: square;
}
.lst-square {
list-style-type: square;
}
.lsp-inside {
list-style-position: inside;
}
.lsp-outside {
list-style-position: outside;
}
.bdr-navy {
border: 1px solid #001f3f;
}
.bdr-navy.bdr-dotted {
border-style: dotted;
}
.bdr-navy.bdr-dashed {
border-style: dashed;
}
.bdr-navy.bdr-solid {
border-style: solid;
}
.bdr-left-navy {
border-left: 1px solid #001f3f;
}
.bdr-left-navy.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-navy.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-navy.bdr-solid {
border-left-style: solid;
}
.bdr-right-navy {
border-right: 1px solid #001f3f;
}
.bdr-right-navy.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-navy.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-navy.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-navy {
border-bottom: 1px solid #001f3f;
}
.bdr-bottom-navy.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-navy.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-navy.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-navy {
border-top: 1px solid #001f3f;
}
.bdr-top-navy.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-navy.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-navy.bdr-solid {
border-top-style: solid;
}
.bdr-blue {
border: 1px solid #0074d9;
}
.bdr-blue.bdr-dotted {
border-style: dotted;
}
.bdr-blue.bdr-dashed {
border-style: dashed;
}
.bdr-blue.bdr-solid {
border-style: solid;
}
.bdr-left-blue {
border-left: 1px solid #0074d9;
}
.bdr-left-blue.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-blue.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-blue.bdr-solid {
border-left-style: solid;
}
.bdr-right-blue {
border-right: 1px solid #0074d9;
}
.bdr-right-blue.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-blue.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-blue.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-blue {
border-bottom: 1px solid #0074d9;
}
.bdr-bottom-blue.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-blue.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-blue.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-blue {
border-top: 1px solid #0074d9;
}
.bdr-top-blue.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-blue.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-blue.bdr-solid {
border-top-style: solid;
}
.bdr-aqua {
border: 1px solid #7fdbff;
}
.bdr-aqua.bdr-dotted {
border-style: dotted;
}
.bdr-aqua.bdr-dashed {
border-style: dashed;
}
.bdr-aqua.bdr-solid {
border-style: solid;
}
.bdr-left-aqua {
border-left: 1px solid #7fdbff;
}
.bdr-left-aqua.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-aqua.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-aqua.bdr-solid {
border-left-style: solid;
}
.bdr-right-aqua {
border-right: 1px solid #7fdbff;
}
.bdr-right-aqua.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-aqua.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-aqua.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-aqua {
border-bottom: 1px solid #7fdbff;
}
.bdr-bottom-aqua.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-aqua.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-aqua.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-aqua {
border-top: 1px solid #7fdbff;
}
.bdr-top-aqua.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-aqua.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-aqua.bdr-solid {
border-top-style: solid;
}
.bdr-teal {
border: 1px solid #39cccc;
}
.bdr-teal.bdr-dotted {
border-style: dotted;
}
.bdr-teal.bdr-dashed {
border-style: dashed;
}
.bdr-teal.bdr-solid {
border-style: solid;
}
.bdr-left-teal {
border-left: 1px solid #39cccc;
}
.bdr-left-teal.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-teal.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-teal.bdr-solid {
border-left-style: solid;
}
.bdr-right-teal {
border-right: 1px solid #39cccc;
}
.bdr-right-teal.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-teal.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-teal.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-teal {
border-bottom: 1px solid #39cccc;
}
.bdr-bottom-teal.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-teal.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-teal.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-teal {
border-top: 1px solid #39cccc;
}
.bdr-top-teal.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-teal.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-teal.bdr-solid {
border-top-style: solid;
}
.bdr-olive {
border: 1px solid #3d9970;
}
.bdr-olive.bdr-dotted {
border-style: dotted;
}
.bdr-olive.bdr-dashed {
border-style: dashed;
}
.bdr-olive.bdr-solid {
border-style: solid;
}
.bdr-left-olive {
border-left: 1px solid #3d9970;
}
.bdr-left-olive.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-olive.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-olive.bdr-solid {
border-left-style: solid;
}
.bdr-right-olive {
border-right: 1px solid #3d9970;
}
.bdr-right-olive.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-olive.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-olive.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-olive {
border-bottom: 1px solid #3d9970;
}
.bdr-bottom-olive.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-olive.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-olive.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-olive {
border-top: 1px solid #3d9970;
}
.bdr-top-olive.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-olive.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-olive.bdr-solid {
border-top-style: solid;
}
.bdr-green {
border: 1px solid #2ecc40;
}
.bdr-green.bdr-dotted {
border-style: dotted;
}
.bdr-green.bdr-dashed {
border-style: dashed;
}
.bdr-green.bdr-solid {
border-style: solid;
}
.bdr-left-green {
border-left: 1px solid #2ecc40;
}
.bdr-left-green.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-green.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-green.bdr-solid {
border-left-style: solid;
}
.bdr-right-green {
border-right: 1px solid #2ecc40;
}
.bdr-right-green.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-green.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-green.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-green {
border-bottom: 1px solid #2ecc40;
}
.bdr-bottom-green.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-green.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-green.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-green {
border-top: 1px solid #2ecc40;
}
.bdr-top-green.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-green.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-green.bdr-solid {
border-top-style: solid;
}
.bdr-lime {
border: 1px solid #01ff70;
}
.bdr-lime.bdr-dotted {
border-style: dotted;
}
.bdr-lime.bdr-dashed {
border-style: dashed;
}
.bdr-lime.bdr-solid {
border-style: solid;
}
.bdr-left-lime {
border-left: 1px solid #01ff70;
}
.bdr-left-lime.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-lime.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-lime.bdr-solid {
border-left-style: solid;
}
.bdr-right-lime {
border-right: 1px solid #01ff70;
}
.bdr-right-lime.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-lime.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-lime.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-lime {
border-bottom: 1px solid #01ff70;
}
.bdr-bottom-lime.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-lime.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-lime.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-lime {
border-top: 1px solid #01ff70;
}
.bdr-top-lime.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-lime.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-lime.bdr-solid {
border-top-style: solid;
}
.bdr-yellow {
border: 1px solid #ffdc00;
}
.bdr-yellow.bdr-dotted {
border-style: dotted;
}
.bdr-yellow.bdr-dashed {
border-style: dashed;
}
.bdr-yellow.bdr-solid {
border-style: solid;
}
.bdr-left-yellow {
border-left: 1px solid #ffdc00;
}
.bdr-left-yellow.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-yellow.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-yellow.bdr-solid {
border-left-style: solid;
}
.bdr-right-yellow {
border-right: 1px solid #ffdc00;
}
.bdr-right-yellow.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-yellow.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-yellow.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-yellow {
border-bottom: 1px solid #ffdc00;
}
.bdr-bottom-yellow.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-yellow.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-yellow.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-yellow {
border-top: 1px solid #ffdc00;
}
.bdr-top-yellow.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-yellow.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-yellow.bdr-solid {
border-top-style: solid;
}
.bdr-orange {
border: 1px solid #ff851b;
}
.bdr-orange.bdr-dotted {
border-style: dotted;
}
.bdr-orange.bdr-dashed {
border-style: dashed;
}
.bdr-orange.bdr-solid {
border-style: solid;
}
.bdr-left-orange {
border-left: 1px solid #ff851b;
}
.bdr-left-orange.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-orange.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-orange.bdr-solid {
border-left-style: solid;
}
.bdr-right-orange {
border-right: 1px solid #ff851b;
}
.bdr-right-orange.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-orange.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-orange.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-orange {
border-bottom: 1px solid #ff851b;
}
.bdr-bottom-orange.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-orange.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-orange.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-orange {
border-top: 1px solid #ff851b;
}
.bdr-top-orange.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-orange.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-orange.bdr-solid {
border-top-style: solid;
}
.bdr-red {
border: 1px solid #ff4136;
}
.bdr-red.bdr-dotted {
border-style: dotted;
}
.bdr-red.bdr-dashed {
border-style: dashed;
}
.bdr-red.bdr-solid {
border-style: solid;
}
.bdr-left-red {
border-left: 1px solid #ff4136;
}
.bdr-left-red.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-red.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-red.bdr-solid {
border-left-style: solid;
}
.bdr-right-red {
border-right: 1px solid #ff4136;
}
.bdr-right-red.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-red.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-red.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-red {
border-bottom: 1px solid #ff4136;
}
.bdr-bottom-red.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-red.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-red.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-red {
border-top: 1px solid #ff4136;
}
.bdr-top-red.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-red.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-red.bdr-solid {
border-top-style: solid;
}
.bdr-maroon {
border: 1px solid #85144b;
}
.bdr-maroon.bdr-dotted {
border-style: dotted;
}
.bdr-maroon.bdr-dashed {
border-style: dashed;
}
.bdr-maroon.bdr-solid {
border-style: solid;
}
.bdr-left-maroon {
border-left: 1px solid #85144b;
}
.bdr-left-maroon.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-maroon.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-maroon.bdr-solid {
border-left-style: solid;
}
.bdr-right-maroon {
border-right: 1px solid #85144b;
}
.bdr-right-maroon.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-maroon.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-maroon.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-maroon {
border-bottom: 1px solid #85144b;
}
.bdr-bottom-maroon.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-maroon.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-maroon.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-maroon {
border-top: 1px solid #85144b;
}
.bdr-top-maroon.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-maroon.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-maroon.bdr-solid {
border-top-style: solid;
}
.bdr-fuchsia {
border: 1px solid #f012be;
}
.bdr-fuchsia.bdr-dotted {
border-style: dotted;
}
.bdr-fuchsia.bdr-dashed {
border-style: dashed;
}
.bdr-fuchsia.bdr-solid {
border-style: solid;
}
.bdr-left-fuchsia {
border-left: 1px solid #f012be;
}
.bdr-left-fuchsia.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-fuchsia.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-fuchsia.bdr-solid {
border-left-style: solid;
}
.bdr-right-fuchsia {
border-right: 1px solid #f012be;
}
.bdr-right-fuchsia.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-fuchsia.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-fuchsia.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-fuchsia {
border-bottom: 1px solid #f012be;
}
.bdr-bottom-fuchsia.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-fuchsia.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-fuchsia.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-fuchsia {
border-top: 1px solid #f012be;
}
.bdr-top-fuchsia.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-fuchsia.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-fuchsia.bdr-solid {
border-top-style: solid;
}
.bdr-purple {
border: 1px solid #b10dc9;
}
.bdr-purple.bdr-dotted {
border-style: dotted;
}
.bdr-purple.bdr-dashed {
border-style: dashed;
}
.bdr-purple.bdr-solid {
border-style: solid;
}
.bdr-left-purple {
border-left: 1px solid #b10dc9;
}
.bdr-left-purple.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-purple.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-purple.bdr-solid {
border-left-style: solid;
}
.bdr-right-purple {
border-right: 1px solid #b10dc9;
}
.bdr-right-purple.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-purple.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-purple.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-purple {
border-bottom: 1px solid #b10dc9;
}
.bdr-bottom-purple.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-purple.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-purple.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-purple {
border-top: 1px solid #b10dc9;
}
.bdr-top-purple.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-purple.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-purple.bdr-solid {
border-top-style: solid;
}
.bdr-dark-grey {
border: 1px solid #111;
}
.bdr-dark-grey.bdr-dotted {
border-style: dotted;
}
.bdr-dark-grey.bdr-dashed {
border-style: dashed;
}
.bdr-dark-grey.bdr-solid {
border-style: solid;
}
.bdr-left-dark-grey {
border-left: 1px solid #111;
}
.bdr-left-dark-grey.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-dark-grey.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-dark-grey.bdr-solid {
border-left-style: solid;
}
.bdr-right-dark-grey {
border-right: 1px solid #111;
}
.bdr-right-dark-grey.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-dark-grey.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-dark-grey.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-dark-grey {
border-bottom: 1px solid #111;
}
.bdr-bottom-dark-grey.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-dark-grey.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-dark-grey.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-dark-grey {
border-top: 1px solid #111;
}
.bdr-top-dark-grey.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-dark-grey.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-dark-grey.bdr-solid {
border-top-style: solid;
}
.bdr-grey {
border: 1px solid #aaa;
}
.bdr-grey.bdr-dotted {
border-style: dotted;
}
.bdr-grey.bdr-dashed {
border-style: dashed;
}
.bdr-grey.bdr-solid {
border-style: solid;
}
.bdr-left-grey {
border-left: 1px solid #aaa;
}
.bdr-left-grey.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-grey.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-grey.bdr-solid {
border-left-style: solid;
}
.bdr-right-grey {
border-right: 1px solid #aaa;
}
.bdr-right-grey.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-grey.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-grey.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-grey {
border-bottom: 1px solid #aaa;
}
.bdr-bottom-grey.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-grey.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-grey.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-grey {
border-top: 1px solid #aaa;
}
.bdr-top-grey.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-grey.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-grey.bdr-solid {
border-top-style: solid;
}
.bdr-silver {
border: 1px solid #ddd;
}
.bdr-silver.bdr-dotted {
border-style: dotted;
}
.bdr-silver.bdr-dashed {
border-style: dashed;
}
.bdr-silver.bdr-solid {
border-style: solid;
}
.bdr-left-silver {
border-left: 1px solid #ddd;
}
.bdr-left-silver.bdr-dotted {
border-left-style: dotted;
}
.bdr-left-silver.bdr-dashed {
border-left-style: dashed;
}
.bdr-left-silver.bdr-solid {
border-left-style: solid;
}
.bdr-right-silver {
border-right: 1px solid #ddd;
}
.bdr-right-silver.bdr-dotted {
border-right-style: dotted;
}
.bdr-right-silver.bdr-dashed {
border-right-style: dashed;
}
.bdr-right-silver.bdr-solid {
border-right-style: solid;
}
.bdr-bottom-silver {
border-bottom: 1px solid #ddd;
}
.bdr-bottom-silver.bdr-dotted {
border-bottom-style: dotted;
}
.bdr-bottom-silver.bdr-dashed {
border-bottom-style: dashed;
}
.bdr-bottom-silver.bdr-solid {
border-bottom-style: solid;
}
.bdr-top-silver {
border-top: 1px solid #ddd;
}
.bdr-top-silver.bdr-dotted {
border-top-style: dotted;
}
.bdr-top-silver.bdr-dashed {
border-top-style: dashed;
}
.bdr-top-silver.bdr-solid {
border-top-style: solid;
}
.bdr-black {
border: 1px solid #000;
}
.bdr-left-black {
border-left: 1px solid #000;
}
.bdr-right-black {
border-right: 1px solid #000;
}
.bdr-bottom-black {
border-bottom: 1px solid #000;
}
.bdr-top-black {
border-top: 1px solid #000;
}
.bdr-white {
border: 1px solid #fff;
}
.bdr-left-white {
border-left: 1px solid #fff;
}
.bdr-right-white {
border-right: 1px solid #fff;
}
.bdr-bottom-white {
border-bottom: 1px solid #fff;
}
.bdr-top-white {
border-top: 1px solid #fff;
}
.bdr-very-clear-black {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.bdr-left-very-clear-black {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.bdr-right-very-clear-black {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.bdr-bottom-very-clear-black {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.bdr-top-very-clear-black {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bdr-semi-clear-black {
border: 1px solid rgba(0, 0, 0, 0.25);
}
.bdr-left-semi-clear-black {
border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.bdr-right-semi-clear-black {
border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.bdr-bottom-semi-clear-black {
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.bdr-top-semi-clear-black {
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.bdr-half-clear-black {
border: 1px solid rgba(0, 0, 0, 0.5);
}
.bdr-left-half-clear-black {
border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.bdr-right-half-clear-black {
border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.bdr-bottom-half-clear-black {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.bdr-top-half-clear-black {
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.bdr-barely-clear-black {
border: 1px solid rgba(0, 0, 0, 0.85);
}
.bdr-left-barely-clear-black {
border-left: 1px solid rgba(0, 0, 0, 0.85);
}
.bdr-right-barely-clear-black {
border-right: 1px solid rgba(0, 0, 0, 0.85);
}
.bdr-bottom-barely-clear-black {
border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.bdr-top-barely-clear-black {
border-top: 1px solid rgba(0, 0, 0, 0.85);
}
.bdr-very-clear-white {
border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.bdr-left-very-clear-white {
border-left: 1px solid hsla(0, 0%, 100%, 0.1);
}
.bdr-right-very-clear-white {
border-right: 1px solid hsla(0, 0%, 100%, 0.1);
}
.bdr-bottom-very-clear-white {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.bdr-top-very-clear-white {
border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.bdr-semi-clear-white {
border: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bdr-left-semi-clear-white {
border-left: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bdr-right-semi-clear-white {
border-right: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bdr-bottom-semi-clear-white {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bdr-top-semi-clear-white {
border-top: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bdr-half-clear-white {
border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.bdr-left-half-clear-white {
border-left: 1px solid hsla(0, 0%, 100%, 0.5);
}
.bdr-right-half-clear-white {
border-right: 1px solid hsla(0, 0%, 100%, 0.5);
}
.bdr-bottom-half-clear-white {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
.bdr-top-half-clear-white {
border-top: 1px solid hsla(0, 0%, 100%, 0.5);
}
.bdr-barely-clear-white {
border: 1px solid hsla(0, 0%, 100%, 0.85);
}
.bdr-left-barely-clear-white {
border-left: 1px solid hsla(0, 0%, 100%, 0.85);
}
.bdr-right-barely-clear-white {
border-right: 1px solid hsla(0, 0%, 100%, 0.85);
}
.bdr-bottom-barely-clear-white {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.85);
}
.bdr-top-barely-clear-white {
border-top: 1px solid hsla(0, 0%, 100%, 0.85);
}
.bw-0 {
border-width: 0;
}
.bw-1 {
border-width: 1px;
}
.bw-2 {
border-width: 2px;
}
.bw-3 {
border-width: 3px;
}
.bw-4 {
border-width: 4px;
}
.bw-5 {
border-width: 5px;
}
.bw-6 {
border-width: 6px;
}
.br-0 {
border-radius: 0;
}
.br-1 {
border-radius: 0.25rem;
}
.br-2 {
border-radius: 0.5rem;
}
.br-3 {
border-radius: 0.75rem;
}
.br-4 {
border-radius: 1rem;
}
.br-5 {
border-radius: 1.5rem;
}
.br-6 {
border-radius: 2rem;
}
.br-half {
border-radius: 50%;
}
.br-quarter {
border-radius: 25%;
}
.bs-left-close-very-light {
-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.05);
}
.bs-left-very-light {
-webkit-box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.05);
box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.05);
}
.bs-left-far-very-light {
-webkit-box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.05);
box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.05);
}
.bs-right-close-very-light {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
}
.bs-right-very-light {
-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.05);
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.05);
}
.bs-right-far-very-light {
-webkit-box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.05);
box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.05);
}
.bs-center-close-very-light {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.bs-center-very-light {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
}
.bs-center-far-very-light {
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.05);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.05);
}
.ts-left-close-very-light {
text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.05);
}
.ts-left-very-light {
text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.05);
}
.ts-left-far-very-light {
text-shadow: -5px 5px 9px rgba(0, 0, 0, 0.05);
}
.ts-right-close-very-light {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.ts-right-very-light {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
}
.ts-right-far-very-light {
text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.05);
}
.ts-center-close-very-light {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ts-center-very-light {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.ts-center-far-very-light {
text-shadow: 0 5px 9px rgba(0, 0, 0, 0.05);
}
.bs-left-close-light {
-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
}
.bs-left-light {
-webkit-box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.15);
box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.15);
}
.bs-left-far-light {
-webkit-box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.15);
box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.15);
}
.bs-right-close-light {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.bs-right-light {
-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.15);
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.15);
}
.bs-right-far-light {
-webkit-box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.15);
box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.15);
}
.bs-center-close-light {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.bs-center-light {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}
.bs-center-far-light {
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.15);
}
.ts-left-close-light {
text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-left-light {
text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
}
.ts-left-far-light {
text-shadow: -5px 5px 9px rgba(0, 0, 0, 0.15);
}
.ts-right-close-light {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-right-light {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.ts-right-far-light {
text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.15);
}
.ts-center-close-light {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ts-center-light {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.ts-center-far-light {
text-shadow: 0 5px 9px rgba(0, 0, 0, 0.15);
}
.bs-left-close-medium {
-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
}
.bs-left-medium {
-webkit-box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.25);
box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.25);
}
.bs-left-far-medium {
-webkit-box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.25);
box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.25);
}
.bs-right-close-medium {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.bs-right-medium {
-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.25);
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.25);
}
.bs-right-far-medium {
-webkit-box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.25);
box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.25);
}
.bs-center-close-medium {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.bs-center-medium {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25);
}
.bs-center-far-medium {
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25);
}
.ts-left-close-medium {
text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.25);
}
.ts-left-medium {
text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
}
.ts-left-far-medium {
text-shadow: -5px 5px 9px rgba(0, 0, 0, 0.25);
}
.ts-right-close-medium {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.ts-right-medium {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.ts-right-far-medium {
text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.25);
}
.ts-center-close-medium {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.ts-center-medium {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.ts-center-far-medium {
text-shadow: 0 5px 9px rgba(0, 0, 0, 0.25);
}
.bs-left-close-dark {
-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5);
}
.bs-left-dark {
-webkit-box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.5);
box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.5);
}
.bs-left-far-dark {
-webkit-box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.5);
box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.5);
}
.bs-right-close-dark {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.bs-right-dark {
-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.5);
}
.bs-right-far-dark {
-webkit-box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5);
box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5);
}
.bs-center-close-dark {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.bs-center-dark {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.5);
}
.bs-center-far-dark {
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.5);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.5);
}
.ts-left-close-dark {
text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
}
.ts-left-dark {
text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5);
}
.ts-left-far-dark {
text-shadow: -5px 5px 9px rgba(0, 0, 0, 0.5);
}
.ts-right-close-dark {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.ts-right-dark {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.ts-right-far-dark {
text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.5);
}
.ts-center-close-dark {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.ts-center-dark {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.ts-center-far-dark {
text-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
}
.bs-left-close-very-dark {
-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.75);
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.75);
}
.bs-left-very-dark {
-webkit-box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.75);
box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.75);
}
.bs-left-far-very-dark {
-webkit-box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.75);
box-shadow: -8px 8px 14px rgba(0, 0, 0, 0.75);
}
.bs-right-close-very-dark {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
.bs-right-very-dark {
-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.75);
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.75);
}
.bs-right-far-very-dark {
-webkit-box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.75);
box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.75);
}
.bs-center-close-very-dark {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.bs-center-very-dark {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.75);
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.75);
}
.bs-center-far-very-dark {
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.75);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.75);
}
.ts-left-close-very-dark {
text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.75);
}
.ts-left-very-dark {
text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.75);
}
.ts-left-far-very-dark {
text-shadow: -5px 5px 9px rgba(0, 0, 0, 0.75);
}
.ts-right-close-very-dark {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
.ts-right-very-dark {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
.ts-right-far-very-dark {
text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.75);
}
.ts-center-close-very-dark {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
.ts-center-very-dark {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.ts-center-far-very-dark {
text-shadow: 0 5px 9px rgba(0, 0, 0, 0.75);
}
.bs-left-close-black {
-webkit-box-shadow: -2px 2px 4px #000;
box-shadow: -2px 2px 4px #000;
}
.bs-left-black {
-webkit-box-shadow: -4px 4px 7px #000;
box-shadow: -4px 4px 7px #000;
}
.bs-left-far-black {
-webkit-box-shadow: -8px 8px 14px #000;
box-shadow: -8px 8px 14px #000;
}
.bs-right-close-black {
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
}
.bs-right-black {
-webkit-box-shadow: 4px 4px 7px #000;
box-shadow: 4px 4px 7px #000;
}
.bs-right-far-black {
-webkit-box-shadow: 8px 8px 14px #000;
box-shadow: 8px 8px 14px #000;
}
.bs-center-close-black {
-webkit-box-shadow: 0 2px 4px #000;
box-shadow: 0 2px 4px #000;
}
.bs-center-black {
-webkit-box-shadow: 0 4px 7px #000;
box-shadow: 0 4px 7px #000;
}
.bs-center-far-black {
-webkit-box-shadow: 0 8px 14px #000;
box-shadow: 0 8px 14px #000;
}
.ts-left-close-black {
text-shadow: -1px 1px 2px #000;
}
.ts-left-black {
text-shadow: -2px 2px 4px #000;
}
.ts-left-far-black {
text-shadow: -5px 5px 9px #000;
}
.ts-right-close-black {
text-shadow: 1px 1px 2px #000;
}
.ts-right-black {
text-shadow: 2px 2px 4px #000;
}
.ts-right-far-black {
text-shadow: 5px 5px 9px #000;
}
.ts-center-close-black {
text-shadow: 0 1px 2px #000;
}
.ts-center-black {
text-shadow: 0 2px 4px #000;
}
.ts-center-far-black {
text-shadow: 0 5px 9px #000;
}
.bg-navy {
background: #001f3f;
}
.bg-navy-light {
background: #003872;
}
.bg-navy-dark {
background: #00060c;
}
.hover--bg-navy:hover {
background: #001f3f;
}
.hover--bg-navy-light:hover {
background: #003872;
}
.hover--bg-navy-dark:hover {
background: #00060c;
}
.bg-color-navy {
background-color: #001f3f;
}
.bg-color-navy-light {
background-color: #003872;
}
.bg-color-navy-dark {
background-color: #00060c;
}
.hover--bg-color-navy:hover {
background-color: #001f3f;
}
.hover--bg-color-navy-light:hover {
background-color: #003872;
}
.hover--bg-color-navy-dark:hover {
background-color: #00060c;
}
.bg-blue {
background: #0074d9;
}
.bg-blue-light {
background: #0d8eff;
}
.bg-blue-dark {
background: #0059a6;
}
.hover--bg-blue:hover {
background: #0074d9;
}
.hover--bg-blue-light:hover {
background: #0d8eff;
}
.hover--bg-blue-dark:hover {
background: #0059a6;
}
.bg-color-blue {
background-color: #0074d9;
}
.bg-color-blue-light {
background-color: #0d8eff;
}
.bg-color-blue-dark {
background-color: #0059a6;
}
.hover--bg-color-blue:hover {
background-color: #0074d9;
}
.hover--bg-color-blue-light:hover {
background-color: #0d8eff;
}
.hover--bg-color-blue-dark:hover {
background-color: #0059a6;
}
.bg-aqua {
background: #7fdbff;
}
.bg-aqua-light {
background: #b2e9ff;
}
.bg-aqua-dark {
background: #4ccdff;
}
.hover--bg-aqua:hover {
background: #7fdbff;
}
.hover--bg-aqua-light:hover {
background: #b2e9ff;
}
.hover--bg-aqua-dark:hover {
background: #4ccdff;
}
.bg-color-aqua {
background-color: #7fdbff;
}
.bg-color-aqua-light {
background-color: #b2e9ff;
}
.bg-color-aqua-dark {
background-color: #4ccdff;
}
.hover--bg-color-aqua:hover {
background-color: #7fdbff;
}
.hover--bg-color-aqua-light:hover {
background-color: #b2e9ff;
}
.hover--bg-color-aqua-dark:hover {
background-color: #4ccdff;
}
.bg-teal {
background: #39cccc;
}
.bg-teal-light {
background: #62d6d6;
}
.bg-teal-dark {
background: #2ba7a7;
}
.hover--bg-teal:hover {
background: #39cccc;
}
.hover--bg-teal-light:hover {
background: #62d6d6;
}
.hover--bg-teal-dark:hover {
background: #2ba7a7;
}
.bg-color-teal {
background-color: #39cccc;
}
.bg-color-teal-light {
background-color: #62d6d6;
}
.bg-color-teal-dark {
background-color: #2ba7a7;
}
.hover--bg-color-teal:hover {
background-color: #39cccc;
}
.hover--bg-color-teal-light:hover {
background-color: #62d6d6;
}
.hover--bg-color-teal-dark:hover {
background-color: #2ba7a7;
}
.bg-olive {
background: #3d9970;
}
.bg-olive-light {
background: #50b98a;
}
.bg-olive-dark {
background: #2e7555;
}
.hover--bg-olive:hover {
background: #3d9970;
}
.hover--bg-olive-light:hover {
background: #50b98a;
}
.hover--bg-olive-dark:hover {
background: #2e7555;
}
.bg-color-olive {
background-color: #3d9970;
}
.bg-color-olive-light {
background-color: #50b98a;
}
.bg-color-olive-dark {
background-color: #2e7555;
}
.hover--bg-color-olive:hover {
background-color: #3d9970;
}
.hover--bg-color-olive-light:hover {
background-color: #50b98a;
}
.hover--bg-color-olive-dark:hover {
background-color: #2e7555;
}
.bg-green {
background: #2ecc40;
}
.bg-green-light {
background: #54d964;
}
.bg-green-dark {
background: #25a233;
}
.hover--bg-green:hover {
background: #2ecc40;
}
.hover--bg-green-light:hover {
background: #54d964;
}
.hover--bg-green-dark:hover {
background: #25a233;
}
.bg-color-green {
background-color: #2ecc40;
}
.bg-color-green-light {
background-color: #54d964;
}
.bg-color-green-dark {
background-color: #25a233;
}
.hover--bg-color-green:hover {
background-color: #2ecc40;
}
.hover--bg-color-green-light:hover {
background-color: #54d964;
}
.hover--bg-color-green-dark:hover {
background-color: #25a233;
}
.bg-lime {
background: #01ff70;
}
.bg-lime-light {
background: #34ff8d;
}
.bg-lime-dark {
background: #00cd5a;
}
.hover--bg-lime:hover {
background: #01ff70;
}
.hover--bg-lime-light:hover {
background: #34ff8d;
}
.hover--bg-lime-dark:hover {
background: #00cd5a;
}
.bg-color-lime {
background-color: #01ff70;
}
.bg-color-lime-light {
background-color: #34ff8d;
}
.bg-color-lime-dark {
background-color: #00cd5a;
}
.hover--bg-color-lime:hover {
background-color: #01ff70;
}
.hover--bg-color-lime-light:hover {
background-color: #34ff8d;
}
.hover--bg-color-lime-dark:hover {
background-color: #00cd5a;
}
.bg-yellow {
background: #ffdc00;
}
.bg-yellow-light {
background: #ffe333;
}
.bg-yellow-dark {
background: #ccb000;
}
.hover--bg-yellow:hover {
background: #ffdc00;
}
.hover--bg-yellow-light:hover {
background: #ffe333;
}
.hover--bg-yellow-dark:hover {
background: #ccb000;
}
.bg-color-yellow {
background-color: #ffdc00;
}
.bg-color-yellow-light {
background-color: #ffe333;
}
.bg-color-yellow-dark {
background-color: #ccb000;
}
.hover--bg-color-yellow:hover {
background-color: #ffdc00;
}
.hover--bg-color-yellow-light:hover {
background-color: #ffe333;
}
.hover--bg-color-yellow-dark:hover {
background-color: #ccb000;
}
.bg-orange {
background: #ff851b;
}
.bg-orange-light {
background: #ffa04e;
}
.bg-orange-dark {
background: #e76b00;
}
.hover--bg-orange:hover {
background: #ff851b;
}
.hover--bg-orange-light:hover {
background: #ffa04e;
}
.hover--bg-orange-dark:hover {
background: #e76b00;
}
.bg-color-orange {
background-color: #ff851b;
}
.bg-color-orange-light {
background-color: #ffa04e;
}
.bg-color-orange-dark {
background-color: #e76b00;
}
.hover--bg-color-orange:hover {
background-color: #ff851b;
}
.hover--bg-color-orange-light:hover {
background-color: #ffa04e;
}
.hover--bg-color-orange-dark:hover {
background-color: #e76b00;
}
.bg-red {
background: #ff4136;
}
.bg-red-light {
background: #ff7169;
}
.bg-red-dark {
background: #ff1103;
}
.hover--bg-red:hover {
background: #ff4136;
}
.hover--bg-red-light:hover {
background: #ff7169;
}
.hover--bg-red-dark:hover {
background: #ff1103;
}
.bg-color-red {
background-color: #ff4136;
}
.bg-color-red-light {
background-color: #ff7169;
}
.bg-color-red-dark {
background-color: #ff1103;
}
.hover--bg-color-red:hover {
background-color: #ff4136;
}
.hover--bg-color-red-light:hover {
background-color: #ff7169;
}
.hover--bg-color-red-dark:hover {
background-color: #ff1103;
}
.bg-maroon {
background: #85144b;
}
.bg-maroon-light {
background: #b11b64;
}
.bg-maroon-dark {
background: #590d32;
}
.hover--bg-maroon:hover {
background: #85144b;
}
.hover--bg-maroon-light:hover {
background: #b11b64;
}
.hover--bg-maroon-dark:hover {
background: #590d32;
}
.bg-color-maroon {
background-color: #85144b;
}
.bg-color-maroon-light {
background-color: #b11b64;
}
.bg-color-maroon-dark {
background-color: #590d32;
}
.hover--bg-color-maroon:hover {
background-color: #85144b;
}
.hover--bg-color-maroon-light:hover {
background-color: #b11b64;
}
.hover--bg-color-maroon-dark:hover {
background-color: #590d32;
}
.bg-fuchsia {
background: #f012be;
}
.bg-fuchsia-light {
background: #f342cb;
}
.bg-fuchsia-dark {
background: #c30c9a;
}
.hover--bg-fuchsia:hover {
background: #f012be;
}
.hover--bg-fuchsia-light:hover {
background: #f342cb;
}
.hover--bg-fuchsia-dark:hover {
background: #c30c9a;
}
.bg-color-fuchsia {
background-color: #f012be;
}
.bg-color-fuchsia-light {
background-color: #f342cb;
}
.bg-color-fuchsia-dark {
background-color: #c30c9a;
}
.hover--bg-color-fuchsia:hover {
background-color: #f012be;
}
.hover--bg-color-fuchsia-light:hover {
background-color: #f342cb;
}
.hover--bg-color-fuchsia-dark:hover {
background-color: #c30c9a;
}
.bg-purple {
background: #b10dc9;
}
.bg-purple-light {
background: #d519f0;
}
.bg-purple-dark {
background: #870a99;
}
.hover--bg-purple:hover {
background: #b10dc9;
}
.hover--bg-purple-light:hover {
background: #d519f0;
}
.hover--bg-purple-dark:hover {
background: #870a99;
}
.bg-color-purple {
background-color: #b10dc9;
}
.bg-color-purple-light {
background-color: #d519f0;
}
.bg-color-purple-dark {
background-color: #870a99;
}
.hover--bg-color-purple:hover {
background-color: #b10dc9;
}
.hover--bg-color-purple-light:hover {
background-color: #d519f0;
}
.hover--bg-color-purple-dark:hover {
background-color: #870a99;
}
.bg-dark-grey {
background: #111;
}
.bg-dark-grey-light {
background: #2b2a2a;
}
.bg-dark-grey-dark {
background: #000;
}
.hover--bg-dark-grey:hover {
background: #111;
}
.hover--bg-dark-grey-light:hover {
background: #2b2a2a;
}
.hover--bg-dark-grey-dark:hover {
background: #000;
}
.bg-color-dark-grey {
background-color: #111;
}
.bg-color-dark-grey-light {
background-color: #2b2a2a;
}
.bg-color-dark-grey-dark {
background-color: #000;
}
.hover--bg-color-dark-grey:hover {
background-color: #111;
}
.hover--bg-color-dark-grey-light:hover {
background-color: #2b2a2a;
}
.hover--bg-color-dark-grey-dark:hover {
background-color: #000;
}
.bg-grey {
background: #aaa;
}
.bg-grey-light {
background: #c4c3c3;
}
.bg-grey-dark {
background: #919090;
}
.hover--bg-grey:hover {
background: #aaa;
}
.hover--bg-grey-light:hover {
background: #c4c3c3;
}
.hover--bg-grey-dark:hover {
background: #919090;
}
.bg-color-grey {
background-color: #aaa;
}
.bg-color-grey-light {
background-color: #c4c3c3;
}
.bg-color-grey-dark {
background-color: #919090;
}
.hover--bg-color-grey:hover {
background-color: #aaa;
}
.hover--bg-color-grey-light:hover {
background-color: #c4c3c3;
}
.hover--bg-color-grey-dark:hover {
background-color: #919090;
}
.bg-silver {
background: #ddd;
}
.bg-silver-light {
background: #f7f7f7;
}
.bg-silver-dark {
background: #c4c3c3;
}
.hover--bg-silver:hover {
background: #ddd;
}
.hover--bg-silver-light:hover {
background: #f7f7f7;
}
.hover--bg-silver-dark:hover {
background: #c4c3c3;
}
.bg-color-silver {
background-color: #ddd;
}
.bg-color-silver-light {
background-color: #f7f7f7;
}
.bg-color-silver-dark {
background-color: #c4c3c3;
}
.hover--bg-color-silver:hover {
background-color: #ddd;
}
.hover--bg-color-silver-light:hover {
background-color: #f7f7f7;
}
.hover--bg-color-silver-dark:hover {
background-color: #c4c3c3;
}
.bg-black,
.hover--bg-black:hover {
background: #000;
}
.bg-color-black,
.hover--bg-color-black:hover {
background-color: #000;
}
.bg-white,
.hover--bg-white:hover {
background: #fff;
}
.bg-color-white,
.hover--bg-color-white:hover {
background-color: #fff;
}
.bg-very-clear-black,
.hover--bg-very-clear-black:hover {
background: rgba(0, 0, 0, 0.1);
}
.bg-color-very-clear-black,
.hover--bg-color-very-clear-black:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-semi-clear-black,
.hover--bg-semi-clear-black:hover {
background: rgba(0, 0, 0, 0.25);
}
.bg-color-semi-clear-black,
.hover--bg-color-semi-clear-black:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.bg-half-clear-black,
.hover--bg-half-clear-black:hover {
background: rgba(0, 0, 0, 0.5);
}
.bg-color-half-clear-black,
.hover--bg-color-half-clear-black:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-barely-clear-black,
.hover--bg-barely-clear-black:hover {
background: rgba(0, 0, 0, 0.85);
}
.bg-color-barely-clear-black,
.hover--bg-color-barely-clear-black:hover {
background-color: rgba(0, 0, 0, 0.85);
}
.bg-very-clear-white,
.hover--bg-very-clear-white:hover {
background: hsla(0, 0%, 100%, 0.1);
}
.bg-color-very-clear-white,
.hover--bg-color-very-clear-white:hover {
background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-semi-clear-white,
.hover--bg-semi-clear-white:hover {
background: hsla(0, 0%, 100%, 0.25);
}
.bg-color-semi-clear-white,
.hover--bg-color-semi-clear-white:hover {
background-color: hsla(0, 0%, 100%, 0.25);
}
.bg-half-clear-white,
.hover--bg-half-clear-white:hover {
background: hsla(0, 0%, 100%, 0.5);
}
.bg-color-half-clear-white,
.hover--bg-color-half-clear-white:hover {
background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-barely-clear-white,
.hover--bg-barely-clear-white:hover {
background: hsla(0, 0%, 100%, 0.85);
}
.bg-color-barely-clear-white,
.hover--bg-color-barely-clear-white:hover {
background-color: hsla(0, 0%, 100%, 0.85);
}
.bg-position-left-top {
background-position: 0 0;
}
.bg-position-left-center {
background-position: 0;
}
.bg-position-left-bottom {
background-position: 0 100%;
}
.bg-position-right-top {
background-position: 100% 0;
}
.bg-position-right-center {
background-position: 100%;
}
.bg-position-right-bottom {
background-position: 100% 100%;
}
.bg-position-center-top {
background-position: top;
}
.bg-position-center-center {
background-position: 50%;
}
.bg-position-center-bottom {
background-position: bottom;
}
.pe-auto {
pointer-events: auto;
}
.pe-none {
pointer-events: none;
}
.pe-visible {
pointer-events: visible;
}
.pe-painted {
pointer-events: painted;
}
.pe-fill {
pointer-events: fill;
}
.pe-stroke {
pointer-events: stroke;
}
.pe-all {
pointer-events: all;
}
.pe-inherit {
pointer-events: inherit;
}
.pe-initial {
pointer-events: auto;
}
.pe-unset {
pointer-events: unset;
}
.tr-color-very-quick {
-webkit-transition: color 0.15s ease-in;
transition: color 0.15s ease-in;
}
.tr-opacity-very-quick {
-webkit-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
}
.tr-bg-very-quick {
-webkit-transition: background-color 0.15s ease-in;
transition: background-color 0.15s ease-in;
}
.tr-all-very-quick {
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tr-color-quick {
-webkit-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
.tr-opacity-quick {
-webkit-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.tr-bg-quick {
-webkit-transition: background-color 0.25s ease-in;
transition: background-color 0.25s ease-in;
}
.tr-all-quick {
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.tr-color-moderate {
-webkit-transition: color 0.4s ease-in;
transition: color 0.4s ease-in;
}
.tr-opacity-moderate {
-webkit-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.tr-bg-moderate {
-webkit-transition: background-color 0.4s ease-in;
transition: background-color 0.4s ease-in;
}
.tr-all-moderate {
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.tr-color-slow {
-webkit-transition: color 0.65s ease-in;
transition: color 0.65s ease-in;
}
.tr-opacity-slow {
-webkit-transition: opacity 0.65s ease-in;
transition: opacity 0.65s ease-in;
}
.tr-bg-slow {
-webkit-transition: background-color 0.65s ease-in;
transition: background-color 0.65s ease-in;
}
.tr-all-slow {
-webkit-transition: all 0.65s ease-in;
transition: all 0.65s ease-in;
}
.tr-color-very-slow {
-webkit-transition: color 0.85s ease-in;
transition: color 0.85s ease-in;
}
.tr-opacity-very-slow {
-webkit-transition: opacity 0.85s ease-in;
transition: opacity 0.85s ease-in;
}
.tr-bg-very-slow {
-webkit-transition: background-color 0.85s ease-in;
transition: background-color 0.85s ease-in;
}
.tr-all-very-slow {
-webkit-transition: all 0.85s ease-in;
transition: all 0.85s ease-in;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.has-margin-none {
margin: 0 !important;
}
.has-padding-none {
padding: 0 !important;
}
.has-margin-top-none {
margin-top: 0 !important;
}
.has-padding-top-none {
padding-top: 0 !important;
}
.has-margin-right-none {
margin-right: 0 !important;
}
.has-padding-right-none {
padding-right: 0 !important;
}
.has-margin-bottom-none {
margin-bottom: 0 !important;
}
.has-padding-bottom-none {
padding-bottom: 0 !important;
}
.has-margin-left-none {
margin-left: 0 !important;
}
.has-padding-left-none {
padding-left: 0 !important;
}
.has-margin-xxs {
margin: 0.125rem !important;
}
.has-padding-xxs {
padding: 0.125rem !important;
}
.has-margin-top-xxs {
margin-top: 0.125rem !important;
}
.has-padding-top-xxs {
padding-top: 0.125rem !important;
}
.has-margin-right-xxs {
margin-right: 0.125rem !important;
}
.has-padding-right-xxs {
padding-right: 0.125rem !important;
}
.has-margin-bottom-xxs {
margin-bottom: 0.125rem !important;
}
.has-padding-bottom-xxs {
padding-bottom: 0.125rem !important;
}
.has-margin-left-xxs {
margin-left: 0.125rem !important;
}
.has-padding-left-xxs {
padding-left: 0.125rem !important;
}
.has-margin-xs {
margin: 0.25rem !important;
}
.has-padding-xs {
padding: 0.25rem !important;
}
.has-margin-top-xs {
margin-top: 0.25rem !important;
}
.has-padding-top-xs {
padding-top: 0.25rem !important;
}
.has-margin-right-xs {
margin-right: 0.25rem !important;
}
.has-padding-right-xs {
padding-right: 0.25rem !important;
}
.has-margin-bottom-xs {
margin-bottom: 0.25rem !important;
}
.has-padding-bottom-xs {
padding-bottom: 0.25rem !important;
}
.has-margin-left-xs {
margin-left: 0.25rem !important;
}
.has-padding-left-xs {
padding-left: 0.25rem !important;
}
.has-margin-sm {
margin: 0.5rem !important;
}
.has-padding-sm {
padding: 0.5rem !important;
}
.has-margin-top-sm {
margin-top: 0.5rem !important;
}
.has-padding-top-sm {
padding-top: 0.5rem !important;
}
.has-margin-right-sm {
margin-right: 0.5rem !important;
}
.has-padding-right-sm {
padding-right: 0.5rem !important;
}
.has-margin-bottom-sm {
margin-bottom: 0.5rem !important;
}
.has-padding-bottom-sm {
padding-bottom: 0.5rem !important;
}
.has-margin-left-sm {
margin-left: 0.5rem !important;
}
.has-padding-left-sm {
padding-left: 0.5rem !important;
}
.has-margin-md {
margin: 1rem !important;
}
.has-padding-md {
padding: 1rem !important;
}
.has-margin-top-md {
margin-top: 1rem !important;
}
.has-padding-top-md {
padding-top: 1rem !important;
}
.has-margin-right-md {
margin-right: 1rem !important;
}
.has-padding-right-md {
padding-right: 1rem !important;
}
.has-margin-bottom-md {
margin-bottom: 1rem !important;
}
.has-padding-bottom-md {
padding-bottom: 1rem !important;
}
.has-margin-left-md {
margin-left: 1rem !important;
}
.has-padding-left-md {
padding-left: 1rem !important;
}
.has-margin-lg {
margin: 2rem !important;
}
.has-padding-lg {
padding: 2rem !important;
}
.has-margin-top-lg {
margin-top: 2rem !important;
}
.has-padding-top-lg {
padding-top: 2rem !important;
}
.has-margin-right-lg {
margin-right: 2rem !important;
}
.has-padding-right-lg {
padding-right: 2rem !important;
}
.has-margin-bottom-lg {
margin-bottom: 2rem !important;
}
.has-padding-bottom-lg {
padding-bottom: 2rem !important;
}
.has-margin-left-lg {
margin-left: 2rem !important;
}
.has-padding-left-lg {
padding-left: 2rem !important;
}
.has-margin-xl {
margin: 4rem !important;
}
.has-padding-xl {
padding: 4rem !important;
}
.has-margin-top-xl {
margin-top: 4rem !important;
}
.has-padding-top-xl {
padding-top: 4rem !important;
}
.has-margin-right-xl {
margin-right: 4rem !important;
}
.has-padding-right-xl {
padding-right: 4rem !important;
}
.has-margin-bottom-xl {
margin-bottom: 4rem !important;
}
.has-padding-bottom-xl {
padding-bottom: 4rem !important;
}
.has-margin-left-xl {
margin-left: 4rem !important;
}
.has-padding-left-xl {
padding-left: 4rem !important;
}
.has-margin-xxl {
margin: 8rem !important;
}
.has-padding-xxl {
padding: 8rem !important;
}
.has-margin-top-xxl {
margin-top: 8rem !important;
}
.has-padding-top-xxl {
padding-top: 8rem !important;
}
.has-margin-right-xxl {
margin-right: 8rem !important;
}
.has-padding-right-xxl {
padding-right: 8rem !important;
}
.has-margin-bottom-xxl {
margin-bottom: 8rem !important;
}
.has-padding-bottom-xxl {
padding-bottom: 8rem !important;
}
.has-margin-left-xxl {
margin-left: 8rem !important;
}
.has-padding-left-xxl {
padding-left: 8rem !important;
}
body {
font-family: Open Sans, sans-serif;
font-size: 14px;
}
.has-action-links .action-links {
padding: 0.75rem;
min-width: 128px;
}
.has-action-links .action-links > a {
opacity: 1;
}
@media (min-width: 768px) {
.has-action-links .action-links > a {
opacity: 0;
}
}
.has-action-links:hover .action-links > a {
opacity: 1;
}
.budget-title {
font-size: 19px;
font-weight: 600;
}
.button {
display: inline-block;
}
.button.is-small {
display: block;
color: #fff;
font-size: 0.75rem;
font-weight: 700;
text-align: center;
padding: 0.18rem 0 0.15rem;
width: 46%;
border-radius: 0.25rem;
}
.button.is-small.is-link {
background: #2962ff;
}
.button.is-small.is-danger {
background: #fc3c63;
}
.hero.is-login {
background: #eff3f6;
height: 100vh;
}
.hero.is-login .logo {
background: #232d3b;
}
.hero.is-login .title {
margin-bottom: 2rem;
}
.hero.is-login .is-login-links a {
color: rgba(35, 45, 59, 0.5);
font-weight: 700;
}
.hero.is-login .is-login-links a:hover {
color: #232d3b !important;
}
.hero.is-login .is-login-links span {
display: inline-block;
margin: 0 8px;
}
.hero.is-info {
background: #2962ff;
background: linear-gradient(135deg, #2962ff, #0d47a1);
}
button.is-login {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
button.is-login > span {
display: block;
line-height: 1.5rem;
}
button.is-login > span.is-text {
margin-right: 0.25rem;
}
button.is-login > span.is-emoji {
font-size: 1.25em;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #232d3b;
}
body.is-app {
min-height: 100vh;
background: #eff3f6;
}
a {
color: #2962ff;
}
.container {
width: auto !important;
}
.menu-list {
margin-top: 2rem;
}
.menu-list .menu-title {
font-size: 0.75rem;
color: hsla(0, 0%, 100%, 0.5);
font-weight: 600;
text-transform: uppercase;
margin: 2rem 0 0.5rem 1.25rem;
}
.menu-list .menu-title:first-child {
margin-top: 0;
}
.menu-list a {
color: hsla(0, 0%, 100%, 0.75);
border-left: 3px solid #232d3b;
display: block;
padding: 1rem 0;
}
.menu-list a,
.menu-list a i {
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.menu-list a i {
width: 22px;
text-align: center;
margin: 0 1rem;
}
.menu-list a:hover {
background: rgba(0, 0, 0, 0.1);
}
.menu-list a:active {
outline: none !important;
}
.menu-list a.router-link-exact-active {
background: rgba(0, 0, 0, 0.1);
color: #fff;
border-left: 3px solid #2962ff;
}
.menu-list a.router-link-exact-active i {
color: #2962ff;
}
.page-block {
background: #fff;
border-radius: 0.25rem;
border: 1px solid #e6eaee;
padding: 0.5rem 1rem;
}
.page-header {
padding: 0;
}
.link-more {
font-size: 0.35rem;
display: inline-block;
vertical-align: top;
color: #e6eaee;
}
.link-more.has-margin {
margin-top: 0.4rem;
}
.breadcrumb {
margin: 1rem 0;
display: none;
}
@media (min-width: 768px) {
.breadcrumb {
display: block;
}
}
.breadcrumb:not(:last-child) {
margin-bottom: 0.75rem;
}
.table {
border-collapse: collapse;
border-spacing: 0;
}
.table tbody tr {
border-bottom: 1px solid #eff3f6;
}
.table tbody tr:last-child {
border-bottom: none;
}
.table tbody tr:hover {
background: rgba(239, 243, 246, 0.5);
}
.table td {
padding: 1rem 0.75rem;
min-width: 86px;
}
.table td:nth-child(2) {
font-weight: 600;
}
.table td.action-links {
width: 86px;
}
.table td span i.expense {
width: 14px;
text-align: right;
}
.table th {
padding: 0 0.75rem;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 600;
color: rgba(35, 45, 59, 0.5);
}
.button-primary,
.button-secondary {
display: inline-block;
background: #2962ff;
color: #fff;
font-size: 0.88rem;
font-weight: 600;
padding: 0.35rem 0.75rem;
border-radius: 0.25rem;
font-family: Open Sans, sans-serif;
line-height: 1.5rem;
border: none;
}
.button-primary .is-emoji,
.button-secondary .is-emoji {
display: inline-block;
margin-left: 0.25rem;
}
.button-primary:focus,
.button-secondary:focus {
outline: none;
}
.button-secondary {
background: #fff;
color: #2962ff;
padding: 0.3rem 0.75rem;
border: 1px solid #2962ff;
}
.button-dropdown {
-webkit-appearance: none;
background-color: #fff;
padding: 0.65rem 0 0.65rem 1rem;
font-size: 0.88rem;
font-weight: 600;
display: block;
line-height: 1rem;
font-family: Open Sans, sans-serif;
border: none;
border-radius: 0.25rem;
margin-right: 0;
}
@media (min-width: 768px) {
.button-dropdown {
margin-right: 1rem;
}
}
.button-dropdown:focus {
outline: none;
}
.button-dropdown span {
display: inline-block;
margin-right: 1rem;
}
.dashboard-budget {
margin-left: 0;
margin-right: 0;
}
.dashboard-budget > .column {
border-bottom: 1px solid #e6eaee;
padding-left: 0;
padding-right: 0;
}
.dashboard-budget:last-child > .column {
border-bottom: none;
margin-bottom: 0.5rem;
}
.info-box {
background: #fff;
border: 1px solid #e6eaee;
border-radius: 0.25rem;
padding: 1.25rem 1.5rem 1.5rem;
}
.hero-body .info-box {
width: 96%;
margin: 0 auto;
max-width: 420px;
}
.budget {
background: #fff;
border-radius: 0.25rem;
border: 1px solid #e6eaee;
padding: 1.25rem 1.5rem;
}
.budget .amount {
font-weight: 600;
margin: 0;
}
.budget .amount .slash,
.budget .amount .total {
font-weight: 400;
color: rgba(35, 45, 59, 0.5);
}
.budget .is-more {
width: 128px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
opacity: 1;
}
.budget .is-more.is-hidden-desktop {
padding-top: 0;
padding-bottom: 1rem;
opacity: 1 !important;
display: none;
}
@media (min-width: 768px) {
.budget .is-more {
opacity: 0;
}
}
.budget:hover .is-more {
opacity: 1;
}
.settings {
background: #fff;
border-radius: 0.25rem;
padding: 1.5rem 1rem;
}
.settings form > .field:not(:last-child) {
margin-bottom: 1.25rem;
}
.row-dashboard-columns .col-xs-12 {
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.row-dashboard-columns .col-xs-12 {
margin-bottom: 0;
}
}
.row-dashboard-columns .col-xs-12:last-child {
margin-bottom: 0;
}
.row-dashboard-columns .info-box .price-monitor {
margin-top: 1rem;
}
.row-dashboard-columns .info-box .price-monitor i {
font-size: 30px;
margin-left: 0.25rem;
}
.row-dashboard-columns .info-box .price-monitor i.fa-long-arrow-up {
color: #fc3c63;
}
.row-dashboard-columns .info-box .price-monitor i.fa-long-arrow-down {
color: #2962ff;
}
.row-dashboard-columns .info-box h2 {
font-size: 42px;
}
.row-dashboard-columns .info-box h3 {
font-size: 19px;
}
.row-dashboard-columns .info-box p {
font-size: 12px;
margin: 0;
color: rgba(35, 45, 59, 0.5);
}
.row-dashboard-columns .info-box .info-content p {
font-size: 15px;
}
.status-bar-wrapper {
height: 100%;
}
.status-bar {
border-radius: 16px;
background: #eff3f6;
height: 12px;
width: 100%;
}
.status-bar > .status {
height: 100%;
border-radius: 12px;
}
.app-loader {
text-align: center;
padding: 1rem 0;
}
.app-loader .app-loader-img {
position: relative;
-webkit-animation: hoverSlowly 1.8s infinite ease-in-out;
animation: hoverSlowly 1.8s infinite ease-in-out;
}
.app-loader img {
position: relative;
-webkit-animation: rotateSine 1.8s infinite linear;
animation: rotateSine 1.8s infinite linear;
}
.app-loader .app-loader-blocks {
position: relative;
overflow: hidden;
width: 100%;
}
.app-loader .app-loader-blocks .loader-block {
height: 10px;
width: 100%;
background-position: 0 0;
background-color: #eff3f6;
background-image: -webkit-gradient(linear, left top, right top, from(#eff3f6), color-stop(20%, #fff), color-stop(40%, #eff3f6), to(#eff3f6));
background-image: linear-gradient(90deg, #eff3f6 0, #fff 20%, #eff3f6 40%, #eff3f6);
-webkit-animation: infinite linear 2s shimmer;
animation: infinite linear 2s shimmer;
}
.app-loader .spinner {
margin: 0 auto;
width: 70px;
text-align: center;
}
.app-loader .spinner > div {
width: 12px;
height: 12px;
background-color: #2962ff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.app-loader .spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.app-loader .spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.progress {
background: #e6eaee;
margin: 1rem 0 0.5rem;
}
.progress,
.progress .progress-inner {
height: 14px;
border-radius: 14px;
}
.progress .progress-inner.is-link {
background: #2962ff;
}
.progress .progress-inner.is-danger {
background: #fc3c63;
}
.progress .progress-inner.is-warning {
background: #fedc62;
}
.field label {
font-size: 0.88rem;
font-weight: 600;
}
.field label a {
display: inline-block;
margin-left: 0.25rem;
text-decoration: none !important;
}
.field label.radio {
margin-right: 1rem;
}
.field label.radio:last-child {
margin: 0;
}
.field label.radio input[type="radio"] {
margin-right: 0.25rem;
}
.control {
margin: 0.25rem 0 1rem;
}
.control .input {
width: 100%;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e6eaee;
background: #fff;
border-radius: 0.25rem;
padding: 0.5rem 0.75rem;
font-size: 1rem;
font-weight: 300;
}
.control .input:focus {
outline: none;
border: 1px solid #2962ff;
-webkit-box-shadow: 0 0 3px #2962ff;
box-shadow: 0 0 3px #2962ff;
}
.control .input.is-danger,
.control .input.is-danger:focus {
border: 1px solid #fc3c63;
-webkit-box-shadow: 0 0 3px #fc3c63;
box-shadow: 0 0 3px #fc3c63;
}
.ai-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.jc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jc-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jc-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.has-fullheight {
height: 100%;
}
.is-saved {
display: inline-block;
line-height: 2.2rem;
margin-left: 0.5rem;
}
.placeholder {
padding: 1rem 0.75rem;
font-weight: 400;
}
.has-transactions-table {
overflow-x: scroll;
}
aside.menu {
width: 280px;
background: #232d3b;
}
aside.menu-mobile {
width: 100%;
background: #232d3b;
}
main.main-content {
margin-left: 0;
padding-top: 72px;
}
@media (min-width: 768px) {
main.main-content {
margin-left: 280px;
padding-top: 1.5rem;
}
}
.is-hidden-mobile {
display: none;
}
@media (min-width: 768px) {
.is-hidden-mobile {
display: block;
}
}
@media (min-width: 768px) {
.is-hidden-mobile.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.is-hidden-tablet {
display: block;
}
@media (min-width: 768px) {
.is-hidden-tablet {
display: none;
}
}
.is-hidden-tablet.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 768px) {
.is-hidden-tablet.flex {
display: none;
}
}
.has-text-success.is-saved {
font-size: 0.88rem;
font-weight: 600;
color: #2962ff;
margin-right: 0.5rem;
display: inline-block;
}
.row-dashboard-budget {
border-bottom: 1px solid #e6eaee;
}
.row-dashboard-budget:last-child {
border-bottom: none;
}
p.help {
margin-top: -1rem;
font-size: 12px;
font-weight: 600;
}
p.help.is-danger {
color: #fc3c63;
}
.mt-4-mobile {
margin-top: 1rem;
}
@media (min-width: 768px) {
.mt-4-mobile {
margin-top: 0;
}
}
.modal {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-perspective: 2000px;
perspective: 2000px;
position: fixed;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal,
.modal-background {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.modal-background {
position: absolute;
z-index: -1;
background: rgba(20, 20, 28, 0.88);
}
.modal-content {
background: #fff;
border-radius: 0.25rem;
padding: 1.5rem 2rem;
width: 90%;
max-width: 480px;
}
.modal-enter-active,
.modal-enter-active .modal-content,
.modal-leave-active,
.modal-leave-active .modal-content {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.modal-enter,
.modal-leave-to {
opacity: 0;
}
.modal-enter .modal-content,
.modal-leave-to .modal-content {
-webkit-transform: rotateX(-10deg) translateY(-16px);
transform: rotateX(-10deg) translateY(-16px);
}
.logo {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.brand-text {
font-family: Hind, sans-serif;
font-weight: 600;
font-size: 24px;
color: #fff;
}
.brand-text .suffix {
display: inline-block;
background: #2962ff;
color: #fff;
font-size: 0.92rem;
text-transform: uppercase;
border-radius: 3px;
font-weight: 400;
padding: 3px 6px 0 4px;
margin-left: 4px;
position: relative;
top: -2px;
}
.brand-text.is-large {
font-size: 29px;
}
.brand-text.is-large .suffix {
font-size: 0.61em;
}
.navbar-burger:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand > a.navbar-item:hover {
background-color: #eff3f6;
background: #eff3f6;
}
.dropdown-menu {
top: 100%;
right: 0;
width: 192px;
background: #fff;
border-radius: 0.25rem;
border: 1px solid #eff3f6;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.dropdown-menu .dropdown-item {
font-weight: 600;
}
.dropdown-menu .dropdown-item:hover {
cursor: pointer;
background: #2962ff;
color: #fff;
}
.mobile-menu-trigger {
color: #fff;
text-decoration: none !important;
}
.has-background-blue {
background: #2962ff;
}
.has-background-yellow {
background: #fedc62;
}
.has-background-red {
background: #fc3c63;
}
.has-background-none {
background: none !important;
}
.bg-link {
background: #2962ff;
}
.color-success {
color: #2962ff;
}
.color-danger {
color: #fc3c63;
}
@-webkit-keyframes hoverSlowly {
0% {
top: -7px;
}
50% {
top: 7px;
}
to {
top: -7px;
}
}
@keyframes hoverSlowly {
0% {
top: -7px;
}
50% {
top: 7px;
}
to {
top: -7px;
}
}
@-webkit-keyframes rotateSine {
0% {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
25% {
-webkit-transform: rotate(57deg);
transform: rotate(57deg);
}
50% {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
75% {
-webkit-transform: rotate(27deg);
transform: rotate(27deg);
}
to {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
}
@keyframes rotateSine {
0% {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
25% {
-webkit-transform: rotate(57deg);
transform: rotate(57deg);
}
50% {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
75% {
-webkit-transform: rotate(27deg);
transform: rotate(27deg);
}
to {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
}
@-webkit-keyframes shimmer {
0% {
background-position: 0 0;
}
to {
background-position: 970px 0;
}
}
@keyframes shimmer {
0% {
background-position: 0 0;
}
to {
background-position: 970px 0;
}
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
to {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%,
80%,
to {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment