html {
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  font-family: -apple-system, "avenir next", avenir, roboto, noto, ubuntu, "helvetica neue", helvetica, arial, sans-serif;
  box-sizing: border-box;
  line-height: 2rem;
}

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

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  margin-bottom: 1rem;
}

h4, h5, h6 {
  margin-bottom: 0.6rem;
}

h1 {
  font-size: 2.2rem;
  line-height: 2.6rem;
}

h2 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.6rem;
  line-height: 0.8rem;
}

h6 {
  font-size: 0.4rem;
  line-height: 0.6rem;
}

p, ul, ol {
  line-height: 2rem;
}

ul, ul {
  margin: 0;
}

p {
  margin: 0 0 2rem;
}

span {
  line-height: 2rem;
}

input[type=text], input[type=email], input[type=password] {
  min-width: 50px;
}

code {
  font-size: 0.8rem;
  font-weight: bold;
  padding: 2px 4px;
  background-color: #eee;
  border-radius: 3px;
}

::-webkit-input-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::placeholder {
  color: inherit;
}

/* Values taken from https://clrs.cc/ */
/* Functions for querying themes */
/* DEFAULT FONT COLOR */
html {
  color: #222;
}

/* Backgrounds */
.bg-navy {
  background-color: #001f3f !important;
}

.bg-blue {
  background-color: #0074d9 !important;
}

.bg-aqua {
  background-color: #7fdbff !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-green {
  background-color: #2ecc40 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-yellow {
  background-color: #ffdc00 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-red {
  background-color: #ff4136 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #b10dc9 !important;
}

.bg-gray {
  background-color: #aaa !important;
}

