@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,100italic,300,300italic,400italic,700,700italic");
/* REFERENCE
  # Bootstrap Breakpoints
  -----------------------

  name  | min    | max
  ----- | ------ | -----
  xs    | 480px  | 767px
  sm    | 768px  | 991px
  md    | 992px  | 1199px
  lg    | 1200px | n/a
*/
/* ========== Base ========== */
html {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  background-color: #fafafa;
}
a {
  color: #0d74d1;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #3391ff;
  text-decoration: none;
  cursor: pointer;
}
a:focus {
  outline-offset: unset;
}
hr {
  border-top: 1px solid #e0e0e0;
}
/* ========== Alerts ========== */
.alert {
  border-radius: 0;
  padding: 1em;
}
.alert a {
  font-weight: bold;
}
.alert-success {
  color: #424242;
  background-color: #b5dfb7;
  border-color: #b5dfb7;
}
.alert-info {
  color: #424242;
  background-color: #d9edf7;
  border-color: #d9edf7;
}
.alert-warning {
  color: #424242;
  background-color: #fbc02d;
  border-color: #fbc02d;
}
.alert-danger {
  color: #424242;
  background-color: #f99d97;
  border-color: #f99d97;
}
/* ========== Badges ========== */
.badge {
  color: #ffffff;
  background-color: #757575;
  font-weight: bold;
  border-radius: 10px;
}
.nav-pills > .active > a > .badge {
  color: #0e94a6;
  background-color: #ffffff;
}
/* ========== Blockquotes ========== */
blockquote {
  font-size: 20px;
  border-color: #eeeeee;
}
blockquote.blockquote-reverse {
  border-color: #eeeeee;
}
blockquote .small,
blockquote footer small {
  color: #757575;
}
/* ========== Breadcrumbs ========== */
.breadcrumb {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  height: 2rem;
  padding: 0 1em;
}
.breadcrumb > li {
  text-transform: uppercase;
}
.breadcrumb > li + li:before {
  color: #9e9e9e;
  content: '\232A';
  display: inline-block;
  padding: 0 0.5em;
  text-align: center;
  width: 1em;
}
.breadcrumb > .active {
  color: #616161;
}
/* ========== Buttons ========== */
.btn {
  border-radius: 2px;
  box-shadow: none;
  text-transform: uppercase;
}
.btn:focus {
  outline: 4px auto #3391ff;
}
.btn:active,
.btn:active:hover {
  box-shadow: none;
}
.btn[disabled] {
  opacity: 1;
  outline: none;
  pointer-events: none;
}
.btn-default {
  background-color: #ffffff;
  border-color: #0c7c84;
  color: #0c7c84;
}
.btn-default:focus {
  background-color: #ffffff;
  border-color: #0c7c84;
  color: #0c7c84;
}
.btn-default:hover,
.btn-primary:hover {
  background-color: #16b9d4;
  border-color: transparent;
  color: #ffffff;
}
.btn-default:active,
.btn-default:active:hover,
.btn-primary:active,
.btn-primary:active:hover {
  background-color: #0e94a6;
  border-color: transparent;
  color: #ffffff;
}
.btn-default[disabled] {
  background-color: #ffffff;
  border-color: #d8d8d8;
  color: #d8d8d8;
}
.btn-primary {
  background-color: #0c7c84;
  border-color: transparent;
  color: #ffffff;
}
.btn-primary:focus {
  background-color: #0c7c84;
  border-color: transparent;
  color: #ffffff;
}
.btn-primary[disabled] {
  background-color: #d8d8d8;
  border-color: transparent;
  color: #424242;
}
.btn-link {
  background-color: transparent;
  border-color: transparent;
  color: #0e94a6;
}
.btn-link:focus {
  background-color: transparent;
  border-color: transparent;
  color: #16b9d4;
}
.btn-link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #16b9d4;
}
.btn-link:active,
.btn-link:active:hover {
  background-color: transparent;
  border-color: transparent;
  color: #16b9d4;
}
.btn-link[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: #d8d8d8;
}
/* ========== Code ========== */
pre,
code {
  background-color: #ffffff;
  color: #424242;
  font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Courier New", monospace;
}
pre {
  border-color: #e0e0e0;
}
kbd {
  color: #ffffff;
  background-color: #333333;
}
/* ========== Dropdowns ========== */
.caret {
  border-width: 5px;
  color: inherit;
}
.dropdown-menu {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dropdown-menu li.active a {
  background-color: #0c7c84;
}
.dropdown-menu li.active a:hover,
.dropdown-menu li.active a:active {
  background-color: #10a8b3;
}
/* ========== Forms ========== */
input,
select,
textarea,
.form-control {
  border-radius: 2px;
}
.form-group.has-warning label {
  color: #fbc02d;
}
.form-group.has-warning .form-control {
  border-color: #fbc02d;
}
.form-group.has-error label {
  color: #f44336;
}
.form-group.has-error .form-control {
  border-color: #f44336;
}
.form-group.has-success label {
  color: #4caf51;
}
.form-group.has-success .form-control {
  border-color: #4caf51;
}
/* ========== Headings & Typography ========== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #757575;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.5em;
}
h3 {
  font-size: 2em;
}
h4 {
  font-size: 1.5em;
}
h5 {
  font-size: 1.25em;
}
h6 {
  font-size: 1em;
}
abbr[title] {
  border-color: #757575;
}
.text-muted {
  color: #757575;
}
.text-primary {
  color: #0c7c84;
}
.text-warning {
  color: #fbc02d;
}
.text-danger {
  color: #f44336;
}
.text-success {
  color: #4caf51;
}
.text-info {
  color: #0d74d1;
}
/* ========== Lists ========== */
ul {
  list-style-type: square;
}
ol ul,
ol ol,
ul ul,
ul ol {
  margin-bottom: 0;
}
dd,
dt {
  line-height: 1.5;
}
/* ========== Navs ========== */
.nav-tabs > li > a {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nav-tabs > li.active > a {
  color: #0c7c84;
}
.nav-tabs > li.disabled > a {
  color: #757575;
}
.nav-tabs > li.disabled > a:hover,
.nav-tabs > li.disabled > a:focus {
  border-color: transparent;
}
/* ========== NAVBARS ========== */
.navbar {
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  min-height: 3rem;
}
.navbar .navbar-nav > li > a {
  align-items: center;
  display: flex;
  line-height: 1;
  padding: 0 1em;
}
.navbar-eyebrow {
  background-color: #000000;
  color: #9e9e9e;
  font-size: 0.875em;
}
.navbar-eyebrow .navbar-header {
  display: flex;
}
.navbar-eyebrow .navbar-header .navbar-brand {
  align-items: center;
  display: flex;
  flex: 1;
  height: 3rem;
  order: 1;
  padding: 0 1.5em;
}
.navbar-eyebrow .navbar-header .navbar-toggle {
  border-color: #333333;
  flex: 0;
  float: none;
  order: 2;
}
.navbar-eyebrow .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-eyebrow .navbar-nav > li > a {
  background-color: inherit;
  color: inherit;
  height: 3rem;
}
.navbar-eyebrow .navbar-nav > li > a:hover,
.navbar-eyebrow .navbar-nav > li > a:focus {
  background-color: inherit;
  color: #ffffff;
}
.navbar-eyebrow .navbar-nav > li.active > a {
  background-color: inherit;
  color: #ffffff;
  position: relative;
}
.navbar-eyebrow .navbar-nav > li.active > a:after {
  border-bottom: 4px solid #d32f2f;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}
.navbar-eyebrow .dropdown-menu {
  background-color: #000000;
  border-radius: 0 0 2px 2px;
  border: none;
  color: #9e9e9e;
}
.navbar-eyebrow .dropdown-menu .divider {
  background-color: #424242;
}
.navbar-eyebrow .dropdown-menu > li > a {
  color: inherit;
  background-color: inherit;
}
.navbar-eyebrow .dropdown-menu > li > a:hover,
.navbar-eyebrow .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: inherit;
}
.navbar-inverse {
  background-color: #212121;
  color: #9e9e9e;
  letter-spacing: 0.05em;
}
.navbar-inverse .navbar-nav > li > a {
  color: inherit;
  height: 4rem;
  text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: #616161;
}
.navbar-inverse .navbar-nav .open > a,
.navbar-inverse .navbar-nav > li.active > a {
  background-color: #424242;
  color: #ffffff;
}
.navbar-inverse .navbar-nav .open > a:hover,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav .open > a:focus,
.navbar-inverse .navbar-nav > li.active > a:focus {
  background-color: #616161;
}
/* ========== Pagination ========== */
.pagination {
  background: #ffffff;
  color: #0c7c84;
}
.pagination > li > a,
.pagination > li > span {
  color: #0c7c84;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:active,
.pagination > li > span:active {
  background-color: #ffffff;
  color: #16b9d4;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination > .active > a,
.pagination > .active > span {
  background-color: #0c7c84;
  color: #ffffff;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #10a8b3;
  border-color: #10a8b3;
}
.popover {
  background-color: #ffffff;
  border-color: #d8d8d8;
  border-radius: 2px;
  font-size: 1rem;
  max-width: 30rem;
  /* ~480px */
  min-width: 20rem;
  /* ~320px */
  padding: 1.25em;
}
.popover-title {
  background-color: #ffffff;
  border-radius: 0;
  border: none;
  font-weight: 500;
  padding: 0;
  text-transform: capitalize;
}
.popover-title + .popover-content {
  margin-top: 1.25em;
}
.popover-content {
  margin: 0;
  padding: 0;
}
.popover.left > .arrow {
  border-left-color: #d8d8d8;
}
.popover.left > .arrow::after {
  border-left-color: #ffffff;
}
.popover.right > .arrow {
  border-right-color: #d8d8d8;
}
.popover.right > .arrow::after {
  border-right-color: #ffffff;
}
.popover.top > .arrow {
  border-top-color: #d8d8d8;
}
.popover.top > .arrow::after {
  border-top-color: #ffffff;
}
.popover.bottom > .arrow {
  border-bottom-color: #d8d8d8;
}
.popover.bottom > .arrow::after {
  border-bottom-color: #ffffff;
}
/* ========== Progressbars ========== */
.progress {
  background-color: #e7e7e7;
  border-radius: 0;
}
.progress-bar {
  background-color: #0c7c84;
  color: #ffffff;
}
.progress-bar-success {
  background-color: #4caf51;
}
.progress-bar-info {
  background-color: #0d74d1;
}
.progress-bar-warning {
  background-color: #fbc02d;
}
.progress-bar-danger {
  background-color: #f44336;
}
/* ========== Tables ========== */
.table {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.table > thead,
.table > tbody,
.table > tfoot {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  background-color: transparent;
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
/*
  ---------
  | thead |
      +
  ---------
  | tbody |
  ---------
      +
  | tfoot |
  ---------
*/
.table {
  font-size: 1em;
  margin: 1.5em 0;
}
.table > thead {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
  font-weight: 500;
}
.table > thead > tr > th,
.table > thead > tr > td {
  padding: 0.75rem 0.5rem;
}
.table > thead > tr:first-child {
  text-transform: uppercase;
}
.table > tbody {
  border-color: #e0e0e0 transparent;
  border-style: solid;
  border-width: 1px;
  font-weight: 400;
}
.table > tbody > tr + tr {
  border-top: 1px solid #e0e0e0;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
  padding: 1rem 0.5rem;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th {
  background-color: #b5dfb7;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th {
  background-color: #d9edf7;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th {
  background-color: #fbc02d;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th {
  background-color: #f99d97;
}
.table > tfoot {
  border-color: transparent;
  border-style: solid;
  border-width: 0 1px 1px;
  font-weight: 300;
  font-size: 1.25em;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 0.75rem 0.5rem;
}
.table .col-control {
  color: #757575;
  font-size: 1rem;
  width: 1rem;
}
.table-bordered > tbody {
  border: 1px solid #e0e0e0;
}
.table-condensed > thead > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.5rem 0.25rem;
}
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td {
  padding: 0.5rem 0.25rem;
}
/* ========== Tooltips ========== */
.tooltip-inner {
  background-color: #616161;
  color: #fafafa;
  max-width: 440px;
  padding: 0.5em 1em;
  font-size: 0.75rem;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #616161;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #616161;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #616161;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #616161;
}