.bg-silver {
  background-color: #ddd !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #111 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

/* Colors */
.navy {
  color: #001f3f !important;
}

.blue {
  color: #0074d9 !important;
}

.aqua {
  color: #7fdbff !important;
}

.teal {
  color: #39cccc !important;
}

.olive {
  color: #3d9970 !important;
}

.green {
  color: #2ecc40 !important;
}

.lime {
  color: #01ff70 !important;
}

.yellow {
  color: #ffdc00 !important;
}

.orange {
  color: #ff851b !important;
}

.red {
  color: #ff4136 !important;
}

.maroon {
  color: #85144b !important;
}

.fuchsia {
  color: #f012be !important;
}

.purple {
  color: #b10dc9 !important;
}

.gray {
  color: #aaa !important;
}

.silver {
  color: #ddd !important;
}

.white {
  color: #fff !important;
}

.black {
  color: #111 !important;
}

/* Border colors */
.border--navy {
  border-color: #001f3f;
}

.border--blue {
  border-color: #0074d9;
}

.border--aqua {
  border-color: #7fdbff;
}

.border--teal {
  border-color: #39cccc;
}

.border--olive {
  border-color: #3d9970;
}

.border--green {
  border-color: #2ecc40;
}

.border--lime {
  border-color: #01ff70;
}

.border--yellow {
  border-color: #ffdc00;
}

.border--orange {
  border-color: #ff851b;
}

.border--red {
  border-color: #ff4136;
}

.border--maroon {
  border-color: #85144b;
}

.border--fuchsia {
  border-color: #f012be;
}

.border--purple {
  border-color: #b10dc9;
}

.border--gray {
  border-color: #aaa;
}

.border--silver {
  border-color: #ddd;
}

.border--white {
  border-color: #fff;
}

.border--black {
  border-color: #111;
}

/* Fills for SVG */
.fill-navy {
  fill: #001f3f;
}

.fill-blue {
  fill: #0074d9;
}

.fill-aqua {
  fill: #7fdbff;
}

.fill-teal {
  fill: #39cccc;
}

.fill-olive {
  fill: #3d9970;
}

.fill-green {
  fill: #2ecc40;
}

.fill-lime {
  fill: #01ff70;
}

.fill-yellow {
  fill: #ffdc00;
}

.fill-orange {
  fill: #ff851b;
}

.fill-red {
  fill: #ff4136;
}

.fill-maroon {
  fill: #85144b;
}

.fill-fuchsia {
  fill: #f012be;
}

.fill-purple {
  fill: #b10dc9;
}

.fill-gray {
  fill: #aaa;
}

.fill-silver {
  fill: #ddd;
}

.fill-white {
  fill: #fff;
}

.fill-black {
  fill: #111;
}

/* Strokes for SVG */
.stroke-navy {
  stroke: #001f3f;
}

.stroke-blue {
  stroke: #0074d9;
}

.stroke-aqua {
  stroke: #7fdbff;
}

.stroke-teal {
  stroke: #39cccc;
}

.stroke-olive {
  stroke: #3d9970;
}

.stroke-green {
  stroke: #2ecc40;
}

.stroke-lime {
  stroke: #01ff70;
}

.stroke-yellow {
  stroke: #ffdc00;
}

.stroke-orange {
  stroke: #ff851b;
}

.stroke-red {
  stroke: #ff4136;
}

.stroke-maroon {
  stroke: #85144b;
}

.stroke-fuchsia {
  stroke: #f012be;
}

.stroke-purple {
  stroke: #b10dc9;
}

.stroke-gray {
  stroke: #aaa;
}

.stroke-silver {
  stroke: #ddd;
}

.stroke-white {
  stroke: #fff;
}

.stroke-black {
  stroke: #111;
}

/* THEMES */
.theme-navy {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #80bfff !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-navy .nav-link, .theme-navy .navbar-brand a {
  background-color: #001f3f;
  color: #80bfff;
}
.theme-navy .nav-link:hover {
  background-color: #0051a5 !important;
  border-color: #001f3f;
  text-shadow: 1px 1px #001f3f;
}

.theme-blue {
  background-color: #0074d9 !important;
  border-color: #0074d9 !important;
  color: #b3dbff !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-blue .nav-link, .theme-blue .navbar-brand a {
  background-color: #0074d9;
  color: #b3dbff;
}
.theme-blue .nav-link:hover {
  background-color: #40a6ff !important;
  border-color: #0074d9;
  text-shadow: 1px 1px #0074d9;
}

.theme-aqua {
  background-color: #7fdbff !important;
  border-color: #7fdbff !important;
  color: #004966 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-aqua .nav-link, .theme-aqua .navbar-brand a {
  background-color: #7fdbff;
  color: #004966;
}
.theme-aqua .nav-link:hover {
  background-color: #e5f8ff !important;
  border-color: #7fdbff;
  text-shadow: 1px 1px #7fdbff;
}

.theme-teal {
  background-color: #39cccc !important;
  border-color: #39cccc !important;
  color: #000 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-teal .nav-link, .theme-teal .navbar-brand a {
  background-color: #39cccc;
  color: #000;
}
.theme-teal .nav-link:hover {
  background-color: #8ae1e1 !important;
  border-color: #39cccc;
  text-shadow: 1px 1px #39cccc;
}

.theme-olive {
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
  color: #163728 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-olive .nav-link, .theme-olive .navbar-brand a {
  background-color: #3d9970;
  color: #163728;
}
.theme-olive .nav-link:hover {
  background-color: #74c8a3 !important;
  border-color: #3d9970;
  text-shadow: 1px 1px #3d9970;
}

.theme-green {
  background-color: #2ecc40 !important;
  border-color: #2ecc40 !important;
  color: #0e3e14 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-green .nav-link, .theme-green .navbar-brand a {
  background-color: #2ecc40;
  color: #0e3e14;
}
.theme-green .nav-link:hover {
  background-color: #7ee289 !important;
  border-color: #2ecc40;
  text-shadow: 1px 1px #2ecc40;
}

.theme-lime {
  background-color: #01ff70 !important;
  border-color: #01ff70 !important;
  color: #00662c !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-lime .nav-link, .theme-lime .navbar-brand a {
  background-color: #01ff70;
  color: #00662c;
}
.theme-lime .nav-link:hover {
  background-color: #67ffa9 !important;
  border-color: #01ff70;
  text-shadow: 1px 1px #01ff70;
}

.theme-yellow {
  background-color: #ffdc00 !important;
  border-color: #ffdc00 !important;
  color: #665800 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-yellow .nav-link, .theme-yellow .navbar-brand a {
  background-color: #ffdc00;
  color: #665800;
}
.theme-yellow .nav-link:hover {
  background-color: #ffea66 !important;
  border-color: #ffdc00;
  text-shadow: 1px 1px #ffdc00;
}

.theme-orange {
  background-color: #ff851b !important;
  border-color: #ff851b !important;
  color: #663000 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-orange .nav-link, .theme-orange .navbar-brand a {
  background-color: #ff851b;
  color: #663000;
}
.theme-orange .nav-link:hover {
  background-color: #ffbc81 !important;
  border-color: #ff851b;
  text-shadow: 1px 1px #ff851b;
}

.theme-red {
  background-color: #ff4136 !important;
  border-color: #ff4136 !important;
  color: #800600 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-red .nav-link, .theme-red .navbar-brand a {
  background-color: #ff4136;
  color: #800600;
}
.theme-red .nav-link:hover {
  background-color: #ffa19c !important;
  border-color: #ff4136;
  text-shadow: 1px 1px #ff4136;
}

.theme-maroon {
  background-color: #85144b !important;
  border-color: #85144b !important;
  color: #eb7ab1 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-maroon .nav-link, .theme-maroon .navbar-brand a {
  background-color: #85144b;
  color: #eb7ab1;
}
.theme-maroon .nav-link:hover {
  background-color: #de217d !important;
  border-color: #85144b;
  text-shadow: 1px 1px #85144b;
}

.theme-fuchsia {
  background-color: #f012be !important;
  border-color: #f012be !important;
  color: #65064f !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-fuchsia .nav-link, .theme-fuchsia .navbar-brand a {
  background-color: #f012be;
  color: #65064f;
}
.theme-fuchsia .nav-link:hover {
  background-color: #f672d8 !important;
  border-color: #f012be;
  text-shadow: 1px 1px #f012be;
}

.theme-purple {
  background-color: #b10dc9 !important;
  border-color: #b10dc9 !important;
  color: #efa9f9 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-purple .nav-link, .theme-purple .navbar-brand a {
  background-color: #b10dc9;
  color: #efa9f9;
}
.theme-purple .nav-link:hover {
  background-color: #dd49f3 !important;
  border-color: #b10dc9;
  text-shadow: 1px 1px #b10dc9;
}

.theme-gray {
  background-color: #aaa !important;
  border-color: #aaa !important;
  color: #000 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-gray .nav-link, .theme-gray .navbar-brand a {
  background-color: #aaa;
  color: #000;
}
.theme-gray .nav-link:hover {
  background-color: #dddddd !important;
  border-color: #aaa;
  text-shadow: 1px 1px #aaa;
}

.theme-silver {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #000 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-silver .nav-link, .theme-silver .navbar-brand a {
  background-color: #ddd;
  color: #000;
}
.theme-silver .nav-link:hover {
  background-color: white !important;
  border-color: #ddd;
  text-shadow: 1px 1px #ddd;
}

.theme-white {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #111 !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-white .nav-link, .theme-white .navbar-brand a {
  background-color: #fff;
  color: #111;
}

.theme-black {
  background-color: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  /* Excludes white and black buttons for nav-links hover effects */
}
.theme-black .nav-link, .theme-black .navbar-brand a {
  background-color: #111;
  color: #fff;
}

/* Hover effects for colored buttons and links */
/* Excludes white and black buttons */
button.theme-navy:hover, a.theme-navy:hover {
  background-color: #0051a5 !important;
  border-color: #001f3f;
  text-shadow: 1px 1px #001f3f;
}

button.theme-blue:hover, a.theme-blue:hover {
  background-color: #40a6ff !important;
  border-color: #0074d9;
  text-shadow: 1px 1px #0074d9;
}

button.theme-aqua:hover, a.theme-aqua:hover {
  background-color: #e5f8ff !important;
  border-color: #7fdbff;
  text-shadow: 1px 1px #7fdbff;
}

button.theme-teal:hover, a.theme-teal:hover {
  background-color: #8ae1e1 !important;
  border-color: #39cccc;
  text-shadow: 1px 1px #39cccc;
}

button.theme-olive:hover, a.theme-olive:hover {
  background-color: #74c8a3 !important;
  border-color: #3d9970;
  text-shadow: 1px 1px #3d9970;
}

button.theme-green:hover, a.theme-green:hover {
  background-color: #7ee289 !important;
  border-color: #2ecc40;
  text-shadow: 1px 1px #2ecc40;
}

button.theme-lime:hover, a.theme-lime:hover {
  background-color: #67ffa9 !important;
  border-color: #01ff70;
  text-shadow: 1px 1px #01ff70;
}

button.theme-yellow:hover, a.theme-yellow:hover {
  background-color: #ffea66 !important;
  border-color: #ffdc00;
  text-shadow: 1px 1px #ffdc00;
}

button.theme-orange:hover, a.theme-orange:hover {
  background-color: #ffbc81 !important;
  border-color: #ff851b;
  text-shadow: 1px 1px #ff851b;
}

button.theme-red:hover, a.theme-red:hover {
  background-color: #ffa19c !important;
  border-color: #ff4136;
  text-shadow: 1px 1px #ff4136;
}

button.theme-maroon:hover, a.theme-maroon:hover {
  background-color: #de217d !important;
  border-color: #85144b;
  text-shadow: 1px 1px #85144b;
}

button.theme-fuchsia:hover, a.theme-fuchsia:hover {
  background-color: #f672d8 !important;
  border-color: #f012be;
  text-shadow: 1px 1px #f012be;
}

button.theme-purple:hover, a.theme-purple:hover {
  background-color: #dd49f3 !important;
  border-color: #b10dc9;
  text-shadow: 1px 1px #b10dc9;
}

button.theme-gray:hover, a.theme-gray:hover {
  background-color: #dddddd !important;
  border-color: #aaa;
  text-shadow: 1px 1px #aaa;
}

button.theme-silver:hover, a.theme-silver:hover {
  background-color: white !important;
  border-color: #ddd;
  text-shadow: 1px 1px #ddd;
}

/* Hover effects for white and black buttons and links*/
button.theme-black:hover, a.theme-black:hover, .theme-black .nav-link:hover {
  color: #111 !important;
  background-color: #fff !important;
}

button.theme-white:hover, a.theme-white:hover, .theme-white .nav-link:hover {
  color: #fff !important;
  background-color: #111 !important;
}

/* Dark and light texts that go with bg-xxx classes, whose text colors are not set */
.text-light {
  color: rgba(255, 255, 255, 0.8);
}
.text-light .navbar-brand a, .text-light .nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.text-light .nav-link {
  border-bottom: 4px solid transparent;
}
.text-light .nav-link:hover, .text-light .navbar-brand a:hover {
  color: white;
}
.text-light .nav-link:hover {
  border-bottom: 4px solid currentColor;
}

.text-dark {
  color: rgba(0, 0, 0, 0.8);
}
.text-dark .navbar-brand a, .text-dark .nav-link {
  color: rgba(0, 0, 0, 0.8);
}
.text-dark .nav-link {
  border-bottom: 4px solid transparent;
}
.text-dark .nav-link:hover, .text-dark .navbar-brand a:hover {
  color: black;
}
.text-dark .nav-link:hover {
  border-bottom: 4px solid currentColor;
}

/* Makes all unstyled anchors blue */
a {
  color: #0074d9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

code {
  color: #111;
}

.m-0 {
  margin: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.mx-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.my-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.mx-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.my-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.px-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.mx-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.ml-8 {
  margin-left: 8rem !important;
}

.mr-8 {
  margin-right: 8rem !important;
}

.my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.mx-9 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.ml-9 {
  margin-left: 9rem !important;
}

.mr-9 {
  margin-right: 9rem !important;
}

.my-9 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.mt-9 {
  margin-top: 9rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.px-9 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.pl-9 {
  padding-left: 9rem !important;
}

.pr-9 {
  padding-right: 9rem !important;
}

.py-9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.pt-9 {
  padding-top: 9rem !important;
}

.pb-9 {
  padding-bottom: 9rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.mx-10 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.ml-10 {
  margin-left: 10rem !important;
}

.mr-10 {
  margin-right: 10rem !important;
}

.my-10 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.px-10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.pl-10 {
  padding-left: 10rem !important;
}

.pr-10 {
  padding-right: 10rem !important;
}

.py-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

/* BORDER */
.border {
  border: 1px solid #ddd !important;
}

.no-border {
  border: 0 !important;
}

.b-0 {
  border: 0px solid #ddd !important;
}

.bt-0 {
  border-top: 0px solid #ddd !important;
}

.bb-0 {
  border-bottom: 0px solid #ddd !important;
}

.bl-0 {
  border-left: 0px solid #ddd !important;
}

.br-0 {
  border-right: 0px solid #ddd !important;
}

.bx-0 {
  border-left: 0px solid #ddd !important;
  border-right: 0px solid #ddd !important;
}

.by-0 {
  border-top: 0px solid #ddd !important;
  border-bottom: 0px solid #ddd !important;
}

.b-1 {
  border: 1px solid #ddd !important;
}

.bt-1 {
  border-top: 1px solid #ddd !important;
}

.bb-1 {
  border-bottom: 1px solid #ddd !important;
}

.bl-1 {
  border-left: 1px solid #ddd !important;
}

.br-1 {
  border-right: 1px solid #ddd !important;
}

.bx-1 {
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.by-1 {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

.b-2 {
  border: 2px solid #ddd !important;
}

.bt-2 {
  border-top: 2px solid #ddd !important;
}

.bb-2 {
  border-bottom: 2px solid #ddd !important;
}

.bl-2 {
  border-left: 2px solid #ddd !important;
}

.br-2 {
  border-right: 2px solid #ddd !important;
}

.bx-2 {
  border-left: 2px solid #ddd !important;
  border-right: 2px solid #ddd !important;
}

.by-2 {
  border-top: 2px solid #ddd !important;
  border-bottom: 2px solid #ddd !important;
}

.b-3 {
  border: 3px solid #ddd !important;
}

.bt-3 {
  border-top: 3px solid #ddd !important;
}

.bb-3 {
  border-bottom: 3px solid #ddd !important;
}

.bl-3 {
  border-left: 3px solid #ddd !important;
}

.br-3 {
  border-right: 3px solid #ddd !important;
}

.bx-3 {
  border-left: 3px solid #ddd !important;
  border-right: 3px solid #ddd !important;
}

.by-3 {
  border-top: 3px solid #ddd !important;
  border-bottom: 3px solid #ddd !important;
}

.b-4 {
  border: 4px solid #ddd !important;
}

.bt-4 {
  border-top: 4px solid #ddd !important;
}

.bb-4 {
  border-bottom: 4px solid #ddd !important;
}

.bl-4 {
  border-left: 4px solid #ddd !important;
}

.br-4 {
  border-right: 4px solid #ddd !important;
}

.bx-4 {
  border-left: 4px solid #ddd !important;
  border-right: 4px solid #ddd !important;
}

.by-4 {
  border-top: 4px solid #ddd !important;
  border-bottom: 4px solid #ddd !important;
}

.b-5 {
  border: 5px solid #ddd !important;
}

.bt-5 {
  border-top: 5px solid #ddd !important;
}

.bb-5 {
  border-bottom: 5px solid #ddd !important;
}

.bl-5 {
  border-left: 5px solid #ddd !important;
}

.br-5 {
  border-right: 5px solid #ddd !important;
}

.bx-5 {
  border-left: 5px solid #ddd !important;
  border-right: 5px solid #ddd !important;
}

.by-5 {
  border-top: 5px solid #ddd !important;
  border-bottom: 5px solid #ddd !important;
}

.b-6 {
  border: 6px solid #ddd !important;
}

.bt-6 {
  border-top: 6px solid #ddd !important;
}

.bb-6 {
  border-bottom: 6px solid #ddd !important;
}

.bl-6 {
  border-left: 6px solid #ddd !important;
}

.br-6 {
  border-right: 6px solid #ddd !important;
}

.bx-6 {
  border-left: 6px solid #ddd !important;
  border-right: 6px solid #ddd !important;
}

.by-6 {
  border-top: 6px solid #ddd !important;
  border-bottom: 6px solid #ddd !important;
}

.b-7 {
  border: 7px solid #ddd !important;
}

.bt-7 {
  border-top: 7px solid #ddd !important;
}

.bb-7 {
  border-bottom: 7px solid #ddd !important;
}

.bl-7 {
  border-left: 7px solid #ddd !important;
}

.br-7 {
  border-right: 7px solid #ddd !important;
}

.bx-7 {
  border-left: 7px solid #ddd !important;
  border-right: 7px solid #ddd !important;
}

.by-7 {
  border-top: 7px solid #ddd !important;
  border-bottom: 7px solid #ddd !important;
}

.b-8 {
  border: 8px solid #ddd !important;
}

.bt-8 {
  border-top: 8px solid #ddd !important;
}

.bb-8 {
  border-bottom: 8px solid #ddd !important;
}

.bl-8 {
  border-left: 8px solid #ddd !important;
}

.br-8 {
  border-right: 8px solid #ddd !important;
}

.bx-8 {
  border-left: 8px solid #ddd !important;
  border-right: 8px solid #ddd !important;
}

.by-8 {
  border-top: 8px solid #ddd !important;
  border-bottom: 8px solid #ddd !important;
}

.b-9 {
  border: 9px solid #ddd !important;
}

.bt-9 {
  border-top: 9px solid #ddd !important;
}

.bb-9 {
  border-bottom: 9px solid #ddd !important;
}

.bl-9 {
  border-left: 9px solid #ddd !important;
}

.br-9 {
  border-right: 9px solid #ddd !important;
}

.bx-9 {
  border-left: 9px solid #ddd !important;
  border-right: 9px solid #ddd !important;
}

.by-9 {
  border-top: 9px solid #ddd !important;
  border-bottom: 9px solid #ddd !important;
}

.b-10 {
  border: 10px solid #ddd !important;
}

.bt-10 {
  border-top: 10px solid #ddd !important;
}

.bb-10 {
  border-bottom: 10px solid #ddd !important;
}

.bl-10 {
  border-left: 10px solid #ddd !important;
}

.br-10 {
  border-right: 10px solid #ddd !important;
}

.bx-10 {
  border-left: 10px solid #ddd !important;
  border-right: 10px solid #ddd !important;
}

.by-10 {
  border-top: 10px solid #ddd !important;
  border-bottom: 10px solid #ddd !important;
}

/* NAVBARS */
.navbar {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
}
.navbar .navbar-brand {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  display: block;
  padding: 0.4rem 1rem;
}
.navbar .navbar-brand a {
  transition: all 0.3s ease;
}
.navbar .navbar-brand a:hover {
  text-decoration: none;
}
.navbar .nav-toggler {
  display: block;
  border: 0;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}
.navbar .nav-toggler i {
  pointer-events: none;
}
.navbar .nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}
.navbar .nav .nav-item {
  width: 100%;
}
.navbar .nav .nav-item .nav-link {
  white-space: nowrap;
  transition: all 0.3s ease;
  display: block;
  padding: 0.4rem 0.8rem;
}
.navbar .nav .nav-item .nav-link:hover {
  text-decoration: none;
}
.navbar .nav .nav-form {
  flex: none;
  display: flex;
  align-items: center;
  order: -1;
  padding: 0.25rem;
  width: 100%;
}
.navbar .nav .nav-form .nav-textbox {
  line-height: 1.5rem;
  color: inherit;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  padding: 0.2rem 0.8rem;
}
.navbar .nav .nav-form .nav-btn {
  color: currentColor;
  padding: 0.2rem 0.8rem;
}
.navbar .collapsed {
  display: none !important;
}
.navbar .expanded {
  display: flex !important;
}

/* DISPLAY */
.d-flex {
  display: flex !important;
}

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

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

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

.hidden, .d-hidden, .d-none {
  display: none !important;
}

/* FLEX */
.flex-start {
  justify-content: flex-start !important;
}

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

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

.flex-space-around {
  justify-content: space-around !important;
}

.flex-space-between {
  justify-content: space-between !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-row {
  flex-direction: row !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* FLOAT */
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* TEXT ALIGNMENT */
.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

/* TEXT SHADOW */
.text-shadow {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

/* OVERFFLOW */
.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

/* SMOOTH CORNERS */
.rounded-5 {
  border-radius: 5px !important;
}

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

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

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

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

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

.rounded-circle {
  border-radius: 50% !important;
}

/* FORMS */
input[type=text].form-control, input[type=password].form-control, input[type=email].form-control {
  border-radius: 0.25rem;
  border: 1px solid #ddd;
  margin-bottom: 0.4rem;
}

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control,
input[type=text].form-inline, input[type=password].form-inline, input[type=email].form-inline {
  padding: 0.4rem 0.8rem;
}

textarea.form-control {
  border: 1px solid #ddd;
}

.input-block {
  display: block !important;
  width: 100%;
}

label.form-control {
  width: 100%;
  display: block;
  font-size: 0.8rem;
  font-weight: bold;
}

/* BUTTONS */
.btn {
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0.2rem;
  padding: 0.4rem 0.8rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn:hover {
  background-color: #f7f7f7;
}

/* INPUT GROUP */
.input-group {
  display: flex;
  width: 100%;
}
.input-group * {
  border-radius: 0;
}
.input-group input[type=text], .input-group input[type=password], .input-group input[type=email], .input-group button {
  border: 1px solid gray;
}
.input-group :first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.input-group :not(:first-child) {
  border-left: none !important;
}
.input-group :last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* WIDTH AND HEIGHT */
.width-0 {
  width: 0%;
}

.height-0 {
  height: 0%;
}

.width-10 {
  width: 10%;
}

.height-10 {
  height: 10%;
}

.width-20 {
  width: 20%;
}

.height-20 {
  height: 20%;
}

.width-30 {
  width: 30%;
}

.height-30 {
  height: 30%;
}

.width-40 {
  width: 40%;
}

.height-40 {
  height: 40%;
}

.width-50 {
  width: 50%;
}

.height-50 {
  height: 50%;
}

.width-60 {
  width: 60%;
}

.height-60 {
  height: 60%;
}

.width-70 {
  width: 70%;
}

.height-70 {
  height: 70%;
}

.width-80 {
  width: 80%;
}

.height-80 {
  height: 80%;
}

.width-90 {
  width: 90%;
}

.height-90 {
  height: 90%;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

/* CODE BLOCK */
.code-block {
  font-size: 0.8rem;
  font-family: monospace;
  white-space: pre;
  line-height: 1rem;
  padding: 15px;
  color: rgba(0, 0, 0, 0.75);
}

/* GRID ELEMENTS */
.container {
  flex-wrap: wrap;
  width: 100%;
  max-width: 1310px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
}

/* ROW */
.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* RESPONSIVE ELEMENTS */
/* COLUMNS */
[class*=col-] {
  width: 100%;
}

.col-xs-1 {
  width: 8.3333333333% !important;
}

.col-xs-2 {
  width: 16.6666666667% !important;
}

.col-xs-3 {
  width: 25% !important;
}

.col-xs-4 {
  width: 33.3333333333% !important;
}

.col-xs-5 {
  width: 41.6666666667% !important;
}

.col-xs-6 {
  width: 50% !important;
}

.col-xs-7 {
  width: 58.3333333333% !important;
}

.col-xs-8 {
  width: 66.6666666667% !important;
}

.col-xs-9 {
  width: 75% !important;
}

.col-xs-10 {
  width: 83.3333333333% !important;
}

.col-xs-11 {
  width: 91.6666666667% !important;
}

.col-xs-12 {
  width: 100% !important;
}

/* BREAKPOINTS */
@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.3333333333% !important;
  }

  .col-sm-2 {
    width: 16.6666666667% !important;
  }

  .col-sm-3 {
    width: 25% !important;
  }

  .col-sm-4 {
    width: 33.3333333333% !important;
  }

  .col-sm-5 {
    width: 41.6666666667% !important;
  }

  .col-sm-6 {
    width: 50% !important;
  }

  .col-sm-7 {
    width: 58.3333333333% !important;
  }

  .col-sm-8 {
    width: 66.6666666667% !important;
  }

  .col-sm-9 {
    width: 75% !important;
  }

  .col-sm-10 {
    width: 83.3333333333% !important;
  }

  .col-sm-11 {
    width: 91.6666666667% !important;
  }

  .col-sm-12 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333% !important;
  }

  .col-md-2 {
    width: 16.6666666667% !important;
  }

  .col-md-3 {
    width: 25% !important;
  }

  .col-md-4 {
    width: 33.3333333333% !important;
  }

  .col-md-5 {
    width: 41.6666666667% !important;
  }

  .col-md-6 {
    width: 50% !important;
  }

  .col-md-7 {
    width: 58.3333333333% !important;
  }

  .col-md-8 {
    width: 66.6666666667% !important;
  }

  .col-md-9 {
    width: 75% !important;
  }

  .col-md-10 {
    width: 83.3333333333% !important;
  }

  .col-md-11 {
    width: 91.6666666667% !important;
  }

  .col-md-12 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.3333333333% !important;
  }

  .col-lg-2 {
    width: 16.6666666667% !important;
  }

  .col-lg-3 {
    width: 25% !important;
  }

  .col-lg-4 {
    width: 33.3333333333% !important;
  }

  .col-lg-5 {
    width: 41.6666666667% !important;
  }

  .col-lg-6 {
    width: 50% !important;
  }

  .col-lg-7 {
    width: 58.3333333333% !important;
  }

  .col-lg-8 {
    width: 66.6666666667% !important;
  }

  .col-lg-9 {
    width: 75% !important;
  }

  .col-lg-10 {
    width: 83.3333333333% !important;
  }

  .col-lg-11 {
    width: 91.6666666667% !important;
  }

  .col-lg-12 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.3333333333% !important;
  }

  .col-xl-2 {
    width: 16.6666666667% !important;
  }

  .col-xl-3 {
    width: 25% !important;
  }

  .col-xl-4 {
    width: 33.3333333333% !important;
  }

  .col-xl-5 {
    width: 41.6666666667% !important;
  }

  .col-xl-6 {
    width: 50% !important;
  }

  .col-xl-7 {
    width: 58.3333333333% !important;
  }

  .col-xl-8 {
    width: 66.6666666667% !important;
  }

  .col-xl-9 {
    width: 75% !important;
  }

  .col-xl-10 {
    width: 83.3333333333% !important;
  }

  .col-xl-11 {
    width: 91.6666666667% !important;
  }

  .col-xl-12 {
    width: 100% !important;
  }
}
/* RESPONSIVE NAVBAR */
.navbar-expand-xs .nav {
  visibility: visible !important;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  width: initial;
}
.navbar-expand-xs .nav .nav-form {
  order: 0;
  width: 250px;
}
.navbar-expand-xs .nav-toggler {
  display: none;
}

@media (min-width: 576px) {
  .navbar-expand-sm .nav {
    visibility: visible !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: initial;
  }
  .navbar-expand-sm .nav .nav-form {
    order: 0;
    width: 250px;
  }
  .navbar-expand-sm .nav-toggler {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .nav {
    visibility: visible !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: initial;
  }
  .navbar-expand-md .nav .nav-form {
    order: 0;
    width: 250px;
  }
  .navbar-expand-md .nav-toggler {
    display: none;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .nav {
    visibility: visible !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: initial;
  }
  .navbar-expand-lg .nav .nav-form {
    order: 0;
    width: 250px;
  }
  .navbar-expand-lg .nav-toggler {
    display: none;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .nav {
    visibility: visible !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: initial;
  }
  .navbar-expand-xl .nav .nav-form {
    order: 0;
    width: 250px;
  }
  .navbar-expand-xl .nav-toggler {
    display: none;
  }
}
/* OFFSETS */
.offset-xs-1 {
  margin-left: 8.3333333333% !important;
}

.offset-xs-2 {
  margin-left: 16.6666666667% !important;
}

.offset-xs-3 {
  margin-left: 25% !important;
}

.offset-xs-4 {
  margin-left: 33.3333333333% !important;
}

.offset-xs-5 {
  margin-left: 41.6666666667% !important;
}

.offset-xs-6 {
  margin-left: 50% !important;
}

.offset-xs-7 {
  margin-left: 58.3333333333% !important;
}

.offset-xs-8 {
  margin-left: 66.6666666667% !important;
}

.offset-xs-9 {
  margin-left: 75% !important;
}

.offset-xs-10 {
  margin-left: 83.3333333333% !important;
}

.offset-xs-11 {
  margin-left: 91.6666666667% !important;
}

.offset-xs-12 {
  margin-left: 100% !important;
}

@media (min-width: 576px) {
  .offset-sm-1 {
    margin-left: 8.3333333333% !important;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667% !important;
  }

  .offset-sm-3 {
    margin-left: 25% !important;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333% !important;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667% !important;
  }

  .offset-sm-6 {
    margin-left: 50% !important;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333% !important;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667% !important;
  }

  .offset-sm-9 {
    margin-left: 75% !important;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333% !important;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667% !important;
  }

  .offset-sm-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.3333333333% !important;
  }

  .offset-md-2 {
    margin-left: 16.6666666667% !important;
  }

  .offset-md-3 {
    margin-left: 25% !important;
  }

  .offset-md-4 {
    margin-left: 33.3333333333% !important;
  }

  .offset-md-5 {
    margin-left: 41.6666666667% !important;
  }

  .offset-md-6 {
    margin-left: 50% !important;
  }

  .offset-md-7 {
    margin-left: 58.3333333333% !important;
  }

  .offset-md-8 {
    margin-left: 66.6666666667% !important;
  }

  .offset-md-9 {
    margin-left: 75% !important;
  }

  .offset-md-10 {
    margin-left: 83.3333333333% !important;
  }

  .offset-md-11 {
    margin-left: 91.6666666667% !important;
  }

  .offset-md-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 992px) {
  .offset-lg-1 {
    margin-left: 8.3333333333% !important;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667% !important;
  }

  .offset-lg-3 {
    margin-left: 25% !important;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333% !important;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667% !important;
  }

  .offset-lg-6 {
    margin-left: 50% !important;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333% !important;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667% !important;
  }

  .offset-lg-9 {
    margin-left: 75% !important;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333% !important;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667% !important;
  }

  .offset-lg-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 1200px) {
  .offset-xl-1 {
    margin-left: 8.3333333333% !important;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667% !important;
  }

  .offset-xl-3 {
    margin-left: 25% !important;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333% !important;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667% !important;
  }

  .offset-xl-6 {
    margin-left: 50% !important;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333% !important;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667% !important;
  }

  .offset-xl-9 {
    margin-left: 75% !important;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333% !important;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667% !important;
  }

  .offset-xl-12 {
    margin-left: 100% !important;
  }
}

/*# sourceMappingURL=framework.css.map */