/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* line 173, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone, .dropzone * {
  box-sizing: border-box;
}

/* line 176, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

/* line 181, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable {
  cursor: pointer;
}

/* line 183, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable * {
  cursor: default;
}

/* line 185, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

/* line 187, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-started .dz-message {
  display: none;
}

/* line 189, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-drag-hover {
  border-style: solid;
}

/* line 191, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

/* line 193, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

/* line 196, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* line 204, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

/* line 210, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover {
  z-index: 1000;
}

/* line 212, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 214, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

/* line 218, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

/* line 220, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-image-preview {
  background: white;
}

/* line 222, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* line 228, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

/* line 234, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

/* line 236, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 238, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

/* line 251, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

/* line 254, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

/* line 256, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 259, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 262, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

/* line 264, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

/* line 268, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

/* line 276, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

/* line 284, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-image img {
  display: block;
}

/* line 286, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 292, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 299, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

/* line 309, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

/* line 313, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* line 320, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

/* line 327, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

/* line 333, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

/* line 348, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

/* line 361, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

/* line 363, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

/* line 366, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

/* line 387, vendor/bundle/ruby/3.2.0/gems/dropzonejs-rails-0.8.5/app/assets/stylesheets/dropzone/dropzone.scss */
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *

 */
/* line 32, app/assets/stylesheets/base/_utilities.scss */
.full-box {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 63, app/assets/stylesheets/base/_utilities.scss */
.hide {
  display: none;
}

/* line 68, app/assets/stylesheets/base/_utilities.scss */
.cloak {
  opacity: 0;
}

/* line 72, app/assets/stylesheets/base/_utilities.scss */
.center {
  text-align: center;
}

/* line 76, app/assets/stylesheets/base/_utilities.scss */
.left {
  float: left;
}

/* line 80, app/assets/stylesheets/base/_utilities.scss */
.right {
  float: right;
}

/* line 101, app/assets/stylesheets/base/_utilities.scss */
.text-add-contrast {
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}

/* line 1, app/assets/stylesheets/base/_resets.scss */
*,
html,
body,
ul,
ol,
li,
img,
p,
a {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -khtml-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  border: 0;
  font-weight: lighter;
  line-height: 1;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/base/_resets.scss */
a,
a:link,
a:visited,
a:active,
input,
button,
textarea,
select {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 0;
}

/* line 35, app/assets/stylesheets/base/_resets.scss */
button,
textarea,
select {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* line 41, app/assets/stylesheets/base/_resets.scss */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
select::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
  width: 0;
}

/* line 53, app/assets/stylesheets/base/_resets.scss */
a > svg {
  pointer-events: none;
}

/* line 58, app/assets/stylesheets/base/_resets.scss */
svg,
svg use {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 63, app/assets/stylesheets/base/_resets.scss */
svg path {
  fill: inherit;
}

/* line 81, app/assets/stylesheets/base/_resets.scss */
.tailwindify,
.tailwindify *,
.tailwindify input,
.tailwindify input[type="text"],
.tailwindify option,
.tailwindify select,
.tailwindify select option,
.tailwindify button {
  border-style: solid;
  font-weight: unset;
  font-size: unset;
  margin-bottom: unset;
  margin-right: unset;
  border-radius: unset;
  line-height: unset;
  background-position: 98% 50%;
  border-color: unset;
  background-color: unset;
  color: unset;
}

/* line 102, app/assets/stylesheets/base/_resets.scss */
#intake-continue-button.tailwindify {
  margin-bottom: unset;
  margin-right: unset;
}

/* line 106, app/assets/stylesheets/base/_resets.scss */
.tailwindify button:hover {
  cursor: pointer;
}

/* line 109, app/assets/stylesheets/base/_resets.scss */
button.tailwindify {
  box-shadow: unset !important;
}

/* line 112, app/assets/stylesheets/base/_resets.scss */
.tailwindify input {
  background-size: 1rem;
}

/* line 115, app/assets/stylesheets/base/_resets.scss */
.tailwindify button#notification-template-submit-button {
  margin-right: unset;
}

/* line 118, app/assets/stylesheets/base/_resets.scss */
table thead tr .tailwindify {
  font-size: unset !important;
}

/* line 123, app/assets/stylesheets/base/_resets.scss */
.list-section .list-header input,
.list-section .list-header button,
.list-section .list-header a.cta,
.list-section .list-header input[type="submit"] {
  font-size: unset;
  line-height: unset;
  margin-bottom: unset;
  margin-right: unset;
}

/* line 134, app/assets/stylesheets/base/_resets.scss */
.tailwindify #dropzone_element_form,
.tailwindify .DropzoneElement_container {
  border-style: unset;
  border-color: unset;
  border-width: unset;
  padding: unset;
}

/* line 142, app/assets/stylesheets/base/_resets.scss */
.tailwindify #dropzone_element_form :hover,
.tailwindify .DropzoneElement_container :hover {
  border-color: unset;
}

/* line 146, app/assets/stylesheets/base/_resets.scss */
.tailwindify input, input[type="text"] {
  margin-bottom: unset;
}

/* line 149, app/assets/stylesheets/base/_resets.scss */
.tailwindify input[type=checkbox] {
  margin-bottom: unset;
}

/* line 14, app/assets/stylesheets/base/_generics.scss */
.curtain {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* line 30, app/assets/stylesheets/base/_generics.scss */
.unclosable-curtain {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* line 52, app/assets/stylesheets/base/_generics.scss */
.inner-wrap {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 510px;
}

@media screen and (max-width: 768px) {
  /* line 52, app/assets/stylesheets/base/_generics.scss */
  .inner-wrap {
    max-width: 100%;
  }
}

/* line 60, app/assets/stylesheets/base/_generics.scss */
.larger {
  font-size: 1.125em;
}

/* line 102, app/assets/stylesheets/base/_generics.scss */
a:hover {
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/base/_generics.scss */
a.cta, button.cta {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #0077C8;
  border: 1px solid #0077C8;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 109, app/assets/stylesheets/base/_generics.scss */
a.cta-alt, button.cta-alt {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
}

/* line 112, app/assets/stylesheets/base/_generics.scss */
a.cta-alt.dim-background, button.cta-alt.dim-background {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/base/_generics.scss */
a.cta-alt.dim-background:hover, button.cta-alt.dim-background:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 123, app/assets/stylesheets/base/_generics.scss */
a.cta.disabled, a.cta-alt.disabled, button.cta.disabled, button.cta-alt.disabled {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  cursor: default;
  opacity: 0.5;
}

/* line 128, app/assets/stylesheets/base/_generics.scss */
.cta-note {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  margin-left: 0.375rem;
}

/* line 135, app/assets/stylesheets/base/_generics.scss */
.cta-note a, .cta-note a:visited {
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px dotted;
  cursor: pointer;
}

/* line 140, app/assets/stylesheets/base/_generics.scss */
.cta-note a:hover, .cta-note a:visited:hover {
  color: #FFFFFF;
}

/* line 154, app/assets/stylesheets/base/_generics.scss */
.load {
  height: 4em;
  width: 4em;
}

/* line 178, app/assets/stylesheets/base/_generics.scss */
.close {
  box-sizing: content-box;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 1.7em;
  padding: 0.74em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/* line 171, app/assets/stylesheets/base/_generics.scss */
.close, .close span {
  height: 0.5em;
  line-height: 0.5;
  width: 0.5em;
}

/* line 207, app/assets/stylesheets/base/_generics.scss */
.info {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 1.1em;
  width: 1.1em;
  z-index: 2;
}

/* line 189, app/assets/stylesheets/base/_generics.scss */
.info svg {
  height: 100%;
  width: 100%;
}

/* line 193, app/assets/stylesheets/base/_generics.scss */
.info svg, .info svg use {
  fill: var(--icon);
}

/* line 200, app/assets/stylesheets/base/_generics.scss */
.info:hover svg, .info:hover svg use {
  fill: var(--border-color);
}

@font-face {
  font-family: "proximanova-bold";
  src: url(/assets/proximanovabold-webfont-571bc734e2291d6c2f6f846dbc2c37316f3cc6b1b32861647fb92b92b517c6bd.woff2) format("woff2"), url(/assets/proximanovabold-webfont-c662ec48d6df54c403e718200911807d4ad30c006b8d886e5e7f9ada69fcc571.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proximanova-semibold";
  src: url(/assets/proximanovasemibold-webfont-188122545f81b9607798089de21fab6fc850de90e3d1b48eef542b1559190cac.woff2) format("woff2"), url(/assets/proximanovasemibold-webfont-5609bef126264855728f498ecc35a4c1d58bfb2c8abc60c014270423cc8987d5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proximanova-regular";
  src: url(/assets/proximanovaregular-webfont-81c4fa5e0b650a458feda3dbdfca93d17ff710b8956653cac1080e1c022a7984.woff2) format("woff2"), url(/assets/proximanovaregular-webfont-5ba4f1dbba3be8dc09198932e03c8481b78d438d456f3dd46444c105c9506ded.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proximanova-light";
  src: url(/assets/proximanovalight-webfont-3b2fa11ee9a7aea02de0e45662a1def410c9a8d4dcd27320920e88a53244ba24.woff2) format("woff2"), url(/assets/proximanovalight-webfont-79332e4adbca4b8304367e7f7c29f889a481d2ec3e533fff53fd40180042e1ee.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proximanova-extrabold";
  src: url(/assets/proximanova-extrabold-webfont-8893908d5547a48b265603590b7b8cba32e072b8a0d87ed4447b42a796f37b34.woff2) format("woff2"), url(/assets/proximanova-extrabold-webfont-25ac45cb199ded0597226dfe8b3ca21b4671ed1878a6a6709af2d39dbc27b16f.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 1, app/assets/stylesheets/layout/_global.scss */
html, body {
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
}

/* line 6, app/assets/stylesheets/layout/_global.scss */
body {
  display: flex;
  flex-direction: column;
  background-color: #333333;
  color: black;
  font-family: "Avenir", "Avenir", "Avenir", Helvetica, Arial, sans-serif;
  font-size: 17px;
}

@media screen and (max-width: 1024px) {
  /* line 6, app/assets/stylesheets/layout/_global.scss */
  body {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  /* line 6, app/assets/stylesheets/layout/_global.scss */
  body {
    font-size: 15px;
  }
}

/* line 25, app/assets/stylesheets/layout/_global.scss */
main {
  display: table;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 36, app/assets/stylesheets/layout/_global.scss */
section {
  display: table;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: #FFFFFF;
  padding: 2rem 0;
}

/* line 40, app/assets/stylesheets/layout/_global.scss */
p {
  font-family: "Avenir";
  line-height: 160%;
  margin-bottom: 1.25rem;
}

/* line 46, app/assets/stylesheets/layout/_global.scss */
strong {
  font-family: "Avenir";
}

/* line 1, app/assets/stylesheets/layout/_header.scss */
header {
  display: table;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  /* line 1, app/assets/stylesheets/layout/_header.scss */
  header {
    font-size: 1em;
  }
}

/* line 10, app/assets/stylesheets/layout/_header.scss */
header nav {
  font-size: 1.176em;
  margin-left: calc(calc((100% - 90%) / 2) - 1.25rem);
}

@media screen and (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/layout/_header.scss */
  header nav {
    font-size: 1.1em;
  }
}

/* line 19, app/assets/stylesheets/layout/_header.scss */
header nav:last-of-type {
  float: right;
  margin-right: calc((100% - 90%) / 2);
}

@media screen and (max-width: 1024px) {
  /* line 19, app/assets/stylesheets/layout/_header.scss */
  header nav:last-of-type {
    margin-left: 0;
  }
}

/* line 29, app/assets/stylesheets/layout/_header.scss */
header nav a {
  padding: 2.14em 1.25rem;
}

@media screen and (max-width: 1024px) {
  /* line 29, app/assets/stylesheets/layout/_header.scss */
  header nav a {
    padding: 2.34em 0.75rem;
  }
}

/* line 1, app/assets/stylesheets/layout/_footer.scss */
footer {
  flex-shrink: 0;
}

/* line 4, app/assets/stylesheets/layout/_footer.scss */
footer, footer a {
  color: #FFFFFF;
}

/* line 8, app/assets/stylesheets/layout/_footer.scss */
footer .logo {
  color: #FFFFFF;
  font-size: 0.775em;
}

/* line 12, app/assets/stylesheets/layout/_footer.scss */
footer .logo use.footer-logo {
  fill: #FFFFFF;
}

/* line 1, app/assets/stylesheets/layout/_headings.scss */
h1, h2, h3 {
  font-family: "Avenir";
}

/* line 5, app/assets/stylesheets/layout/_headings.scss */
h1, h2, h5 {
  line-height: 1.1;
  margin-bottom: 2rem;
}

/* line 10, app/assets/stylesheets/layout/_headings.scss */
h1 {
  font-size: 3.2em;
}

/* line 14, app/assets/stylesheets/layout/_headings.scss */
h2 {
  font-size: 2.7em;
}

/* line 17, app/assets/stylesheets/layout/_headings.scss */
h2 .sm-heading {
  font-size: 0.37em;
}

/* line 22, app/assets/stylesheets/layout/_headings.scss */
h3 {
  font-size: 2.625em;
}

/* line 26, app/assets/stylesheets/layout/_headings.scss */
h5 {
  font-family: "Avenir";
  font-size: 0.8em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #00708F;
  margin-bottom: 0.375rem;
}

/* line 32, app/assets/stylesheets/layout/_headings.scss */
h6 {
  color: #00708F;
  font-family: "Avenir";
  font-size: 1em;
  letter-spacing: 0.2em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

/* line 41, app/assets/stylesheets/layout/_headings.scss */
.heading-text {
  font-family: "Avenir";
}

/* line 44, app/assets/stylesheets/layout/_headings.scss */
.heading-text .large, .heading-text.large {
  line-height: 1.1;
  margin-bottom: 2rem;
}

/* line 51, app/assets/stylesheets/layout/_headings.scss */
.xl-heading {
  line-height: 1.1;
  font-size: 3.2em;
}

/* line 57, app/assets/stylesheets/layout/_headings.scss */
.xs-heading {
  font-family: "Avenir";
  font-size: 0.8em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #00708F;
  margin-bottom: 0.375rem;
}

/* line 62, app/assets/stylesheets/layout/_headings.scss */
.xs-heading.heading-light {
  color: #F2A900;
}

/* line 66, app/assets/stylesheets/layout/_headings.scss */
.xs-heading.heading-alt {
  color: #002D72;
}

/* line 72, app/assets/stylesheets/layout/_headings.scss */
.sm-heading {
  color: #00708F;
  font-family: "Avenir";
  font-size: 1em;
  letter-spacing: 0.2em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

/* line 7, app/assets/stylesheets/layout/_forms.scss */
label, .label {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  font-size: 0.882em;
  margin-bottom: 0.375rem;
}

/* line 10, app/assets/stylesheets/layout/_forms.scss */
label .note, .label .note {
  float: right;
}

/* line 25, app/assets/stylesheets/layout/_forms.scss */
input {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* line 28, app/assets/stylesheets/layout/_forms.scss */
input[type="date"], input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"] {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  font-family: "Avenir", "Avenir", "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 1rem;
  padding: 1em;
}

/* line 37, app/assets/stylesheets/layout/_forms.scss */
input[type=checkbox] {
  -webkit-appearance: radio;
  -khtml-appearance: radio;
  -moz-appearance: radio;
  -ms-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
  margin-bottom: 0.75rem;
}

/* line 42, app/assets/stylesheets/layout/_forms.scss */
input[type="radio"] {
  -webkit-appearance: checkbox;
  -khtml-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  margin-bottom: 0.75rem;
}

/* line 47, app/assets/stylesheets/layout/_forms.scss */
input[type="submit"] {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #0077C8;
  border: 1px solid #0077C8;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 50, app/assets/stylesheets/layout/_forms.scss */
input[type="submit"][disabled] {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  cursor: default;
  opacity: 0.5;
}

/* line 56, app/assets/stylesheets/layout/_forms.scss */
select, textarea {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  font-family: "Avenir", "Avenir", "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 1rem;
  padding: 1em;
}

/* line 60, app/assets/stylesheets/layout/_forms.scss */
textarea {
  min-height: 12em;
  resize: none;
}

/* line 65, app/assets/stylesheets/layout/_forms.scss */
.radio-container {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  margin-bottom: 0.75rem;
}

/* line 69, app/assets/stylesheets/layout/_forms.scss */
.radio-container input[type="radio"], .radio-container label {
  display: inline;
  position: relative;
}

/* line 73, app/assets/stylesheets/layout/_forms.scss */
.radio-container label {
  margin-left: 0.375rem;
  line-height: 0.25em;
}

/* line 78, app/assets/stylesheets/layout/_forms.scss */
.radio-container + input[type="submit"] {
  margin-top: 1rem;
}

/* line 83, app/assets/stylesheets/layout/_forms.scss */
.select-container {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 86, app/assets/stylesheets/layout/_forms.scss */
.select-container:after {
  color: rgba(51, 51, 51, 0.6);
  content: "\25bc";
  font-size: 0.7em;
  position: absolute;
  right: 1.25em;
  top: 1.8em;
  z-index: -1;
}

/* line 96, app/assets/stylesheets/layout/_forms.scss */
.select-container select {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  padding-right: 2em;
}

/* line 103, app/assets/stylesheets/layout/_forms.scss */
.field-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* line 116, app/assets/stylesheets/layout/_forms.scss */
.field-boxes label {
  font-weight: 400;
  display: table;
  flex-basis: 92%;
  text-align: left;
  padding-top: 2px;
  line-height: 1.4em;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  /* line 116, app/assets/stylesheets/layout/_forms.scss */
  .field-boxes label {
    padding-left: 10px;
  }
}

/* line 130, app/assets/stylesheets/layout/_forms.scss */
.field-boxes input[type="checkbox"],
.field-boxes input[type="radio"] {
  flex-basis: 4%;
}

/* line 136, app/assets/stylesheets/layout/_forms.scss */
.form-note {
  display: inline-block;
  position: relative;
  border-bottom: 1px dotted;
  cursor: pointer;
  float: right;
  font-size: 0.8em;
  margin-top: -0.375rem;
  opacity: 0.5;
  text-align: right;
  color: inherit;
}

/* line 147, app/assets/stylesheets/layout/_forms.scss */
.form-note:hover {
  opacity: 1;
}

/* line 164, app/assets/stylesheets/layout/_forms.scss */
#new-organization-form select {
  outline: none;
  width: 50%;
}

/* line 169, app/assets/stylesheets/layout/_forms.scss */
#new-organization-form a {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
}

/* line 177, app/assets/stylesheets/layout/_forms.scss */
#new-organization-form i {
  -moz-transition: transform 0.25s;
  -webkit-transition: transform 0.25s;
  -ms-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s linear;
}

/* line 185, app/assets/stylesheets/layout/_forms.scss */
#new-organization-form .generate-link, #new-organization-form i {
  margin-left: 10px;
}

/* line 189, app/assets/stylesheets/layout/_forms.scss */
#new-organization-form .generate-link {
  margin-left: 5px;
}

/* line 194, app/assets/stylesheets/layout/_forms.scss */
.form-item-error {
  border-color: red !important;
}

/* line 198, app/assets/stylesheets/layout/_forms.scss */
.form-item-error:focus-visible {
  outline: 3px solid red;
}

/* line 202, app/assets/stylesheets/layout/_forms.scss */
#ad-hoc-schedule-form {
  padding: "none";
}

/* line 207, app/assets/stylesheets/layout/_forms.scss */
#schedule-form {
  padding: 0 10% !important;
}

/* line 211, app/assets/stylesheets/layout/_forms.scss */
.flex-form {
  display: flex;
  column-gap: 3%;
  flex-wrap: wrap;
  justify-content: center;
  max-width: none;
}

/* line 219, app/assets/stylesheets/layout/_forms.scss */
.circle-selector {
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: lightgrey;
}

/* line 229, app/assets/stylesheets/layout/_forms.scss */
.circle-selector.selected {
  background-color: #0077c8;
  color: white;
}

/* line 1, app/assets/stylesheets/modules/_flash.scss */
.flash-message {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: #f5aa1c;
  color: #FFFFFF;
  padding: 1.176em 1%;
  text-align: center;
  display: flex;
  z-index: 11 !important;
}

/* line 10, app/assets/stylesheets/modules/_flash.scss */
.flash-message.error {
  background-color: #c31212;
}

/* line 14, app/assets/stylesheets/modules/_flash.scss */
.flash-message.broadcast {
  background-color: var(--flash-broadcast-color, #b20303);
}

/* line 18, app/assets/stylesheets/modules/_flash.scss */
.flash-message.notification {
  background-color: #0077C8;
}

/* line 22, app/assets/stylesheets/modules/_flash.scss */
.flash-message.confirm {
  background-color: #0077C8;
}

/* line 26, app/assets/stylesheets/modules/_flash.scss */
.flash-message.hearing-success {
  background-color: #00870d;
}

/* line 30, app/assets/stylesheets/modules/_flash.scss */
.flash-message a {
  border-bottom: 1px dotted;
  color: #FFFFFF;
}

/* line 35, app/assets/stylesheets/modules/_flash.scss */
.flash-message .close {
  border: none;
  color: #FFFFFF;
  position: relative;
  padding: 0;
}

/* line 1, app/assets/stylesheets/modules/_spinner.scss */
.spinner {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 4, app/assets/stylesheets/modules/_spinner.scss */
.spinner > span {
  display: inline-block;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 100%;
  height: 1em;
  width: 1em;
  -webkit-animation: sk-bouncedelay 2.0s infinite ease-in-out both;
  animation: sk-bouncedelay 2.0s infinite ease-in-out both;
}

/* line 15, app/assets/stylesheets/modules/_spinner.scss */
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

/* line 20, app/assets/stylesheets/modules/_spinner.scss */
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* line 121, app/assets/stylesheets/modules/_modal.scss */
.modal {
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  margin-right: -50%;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
  display: none;
  max-width: 28em;
  top: 4rem;
  width: 100%;
  z-index: 1000;
  position: fixed;
  max-height: 85%;
  overflow-y: auto;
  border-radius: 20px;
}

/* line 19, app/assets/stylesheets/modules/_modal.scss */
.modal form.modal-form label {
  font-family: Avenir;
}

/* line 23, app/assets/stylesheets/modules/_modal.scss */
.modal form.modal-form input, .modal form.modal-form select {
  font-family: Avenir LT Std;
  font-size: 1.2em;
}

/* line 29, app/assets/stylesheets/modules/_modal.scss */
.modal.modal-med {
  max-width: 44em;
}

@media screen and (max-width: 768px) {
  /* line 29, app/assets/stylesheets/modules/_modal.scss */
  .modal.modal-med {
    top: -10%;
    max-width: 95%;
    max-height: 95%;
  }
}

/* line 38, app/assets/stylesheets/modules/_modal.scss */
.modal.modal-large {
  max-width: 60em;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/modules/_modal.scss */
  .modal.modal-large {
    top: -10%;
    max-width: 95%;
    max-height: 95%;
  }
}

/* line 47, app/assets/stylesheets/modules/_modal.scss */
.modal-header, .modal-body, .modal-help {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  padding: 1.8em;
}

/* line 52, app/assets/stylesheets/modules/_modal.scss */
.modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 1.1em;
  padding-top: 1.1em;
}

/* line 57, app/assets/stylesheets/modules/_modal.scss */
.modal-header .label {
  margin-bottom: 0;
}

/* line 62, app/assets/stylesheets/modules/_modal.scss */
.modal-help {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.8em;
}

/* line 67, app/assets/stylesheets/modules/_modal.scss */
.modal-help:before {
  display: inline-block;
  position: relative;
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  font-size: 0.882em;
  margin-bottom: 0.375rem;
  color: black;
  content: "Need Help?";
  font-size: 1em;
  margin-bottom: 1rem;
}

/* line 77, app/assets/stylesheets/modules/_modal.scss */
.modal-help p:last-of-type {
  margin-bottom: 0;
}

/* line 84, app/assets/stylesheets/modules/_modal.scss */
.modal input[type="date"], .modal input[type="text"], .modal input[type="tel"], .modal input[type="email"], .modal input[type="password"], .modal input[type="number"] {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
}

/* line 95, app/assets/stylesheets/modules/_modal.scss */
.modal button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #0077C8;
  border: 1px solid #0077C8;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 98, app/assets/stylesheets/modules/_modal.scss */
.modal button[disabled] {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  cursor: default;
  opacity: 0.5;
}

/* line 103, app/assets/stylesheets/modules/_modal.scss */
.modal select, .modal textarea {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  padding: .6em;
}

/* line 109, app/assets/stylesheets/modules/_modal.scss */
.modal img {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 121, app/assets/stylesheets/modules/_modal.scss */
  .modal {
    top: 0;
    width: 90%;
  }
}

/* line 125, app/assets/stylesheets/modules/_modal.scss */
.modal-enter .curtain, .modal-appear .curtain {
  opacity: 0;
}

/* line 129, app/assets/stylesheets/modules/_modal.scss */
.modal-enter .modal, .modal-appear .modal {
  opacity: 0;
}

/* line 133, app/assets/stylesheets/modules/_modal.scss */
.modal-enter.modal-enter-active .curtain, .modal-appear.modal-appear-active .curtain {
  opacity: 1;
  transition: opacity 400ms ease-out;
}

/* line 138, app/assets/stylesheets/modules/_modal.scss */
.modal-enter.modal-enter-active .modal, .modal-appear.modal-appear-active .modal {
  opacity: 1;
  transition: opacity 200ms ease-out;
}

/* line 143, app/assets/stylesheets/modules/_modal.scss */
.modal-leave .curtain {
  opacity: 1;
}

/* line 147, app/assets/stylesheets/modules/_modal.scss */
.modal-leave .modal {
  opacity: 1;
}

/* line 151, app/assets/stylesheets/modules/_modal.scss */
.modal-leave.modal-leave-active .curtain {
  opacity: 0;
  transition: opacity 400ms ease-out;
}

/* line 156, app/assets/stylesheets/modules/_modal.scss */
.modal-leave.modal-leave-active .modal {
  opacity: 0;
  transition: opacity 200ms ease-out;
}

/* line 161, app/assets/stylesheets/modules/_modal.scss */
body.modal-open {
  overflow: hidden;
}

/* line 165, app/assets/stylesheets/modules/_modal.scss */
.l-to-r-responsive {
  float: left;
}

@media screen and (max-width: 768px) {
  /* line 165, app/assets/stylesheets/modules/_modal.scss */
  .l-to-r-responsive {
    float: none;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 632px) {
  /* line 174, app/assets/stylesheets/modules/_modal.scss */
  .modal button.button-sizing-hack {
    min-width: 171px;
  }
}

/* line 217, app/assets/stylesheets/modules/_modal.scss */
.unclosable-modal {
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  margin-right: -50%;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
  max-width: 28em;
  top: 4rem;
  width: 100%;
  z-index: 1000;
  position: fixed;
  max-height: 85%;
  overflow-y: scroll;
}

/* line 195, app/assets/stylesheets/modules/_modal.scss */
.unclosable-modal-header, .unclosable-modal-body {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  padding: 1.8em;
}

/* line 200, app/assets/stylesheets/modules/_modal.scss */
.unclosable-modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 1.1em;
  padding-top: 1.1em;
}

/* line 205, app/assets/stylesheets/modules/_modal.scss */
.unclosable-modal-header .label {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  /* line 217, app/assets/stylesheets/modules/_modal.scss */
  .unclosable-modal {
    top: 0;
    width: 90%;
  }
}

/* line 2, app/assets/stylesheets/modules/_flex-table.scss */
.cell {
  display: flex;
  position: relative;
  align-items: center;
  align-self: center;
  flex-flow: row nowrap;
  flex-basis: 0;
  flex-grow: 0.65;
  line-height: 1.2;
  padding: 1em 0.375rem;
  word-break: break-word;
}

@media screen and (max-width: 1024px) {
  /* line 2, app/assets/stylesheets/modules/_flex-table.scss */
  .cell {
    padding: 0.75rem 0.375rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 2, app/assets/stylesheets/modules/_flex-table.scss */
  .cell {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0.375rem 0.375rem;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  /* line 26, app/assets/stylesheets/modules/_flex-table.scss */
  .cell:before {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-family: "Avenir";
    font-size: 0.8em;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    content: attr(data-label);
  }
}

/* line 35, app/assets/stylesheets/modules/_flex-table.scss */
.cell.cell-right {
  justify-content: flex-end;
}

/* line 39, app/assets/stylesheets/modules/_flex-table.scss */
.cell.available .status-light {
  background-color: #2cb045;
}

/* line 43, app/assets/stylesheets/modules/_flex-table.scss */
.cell .button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #0077C8;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #0077C8;
  line-height: 1.2em;
  margin-left: 2.5%;
  min-width: 0;
  padding: 0.875em 5%;
  text-align: center;
}

/* line 51, app/assets/stylesheets/modules/_flex-table.scss */
.cell .button:first-of-type {
  margin-left: 0;
}

/* line 56, app/assets/stylesheets/modules/_flex-table.scss */
.cell .status-light {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  height: 8px;
  position: absolute;
  width: 8px;
}

@media screen and (max-width: 768px) {
  /* line 56, app/assets/stylesheets/modules/_flex-table.scss */
  .cell .status-light {
    top: 1.8em;
  }
}

/* line 67, app/assets/stylesheets/modules/_flex-table.scss */
.cell .status-light + span {
  line-height: 1.2;
  padding-left: 1em;
}

/* line 73, app/assets/stylesheets/modules/_flex-table.scss */
.cell a {
  color: #0077C8;
  text-decoration: underline;
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-2 {
  flex-grow: 2;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-2 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-3 {
  flex-grow: 3;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-3 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-4 {
  flex-grow: 4;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-4 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-5 {
  flex-grow: 5;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-5 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-6 {
  flex-grow: 6;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-6 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-7 {
  flex-grow: 7;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-7 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-8 {
  flex-grow: 8;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-8 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-9 {
  flex-grow: 9;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-9 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 81, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-10 {
  flex-grow: 10;
}

@media screen and (max-width: 768px) {
  /* line 81, app/assets/stylesheets/modules/_flex-table.scss */
  .span-cols-10 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
  }
}

/* line 91, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-1 {
  flex-grow: 1;
}

/* line 95, app/assets/stylesheets/modules/_flex-table.scss */
.span-cols-half {
  flex-grow: 0.5;
}

/* line 99, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table {
  font-size: 0.8em;
}

@media screen and (max-width: 768px) {
  /* line 99, app/assets/stylesheets/modules/_flex-table.scss */
  .flex-table {
    font-size: 0.875em;
  }
}

/* line 107, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table h5 {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  text-align: right;
  margin-bottom: 0;
  padding: 0.75rem 0;
}

/* line 116, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table > div {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 121, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table-header {
  display: flex;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 121, app/assets/stylesheets/modules/_flex-table.scss */
  .flex-table-header {
    display: none;
  }
}

/* line 129, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table-header > span {
  font-family: "Avenir";
  font-size: 0.8em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}

/* line 133, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table-header > span:after {
  content: "\25be";
  position: relative;
  left: 0.25em;
  top: -0.1em;
}

/* line 141, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table-header > span.no-arrow:after {
  content: "";
}

/* line 148, app/assets/stylesheets/modules/_flex-table.scss */
.flex-table-row {
  display: flex;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 1px;
}

@media screen and (max-width: 768px) {
  /* line 148, app/assets/stylesheets/modules/_flex-table.scss */
  .flex-table-row {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-1-percent {
  width: 1%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-1-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-1-percent {
    width: 1%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-2-percent {
  width: 2%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-2-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-2-percent {
    width: 2%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-3-percent {
  width: 3%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-3-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-3-percent {
    width: 3%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-4-percent {
  width: 4%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-4-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-4-percent {
    width: 4%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-5-percent {
  width: 5%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-5-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-5-percent {
    width: 5%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-6-percent {
  width: 6%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-6-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-6-percent {
    width: 6%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-7-percent {
  width: 7%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-7-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-7-percent {
    width: 7%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-8-percent {
  width: 8%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-8-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-8-percent {
    width: 8%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-9-percent {
  width: 9%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-9-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-9-percent {
    width: 9%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-10-percent {
  width: 10%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-10-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-10-percent {
    width: 10%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-11-percent {
  width: 11%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-11-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-11-percent {
    width: 11%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-12-percent {
  width: 12%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-12-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-12-percent {
    width: 12%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-13-percent {
  width: 13%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-13-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-13-percent {
    width: 13%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-14-percent {
  width: 14%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-14-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-14-percent {
    width: 14%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-15-percent {
  width: 15%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-15-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-15-percent {
    width: 15%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-16-percent {
  width: 16%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-16-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-16-percent {
    width: 16%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-17-percent {
  width: 17%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-17-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-17-percent {
    width: 17%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-18-percent {
  width: 18%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-18-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-18-percent {
    width: 18%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-19-percent {
  width: 19%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-19-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-19-percent {
    width: 19%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-20-percent {
  width: 20%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-20-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-20-percent {
    width: 20%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-21-percent {
  width: 21%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-21-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-21-percent {
    width: 21%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-22-percent {
  width: 22%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-22-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-22-percent {
    width: 22%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-23-percent {
  width: 23%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-23-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-23-percent {
    width: 23%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-24-percent {
  width: 24%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-24-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-24-percent {
    width: 24%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-25-percent {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-25-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-25-percent {
    width: 25%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-26-percent {
  width: 26%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-26-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-26-percent {
    width: 26%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-27-percent {
  width: 27%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-27-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-27-percent {
    width: 27%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-28-percent {
  width: 28%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-28-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-28-percent {
    width: 28%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-29-percent {
  width: 29%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-29-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-29-percent {
    width: 29%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-30-percent {
  width: 30%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-30-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-30-percent {
    width: 30%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-31-percent {
  width: 31%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-31-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-31-percent {
    width: 31%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-32-percent {
  width: 32%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-32-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-32-percent {
    width: 32%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-33-percent {
  width: 33%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-33-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-33-percent {
    width: 33%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-34-percent {
  width: 34%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-34-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-34-percent {
    width: 34%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-35-percent {
  width: 35%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-35-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-35-percent {
    width: 35%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-36-percent {
  width: 36%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-36-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-36-percent {
    width: 36%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-37-percent {
  width: 37%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-37-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-37-percent {
    width: 37%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-38-percent {
  width: 38%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-38-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-38-percent {
    width: 38%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-39-percent {
  width: 39%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-39-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-39-percent {
    width: 39%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-40-percent {
  width: 40%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-40-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-40-percent {
    width: 40%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-41-percent {
  width: 41%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-41-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-41-percent {
    width: 41%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-42-percent {
  width: 42%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-42-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-42-percent {
    width: 42%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-43-percent {
  width: 43%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-43-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-43-percent {
    width: 43%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-44-percent {
  width: 44%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-44-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-44-percent {
    width: 44%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-45-percent {
  width: 45%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-45-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-45-percent {
    width: 45%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-46-percent {
  width: 46%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-46-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-46-percent {
    width: 46%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-47-percent {
  width: 47%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-47-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-47-percent {
    width: 47%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-48-percent {
  width: 48%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-48-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-48-percent {
    width: 48%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-49-percent {
  width: 49%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-49-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-49-percent {
    width: 49%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-50-percent {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-50-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-50-percent {
    width: 50%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-51-percent {
  width: 51%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-51-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-51-percent {
    width: 51%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-52-percent {
  width: 52%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-52-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-52-percent {
    width: 52%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-53-percent {
  width: 53%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-53-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-53-percent {
    width: 53%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-54-percent {
  width: 54%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-54-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-54-percent {
    width: 54%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-55-percent {
  width: 55%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-55-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-55-percent {
    width: 55%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-56-percent {
  width: 56%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-56-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-56-percent {
    width: 56%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-57-percent {
  width: 57%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-57-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-57-percent {
    width: 57%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-58-percent {
  width: 58%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-58-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-58-percent {
    width: 58%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-59-percent {
  width: 59%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-59-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-59-percent {
    width: 59%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-60-percent {
  width: 60%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-60-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-60-percent {
    width: 60%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-61-percent {
  width: 61%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-61-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-61-percent {
    width: 61%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-62-percent {
  width: 62%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-62-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-62-percent {
    width: 62%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-63-percent {
  width: 63%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-63-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-63-percent {
    width: 63%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-64-percent {
  width: 64%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-64-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-64-percent {
    width: 64%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-65-percent {
  width: 65%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-65-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-65-percent {
    width: 65%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-66-percent {
  width: 66%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-66-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-66-percent {
    width: 66%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-67-percent {
  width: 67%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-67-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-67-percent {
    width: 67%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-68-percent {
  width: 68%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-68-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-68-percent {
    width: 68%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-69-percent {
  width: 69%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-69-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-69-percent {
    width: 69%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-70-percent {
  width: 70%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-70-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-70-percent {
    width: 70%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-71-percent {
  width: 71%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-71-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-71-percent {
    width: 71%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-72-percent {
  width: 72%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-72-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-72-percent {
    width: 72%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-73-percent {
  width: 73%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-73-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-73-percent {
    width: 73%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-74-percent {
  width: 74%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-74-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-74-percent {
    width: 74%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-75-percent {
  width: 75%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-75-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-75-percent {
    width: 75%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-76-percent {
  width: 76%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-76-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-76-percent {
    width: 76%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-77-percent {
  width: 77%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-77-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-77-percent {
    width: 77%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-78-percent {
  width: 78%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-78-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-78-percent {
    width: 78%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-79-percent {
  width: 79%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-79-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-79-percent {
    width: 79%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-80-percent {
  width: 80%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-80-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-80-percent {
    width: 80%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-81-percent {
  width: 81%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-81-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-81-percent {
    width: 81%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-82-percent {
  width: 82%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-82-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-82-percent {
    width: 82%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-83-percent {
  width: 83%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-83-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-83-percent {
    width: 83%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-84-percent {
  width: 84%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-84-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-84-percent {
    width: 84%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-85-percent {
  width: 85%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-85-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-85-percent {
    width: 85%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-86-percent {
  width: 86%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-86-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-86-percent {
    width: 86%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-87-percent {
  width: 87%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-87-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-87-percent {
    width: 87%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-88-percent {
  width: 88%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-88-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-88-percent {
    width: 88%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-89-percent {
  width: 89%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-89-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-89-percent {
    width: 89%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-90-percent {
  width: 90%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-90-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-90-percent {
    width: 90%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-91-percent {
  width: 91%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-91-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-91-percent {
    width: 91%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-92-percent {
  width: 92%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-92-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-92-percent {
    width: 92%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-93-percent {
  width: 93%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-93-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-93-percent {
    width: 93%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-94-percent {
  width: 94%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-94-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-94-percent {
    width: 94%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-95-percent {
  width: 95%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-95-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-95-percent {
    width: 95%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-96-percent {
  width: 96%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-96-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-96-percent {
    width: 96%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-97-percent {
  width: 97%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-97-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-97-percent {
    width: 97%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-98-percent {
  width: 98%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-98-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-98-percent {
    width: 98%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-99-percent {
  width: 99%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-99-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-99-percent {
    width: 99%;
  }
}

/* line 3, app/assets/stylesheets/modules/_table.scss */
.width-100-percent {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/modules/_table.scss */
  .width-100-percent {
    width: 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 12, app/assets/stylesheets/modules/_table.scss */
  .tablet-width-100-percent {
    width: 100%;
  }
}

/* line 19, app/assets/stylesheets/modules/_table.scss */
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* line 29, app/assets/stylesheets/modules/_table.scss */
table {
  font-size: 0.8em;
  border-spacing: 0;
}

@media screen and (max-width: 1024px) {
  /* line 34, app/assets/stylesheets/modules/_table.scss */
  table.table-mobile {
    border-collapse: collapse;
  }
}

/* line 39, app/assets/stylesheets/modules/_table.scss */
table {
  display: table;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 43, app/assets/stylesheets/modules/_table.scss */
table thead, table tbody {
  display: table-row-group;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

/* line 47, app/assets/stylesheets/modules/_table.scss */
table tr {
  display: table-row;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  padding: 0 1rem;
}

/* line 52, app/assets/stylesheets/modules/_table.scss */
table td {
  line-height: 1.2;
  padding: 1em 0.375rem;
}

/* line 56, app/assets/stylesheets/modules/_table.scss */
table td.cell-right {
  text-align: right;
}

/* line 60, app/assets/stylesheets/modules/_table.scss */
table td .status-light {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: calc(50% - 4px);
  vertical-align: middle;
  /* Not sure why this is here, but it's messing with my styling fix
      & + span {
        line-height: 1.2;
        padding-left: 1em;
      }
      */
}

/* line 76, app/assets/stylesheets/modules/_table.scss */
table td .select-container.select-container-small:after {
  right: 9px;
  /*top: 9px;*/
  top: 50%;
  color: var(--secondary, #0077C8);
  width: 0px;
  height: 0px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--secondary, #0077C8);
}

/* line 90, app/assets/stylesheets/modules/_table.scss */
table td a.button, table td select.button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #0077C8;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #0077C8;
  float: left;
  line-height: 1.2em;
  min-width: 0;
  padding: 2.5%;
  text-align: center;
  text-align-last: center;
  border-radius: 0px;
  background-color: #FFF;
}

/* line 103, app/assets/stylesheets/modules/_table.scss */
table .nopointer:hover {
  cursor: default;
}

/* line 108, app/assets/stylesheets/modules/_table.scss */
table thead th {
  color: rgba(0, 0, 0, 0.6);
  padding: 1em 0.375rem;
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}

@media screen and (max-width: 1024px) {
  /* line 108, app/assets/stylesheets/modules/_table.scss */
  table thead th {
    display: none;
  }
}

/* line 119, app/assets/stylesheets/modules/_table.scss */
table thead th:after {
  content: "\25be";
  position: relative;
  left: 0.25em;
  top: -0.1em;
}

/* line 126, app/assets/stylesheets/modules/_table.scss */
table thead th.highlighted {
  color: #046e8f;
}

/* line 131, app/assets/stylesheets/modules/_table.scss */
table thead th.sorted:after {
  display: inline-block;
  transform: rotate(180deg);
}

/* line 138, app/assets/stylesheets/modules/_table.scss */
table thead th.no-arrow:after {
  content: "";
}

/* line 144, app/assets/stylesheets/modules/_table.scss */
table thead th:hover {
  cursor: pointer;
}

/* line 148, app/assets/stylesheets/modules/_table.scss */
table thead tr {
  font-family: "Avenir";
  font-size: 0.8em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

/* line 154, app/assets/stylesheets/modules/_table.scss */
table tbody tr {
  background-color: #FFFFFF;
  margin-bottom: 2px;
}

/* line 156, app/assets/stylesheets/modules/_table.scss */
table tbody tr:not(.no-highlight):hover {
  background-color: aliceblue;
}

/* line 159, app/assets/stylesheets/modules/_table.scss */
table tbody tr:not(.no-highlight) div.show-on-hover {
  opacity: 0;
}

/* line 166, app/assets/stylesheets/modules/_table.scss */
table tbody tr:hover div.show-on-hover {
  opacity: 100;
  transition: opacity 0s;
  transition-delay: 0s;
}

@media screen and (max-width: 1024px) {
  /* line 154, app/assets/stylesheets/modules/_table.scss */
  table tbody tr {
    padding: 1rem;
    overflow-wrap: break-word;
  }
  /* line 178, app/assets/stylesheets/modules/_table.scss */
  table tbody tr div.show-on-hover {
    opacity: 1 !important;
  }
  /* line 182, app/assets/stylesheets/modules/_table.scss */
  table tbody tr.mobile-background-grey {
    background-color: #f5f5f5;
  }
}

/* line 189, app/assets/stylesheets/modules/_table.scss */
table tbody tr.heading {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  font-family: "Avenir";
  font-size: 0.8em;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  margin-top: 1.25rem;
}

@media screen and (max-width: 1024px) {
  /* line 197, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td:nth-of-type(odd) {
    clear: left;
    padding-left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 204, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.attendee-cell:nth-of-type(odd) {
    padding-left: 6px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 210, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.actions {
    display: flex;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    justify-content: space-between;
    padding: 10px 12px;
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  /* line 210, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.actions {
    flex-direction: column;
  }
}

/* line 224, app/assets/stylesheets/modules/_table.scss */
table tbody tr td.hidden-column {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 224, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.hidden-column {
    display: table-cell;
  }
}

@media screen and (max-width: 1024px) {
  /* line 196, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td {
    padding: 0.75rem 0.375rem;
  }
  /* line 237, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-title {
    width: 60%;
  }
  /* line 241, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-content {
    width: 40%;
  }
}

@media screen and (max-width: 450px) {
  /* line 247, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-title {
    width: 45%;
  }
  /* line 251, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-content {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 196, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0.375rem 0.375rem;
    width: 50%;
  }
  /* line 263, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-header {
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.1em;
    color: white;
  }
  /* line 264, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-header:before {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-family: "Avenir";
    font-size: 0.8em;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    content: attr(data-label);
  }
  /* line 274, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-status > div {
    margin-left: 9px;
  }
  /* line 278, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td.table-mobile-hidden {
    display: none;
  }
  /* line 282, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td .table-button.table-mobile-button {
    float: left !important;
  }
}

/* line 288, app/assets/stylesheets/modules/_table.scss */
table tbody tr td.no-before:before {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 293, app/assets/stylesheets/modules/_table.scss */
  table tbody tr td:before {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-family: "Avenir";
    font-size: 0.8em;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    content: attr(data-label);
  }
}

/* line 305, app/assets/stylesheets/modules/_table.scss */
table a {
  color: #002D72;
  text-decoration: underline;
}

/* line 310, app/assets/stylesheets/modules/_table.scss */
table .status {
  color: #555555;
}

/* line 320, app/assets/stylesheets/modules/_table.scss */
table#attend-hearing-modal-call-in-info tbody tr:hover {
  background-color: transparent;
}

/* line 323, app/assets/stylesheets/modules/_table.scss */
table#attend-hearing-modal-call-in-info tbody tr td {
  padding: 0.5em;
}

/* line 326, app/assets/stylesheets/modules/_table.scss */
table#attend-hearing-modal-call-in-info tbody tr td.right {
  float: left;
}

/* line 329, app/assets/stylesheets/modules/_table.scss */
table#attend-hearing-modal-call-in-info tbody tr td.left {
  width: 60%;
}

@media screen and (max-width: 1024px) {
  /* line 340, app/assets/stylesheets/modules/_table.scss */
  .evidence_table th.table-mobile-hidden {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  /* line 346, app/assets/stylesheets/modules/_table.scss */
  .evidence_table tr td {
    width: auto;
  }
  /* line 350, app/assets/stylesheets/modules/_table.scss */
  .evidence_table tr td:first-of-type {
    width: 100%;
  }
  /* line 354, app/assets/stylesheets/modules/_table.scss */
  .evidence_table tr td:last-of-type {
    margin-left: 30px;
    margin-bottom: 16px;
  }
  /* line 359, app/assets/stylesheets/modules/_table.scss */
  .evidence_table tr td:nth-of-type(odd) {
    padding-left: 0.375rem;
    clear: none;
  }
}

@media screen and (max-width: 400px) {
  /* line 366, app/assets/stylesheets/modules/_table.scss */
  .evidence_table tr td:last-of-type {
    width: 100%;
    margin-left: 0px;
  }
}

/* line 1, app/assets/stylesheets/modules/_subheader.scss */
.subheader {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: var(--bg-color);
  color: var(--default);
  padding: 1.25rem 0;
  display: block;
  flex: 1;
}

/* line 3, app/assets/stylesheets/modules/_subheader.scss */
.subheader #login-button {
  display: block;
  z-index: 2;
}

/* line 15, app/assets/stylesheets/modules/_subheader.scss */
.subheader .wcb-logo {
  font-family: "Avenir";
  font-size: 1.2em;
  max-width: 10em;
}

/* line 21, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-size: 0.75em;
  float: right;
  text-align: right;
}

/* line 28, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status > div {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* line 33, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status > div:last-child {
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  /* line 38, app/assets/stylesheets/modules/_subheader.scss */
  .subheader .status-user {
    display: none;
  }
}

/* line 44, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-user > div {
  line-height: 1.6;
}

/* line 48, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-user .user-name {
  font-size: 1em;
  color: var(--default, #000000);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  letter-spacing: 1px;
}

/* line 55, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-user .role {
  color: rgba(var(--default), 1);
  font-family: var(--font, "proximanova-regular");
  font-size: 1em;
}

/* line 63, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions {
  display: flex;
  align-items: center;
  font-family: var(--font-semi-bold, "proximanova-semibold");
}

/* line 68, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions-label {
  align-items: center;
  display: flex;
  font-size: 1.1em;
  margin-right: 1.25rem;
}

/* line 74, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions-label > span, .subheader .status-actions-label > label {
  float: left;
  font-size: 1em;
  margin-bottom: -0.01em;
}

/* line 80, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions-label .info {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 1.1em;
  width: 1.1em;
  z-index: 2;
  float: left;
  margin-right: 0.375rem;
}

/* line 189, app/assets/stylesheets/base/_generics.scss */
.subheader .status-actions-label .info svg {
  height: 100%;
  width: 100%;
}

/* line 193, app/assets/stylesheets/base/_generics.scss */
.subheader .status-actions-label .info svg, .subheader .status-actions-label .info svg use {
  fill: var(--icon);
}

/* line 200, app/assets/stylesheets/base/_generics.scss */
.subheader .status-actions-label .info:hover svg, .subheader .status-actions-label .info:hover svg use {
  fill: var(--border-color);
}

/* line 88, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container {
  width: auto;
  color: rgba(0, 0, 0, 0.6);
}

/* line 92, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container select::-ms-expand {
  display: none;
}

/* line 96, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container:before {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  background-color: #2cb045;
  content: "";
  left: 8%;
  position: absolute;
  top: 35%;
  z-index: 1;
}

/* line 106, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container:after {
  line-height: 1.1em;
  right: 2.2em;
  top: 2em;
  z-index: 1;
}

/* line 113, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container.temporarily-unavailable:before {
  background-color: #f5aa1c;
}

/* line 117, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container.unavailable:before {
  background-color: #000;
}

/* line 121, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions .select-container select {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  background-color: var(--bg-color);
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
  max-width: 14em;
  padding-left: 1.8em;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 133, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions select, .subheader .status-actions a {
  font-family: "Avenir";
  font-size: 0.95em;
}

/* line 138, app/assets/stylesheets/modules/_subheader.scss */
.subheader .status-actions a {
  margin-left: 1.25rem;
  min-width: 0;
  padding: 1.25em;
}

@media screen and (max-width: 768px) {
  /* line 138, app/assets/stylesheets/modules/_subheader.scss */
  .subheader .status-actions a {
    display: none;
  }
}

/* line 155, app/assets/stylesheets/modules/_subheader.scss */
.subheader-user .status-actions form a {
  margin-left: 0;
}

/* line 1, app/assets/stylesheets/modules/_list-section.scss */
.list-section {
  background-color: #f6f8f8;
}

/* line 4, app/assets/stylesheets/modules/_list-section.scss */
.list-section .list-header {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 4, app/assets/stylesheets/modules/_list-section.scss */
  .list-section .list-header {
    margin-bottom: 0.75rem;
  }
}

/* line 21, app/assets/stylesheets/modules/_list-section.scss */
.list-section .list-header button, .list-section .list-header a.cta, .list-section .list-header input[type="submit"] {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #0077C8;
  border: 1px solid #0077C8;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  padding-top: 1em;
  padding-bottom: 1em;
  min-width: 8em;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* line 31, app/assets/stylesheets/modules/_list-section.scss */
.list-section .list-header input, .list-section .list-header button, .list-section .list-header a.cta, .list-section .list-header input[type="submit"] {
  font-size: 0.8rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  margin-right: 0.375rem;
}

@media screen and (max-width: 768px) {
  /* line 31, app/assets/stylesheets/modules/_list-section.scss */
  .list-section .list-header input, .list-section .list-header button, .list-section .list-header a.cta, .list-section .list-header input[type="submit"] {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin: 0 0 0.75rem;
  }
}

/* line 44, app/assets/stylesheets/modules/_list-section.scss */
.list-section .list-header .badge {
  position: absolute;
  background: #F0A828;
  height: 2rem;
  top: -1rem;
  right: -1rem;
  width: 2rem;
  text-align: center;
  line-height: 2rem;
  border-radius: 50%;
  color: white;
  border: 1px solid white;
}

/* line 60, app/assets/stylesheets/modules/_list-section.scss */
.popover-body {
  position: absolute;
  top: -5px;
  right: 0px;
  opacity: 0;
  z-index: -999;
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97) 0.75s, z-index 0s cubic-bezier(0.75, -0.02, 0.2, 0.97) 1.05s;
  cursor: auto;
}

/* line 70, app/assets/stylesheets/modules/_list-section.scss */
.popover-body-health {
  position: relative !important;
}

/* line 74, app/assets/stylesheets/modules/_list-section.scss */
.popover-content {
  color: white;
  position: absolute;
  white-space: nowrap;
  padding: 5px 12px 5px 12px;
  background-color: #006CC1;
  border-radius: 3px;
  text-align: left;
  display: table;
}

/* line 85, app/assets/stylesheets/modules/_list-section.scss */
.popover-content .entry {
  margin-bottom: 4px;
  display: table-row;
}

/* line 89, app/assets/stylesheets/modules/_list-section.scss */
.popover-content .entry label {
  vertical-align: top;
}

/* line 94, app/assets/stylesheets/modules/_list-section.scss */
.popover-content span {
  /*display: inline-block;*/
  display: table-cell;
}

/* line 99, app/assets/stylesheets/modules/_list-section.scss */
.popover-content label {
  padding-right: 0.3em;
  margin-bottom: 0;
  width: auto;
  display: table-cell;
  text-align: right;
}

/* line 108, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-body.popover-evidence {
  left: 0px;
  top: unset;
  right: -10px;
  bottom: 0px;
}

/* line 114, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-body.popover-evidence .popover-content::before {
  display: none;
}

/* line 118, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-body.popover-evidence .entry {
  white-space: normal;
}

/* line 121, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-body.popover-evidence .entry label {
  text-align: left;
  line-height: 16px;
}

/* line 128, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-carot {
  opacity: 0;
  transform: translate(0, 7px);
  transition-delay: 0.85s;
}

/* line 134, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-carot::before {
  position: absolute;
  z-index: -1;
  content: '';
  right: -1px;
  top: 13px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #006CC1 transparent;
}

/* line 145, app/assets/stylesheets/modules/_list-section.scss */
.popover-bottom .popover-content:before {
  position: absolute;
  z-index: -1;
  content: '';
  right: 20px;
  top: -5px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #006CC1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

/* line 158, app/assets/stylesheets/modules/_list-section.scss */
.popover-right .popover-content:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: -5px;
  top: 3px;
  border-style: solid;
  border-width: 8px 8px 8px 0px;
  border-color: transparent #006CC1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

/* line 171, app/assets/stylesheets/modules/_list-section.scss */
.disconnected-popover.popover-left .popover-content {
  font-size: 16px;
  background-color: white;
  color: #333;
}

/* line 177, app/assets/stylesheets/modules/_list-section.scss */
.disconnected-popover.popover-left .popover-content:before {
  border-color: transparent transparent transparent white;
}

/* line 181, app/assets/stylesheets/modules/_list-section.scss */
.popover-left {
  display: inline-block;
  position: relative;
}

/* line 186, app/assets/stylesheets/modules/_list-section.scss */
.popover-left .popover-body {
  position: unset;
}

/* line 190, app/assets/stylesheets/modules/_list-section.scss */
.popover-left .popover-content {
  right: 100%;
  bottom: -4px;
  z-index: 2;
  margin-right: 7px;
}

/* line 197, app/assets/stylesheets/modules/_list-section.scss */
.popover-left .popover-content:before {
  position: absolute;
  z-index: 1;
  content: '';
  right: -13px;
  top: 3px;
  border-style: solid;
  border-width: 8px 8px 8px 8px;
  border-color: transparent transparent transparent #006CC1;
  transition-duration: 0.3s;
  transition-property: transform;
}

/* line 210, app/assets/stylesheets/modules/_list-section.scss */
.info-badge-subtle {
  color: #5f7486;
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97) 0.75s;
}

/* line 215, app/assets/stylesheets/modules/_list-section.scss */
.info-badge-subtle:hover, .info-badge-subtle:focus {
  color: #006CC1;
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

/* line 220, app/assets/stylesheets/modules/_list-section.scss */
.info-badge:hover + .popover-body, .info-badge:focus .popover-body,
.info-badge:hover .popover-body {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 7px);
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

/* line 229, app/assets/stylesheets/modules/_list-section.scss */
.info-badge:hover + .popover-carot, .info-badge:focus .popover-carot,
.info-badge:hover .popover-carot {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}

/* line 237, app/assets/stylesheets/modules/_list-section.scss */
.info-badge.popover-right:hover + .popover-body,
.info-badge.popover-right:hover .popover-body {
  z-index: 10;
  opacity: 1;
  transform: translate(8px, 0px);
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition-property: opacity, transform;
}

/* line 246, app/assets/stylesheets/modules/_list-section.scss */
.info-badge.popover-left:hover + .popover-body,
.info-badge.popover-left:hover .popover-body {
  z-index: 10;
  opacity: 1;
  display: inline-block;
  transform: unset;
  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition-property: opacity, transform;
  position: unset;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  /* line 258, app/assets/stylesheets/modules/_list-section.scss */
  .responsive_file_input {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/modules/_skip-to-content.scss */
.skiptoContent a {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* line 10, app/assets/stylesheets/modules/_skip-to-content.scss */
.skiptoContent a:focus {
  left: 10px;
  margin-top: 2px;
  position: absolute;
  width: auto;
  z-index: 1050;
}

/* line 1, app/assets/stylesheets/modules/_video.scss */
#remote-view-video.maximized {
  position: fixed;
  background-color: #000000d6;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
}

/* line 12, app/assets/stylesheets/modules/_video.scss */
.video-container button, .video-container select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #0077C8;
  border: 1px solid #0077C8;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Avenir";
  font-size: 0.794em;
  letter-spacing: 0.11em;
  line-height: 1.1;
  min-width: 10em;
  padding: 1.176em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  min-width: auto;
}

/* line 15, app/assets/stylesheets/modules/_video.scss */
.video-container button[disabled], .video-container select[disabled] {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  cursor: default;
  opacity: 0.5;
}

/* line 22, app/assets/stylesheets/modules/_video.scss */
.video-container select {
  padding: 2em;
  border-radius: 0px;
  width: 14.5em;
  margin-bottom: 0px;
}

/* line 29, app/assets/stylesheets/modules/_video.scss */
.video-container .select-container.select-container-small:after {
  right: 1.5em;
  /*top: 9px;*/
  top: calc(50% - 3px);
  color: #FFF;
  width: 0px;
  height: 0px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #FFF;
}

/* Text meant only for screen readers. */
/* line 154, app/assets/stylesheets/base/style.scss */
.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* line 162, app/assets/stylesheets/base/style.scss */
input[type='checkbox']:focus {
  outline: 5px solid #ebb655;
}

@font-face {
  font-family: 'Avenir LT Std';
  src: url(/assets/AvenirLTStd-Light-4defc7d44600e05b1c9ba7d3490b86a5a90edc97c63bdeed0253a58df4427b5a.woff2) format("woff2"), url(/assets/AvenirLTStd-Light-7e7e3ad5e74858f43fadf14cabab960c9b2dacee5642abfca3ce0b9f2a230e82.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-Heavy-ad48932c3b576b50543bb9d69b059d8916e1de77b218a57f98930e203a59cef9.woff2) format("woff2"), url(/assets/Avenir-Heavy-3063f4402cbdc49624066ccbea7b6533252acc6e4d2c9560e46abc016e83f26f.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Medium';
  src: url(/assets/Avenir-Medium-37b03f0bfa0a68d3b8d0ae017beef1f91eac8db2a95500ab32c6fbdd43bcae8a.woff2) format("woff2"), url(/assets/Avenir-Medium-3490ab8680bd3bff4eb342ae14d00ccc3a6924ca2d35acc189ab500f556a53d8.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

/* line 25, app/assets/stylesheets/base/style2.scss */
html, body, p, * {
  font-family: 'Avenir LT Std', sans-serif;
}

/* line 29, app/assets/stylesheets/base/style2.scss */
html {
  background-color: #545A94;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%231b1525' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* line 34, app/assets/stylesheets/base/style2.scss */
body {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 2em;
  font-family: 'Avenir', sans-serif;
  width: calc(100% - 4em);
}

/* line 41, app/assets/stylesheets/base/style2.scss */
input, input[type="text"], select {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  color: #181824;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-family: "Avenir";
  font-weight: 900;
  padding: 12px;
  margin-bottom: 1.4em;
}

/* line 55, app/assets/stylesheets/base/style2.scss */
select {
  cursor: pointer;
  background-image: var(--dropdown-arrow-path, url(/assets/arrow-filled-down-ada64b52fd145bd6a735b9f8c854e28442600b28e1b474f4a68903318bf43a90.svg));
  background-size: inherit;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 66, app/assets/stylesheets/base/style2.scss */
.select-container:after {
  z-index: 1;
  content: "";
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
  pointer-events: none;
}

/* line 77, app/assets/stylesheets/base/style2.scss */
.select-container.disabled:after {
  opacity: 0.5;
}

/* line 81, app/assets/stylesheets/base/style2.scss */
.select-container.disabled:after {
  opacity: 0.5;
}

/* line 85, app/assets/stylesheets/base/style2.scss */
.select-container.select-container-small {
  width: auto;
}

/* line 89, app/assets/stylesheets/base/style2.scss */
.select-container.disabled select {
  color: gray;
}

/* line 93, app/assets/stylesheets/base/style2.scss */
.select-container.disabled select:hover {
  background-color: white;
}

/* line 97, app/assets/stylesheets/base/style2.scss */
.select-container.select-container-small:after {
  background-image: var(--dropdown-arrow-path, url(/assets/arrow-filled-down-ada64b52fd145bd6a735b9f8c854e28442600b28e1b474f4a68903318bf43a90.svg));
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  right: 12px;
  top: 19px;
  width: 8px;
  pointer-events: none;
}

/* line 110, app/assets/stylesheets/base/style2.scss */
select, option {
  color: #000000;
  font-family: "Avenir";
  font-weight: 900;
  line-height: normal;
}

/* line 117, app/assets/stylesheets/base/style2.scss */
select.input-style, option.input-style, select.input-style option {
  font-family: var(--font, "proximanova-regular");
  color: #181824;
}

@media screen and (max-width: 768px) {
  /* line 123, app/assets/stylesheets/base/style2.scss */
  body {
    margin: 1em;
    width: calc(100% - 2em);
  }
}

/* line 129, app/assets/stylesheets/base/style2.scss */
.logo > svg,
.logo > svg use {
  height: 100%;
  width: 100%;
  fill: #545A94;
}

@media screen and (max-width: 768px) {
  /* line 137, app/assets/stylesheets/base/style2.scss */
  .modal {
    max-height: 100%;
  }
}

/* line 142, app/assets/stylesheets/base/style2.scss */
h1 {
  font-family: 'Avenir', sans-serif;
  font-weight: 900;
  font-size: 5em;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  /* line 150, app/assets/stylesheets/base/style2.scss */
  h1 {
    font-size: 10vw;
  }
}

/* line 155, app/assets/stylesheets/base/style2.scss */
.cta-container {
  align-items: center;
  display: flex;
  margin: 1em 0;
  font-family: 'Avenir', sans-serif;
  font-weight: 400;
}

/* line 163, app/assets/stylesheets/base/style2.scss */
.cta-container span {
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0 1em;
}

/* line 169, app/assets/stylesheets/base/style2.scss */
a.call-to-action,
input.call-to-action,
button.call-to-action {
  font-family: 'Avenir', sans-serif;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border: 0;
  border-radius: 10em;
  box-sizing: border-box;
  padding: 1em 2.4em 1.1em;
  font-size: 1.3em;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
  background-color: #f82456;
  box-shadow: inset 0 0 0 2px #f82456;
  color: #f9f4ed;
  text-transform: none;
  letter-spacing: 0;
}

/* line 190, app/assets/stylesheets/base/style2.scss */
a.call-to-action:hover,
input.call-to-action:hover,
button.call-to-action:hover {
  background-color: #7f0421;
  box-shadow: inset 0 0 0 2px #7f0421;
  color: #f9f4ed;
  cursor: pointer;
}

/* line 199, app/assets/stylesheets/base/style2.scss */
.center {
  text-align: center;
}

/* FORMS */
/* line 205, app/assets/stylesheets/base/style2.scss */
label {
  font-size: 1em;
  margin-bottom: 0.8em;
  font-weight: 700;
}

/* line 211, app/assets/stylesheets/base/style2.scss */
form {
  max-width: 52em;
}

@media screen and (max-width: 768px) {
  /* line 216, app/assets/stylesheets/base/style2.scss */
  form {
    padding: 1em 2em 2em 2em;
  }
}

/* line 221, app/assets/stylesheets/base/style2.scss */
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"] {
  background-color: #ffffff;
  color: #181824;
  margin-bottom: 1.4em;
  box-shadow: none;
  padding: 12px;
}

/* FOOTER */
/* line 234, app/assets/stylesheets/base/style2.scss */
footer {
  clear: both;
  float: none;
  padding: 0;
  position: relative;
  width: 100%;
  padding: 2em 0;
}

/* line 243, app/assets/stylesheets/base/style2.scss */
.sub-footer {
  clear: both;
  display: inline-block;
  float: none;
  position: relative;
  width: 100%;
}

/* line 251, app/assets/stylesheets/base/style2.scss */
.sub-footer .wrap {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 500px) {
  /* line 257, app/assets/stylesheets/base/style2.scss */
  .sub-footer .wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 263, app/assets/stylesheets/base/style2.scss */
.sub-footer-section {
  font-size: 0.875em;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 271, app/assets/stylesheets/base/style2.scss */
  .sub-footer-section {
    padding: 0;
  }
}

/* line 276, app/assets/stylesheets/base/style2.scss */
.sub-footer-section span {
  font-size: 1.063em;
  letter-spacing: 0;
  padding: 0.5em 0;
  text-transform: none;
}

/* line 283, app/assets/stylesheets/base/style2.scss */
.sub-footer-section a,
.sub-footer-section span {
  position: relative;
  color: #545A94;
  float: left;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  padding: 0.9em 0;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 295, app/assets/stylesheets/base/style2.scss */
  .sub-footer-section.sub-footer-logo {
    margin-bottom: 1em;
  }
}

/* line 300, app/assets/stylesheets/base/style2.scss */
.sub-footer-section.sub-footer-logo svg {
  height: 2.063em;
  width: 2.063em;
  margin: 0 0.563em;
}

/* line 306, app/assets/stylesheets/base/style2.scss */
.sub-footer-section svg {
  float: left;
  height: 1em;
  margin: 0 0.563em;
  width: 1em;
}

@media screen and (max-width: 768px) {
  /* line 314, app/assets/stylesheets/base/style2.scss */
  .sub-footer-section svg {
    margin: 0 0.563em 0 0;
  }
}

/* line 319, app/assets/stylesheets/base/style2.scss */
.sub-footer-section svg,
.sub-footer-section svg use {
  fill: #545A94;
}

/* Waiting Screen */
/* line 325, app/assets/stylesheets/base/style2.scss */
.video-container {
  background-color: #EDEDED;
  height: 100%;
  width: 100%;
}

/* line 331, app/assets/stylesheets/base/style2.scss */
.video-container iframe {
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}

/* line 341, app/assets/stylesheets/base/style2.scss */
video.video-control {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  position: fixed;
}

/* line 349, app/assets/stylesheets/base/style2.scss */
video.video-control.v2 {
  transform: none;
  position: relative;
  object-fit: contain;
  top: 0px;
  height: calc(100% - 110px);
}

/* line 358, app/assets/stylesheets/base/style2.scss */
div.video-control.remote {
  width: 100vw;
  height: 100vh;
  background-color: #2C2C2C;
}

/* line 365, app/assets/stylesheets/base/style2.scss */
div.video-control.remote > video {
  left: 0px;
  position: fixed;
  object-fit: cover;
}

/* line 371, app/assets/stylesheets/base/style2.scss */
div.video-control > video {
  height: 100%;
  width: 100%;
}

/* Dashbboard */
/* line 377, app/assets/stylesheets/base/style2.scss */
a.button, table td a.button {
  font-family: 'Avenir', sans-serif;
  font-weight: 900;
}

/* line 382, app/assets/stylesheets/base/style2.scss */
.dashboard-section-button.inverse {
  border-radius: 20em;
  border: none;
  padding: 0.8em 1em;
  margin: 4px;
  line-height: 1.2;
  font-size: 0.8em;
  font-family: "Avenir";
  font-weight: 900;
  color: #FFF;
  background-color: var(--gradient-primary, #00708F);
}

/* line 395, app/assets/stylesheets/base/style2.scss */
h2, h2.xs-heading {
  font-family: 'Avenir', sans-serif;
  font-weight: 900;
  margin-bottom: 0.6em;
}

/* line 401, app/assets/stylesheets/base/style2.scss */
h2.xs-heading {
  color: #00708F;
}

/* line 405, app/assets/stylesheets/base/style2.scss */
h4 {
  margin-bottom: 0.6em;
}

/* line 409, app/assets/stylesheets/base/style2.scss */
.dashboard-content {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Filter the Now Subheader */
/* line 414, app/assets/stylesheets/base/style2.scss */
.now-subheader {
  padding: 0.8em 0;
  background: linear-gradient(45deg, #00708F, #6CCACC, 90%, white);
}

/* line 419, app/assets/stylesheets/base/style2.scss */
.now-subheader .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  /* line 426, app/assets/stylesheets/base/style2.scss */
  .now-subheader .wrap {
    align-items: baseline;
    flex-direction: column;
  }
}

/* line 433, app/assets/stylesheets/base/style2.scss */
.now {
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 960px) {
  /* line 440, app/assets/stylesheets/base/style2.scss */
  .now-subheader .wrap {
    flex-direction: column;
  }
  /* line 444, app/assets/stylesheets/base/style2.scss */
  .now {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  /* line 450, app/assets/stylesheets/base/style2.scss */
  .now {
    margin: 1em 0;
  }
}

/* line 456, app/assets/stylesheets/base/style2.scss */
h3 {
  font-family: "Avenir";
  font-weight: 900;
  color: #00708F;
  font-size: 1.25em;
  margin-bottom: 1em;
}

/* line 464, app/assets/stylesheets/base/style2.scss */
.now h2 {
  font-size: 1em;
}

/* line 468, app/assets/stylesheets/base/style2.scss */
.now-date {
  font-family: "Avenir";
  font-weight: 900;
}

/* line 473, app/assets/stylesheets/base/style2.scss */
.now-time {
  padding: 0 1em;
}

/* Filter Bar */
@media screen and (max-width: 768px) {
  /* line 479, app/assets/stylesheets/base/style2.scss */
  .filter-bar {
    width: 100%;
  }
}

/* line 485, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form {
  background: rgba(255, 255, 255, 0);
  display: flex;
  display: inline-flex;
  font-size: 0.8em;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding: 0;
}

@media screen and (max-width: 768px) {
  /* line 497, app/assets/stylesheets/base/style2.scss */
  form.filter-bar-form {
    align-items: baseline;
    flex-direction: column;
    width: 100%;
  }
}

/* line 504, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form label {
  margin: 0 0.5em 0 0;
  font-size: 1.3em;
  color: #FFF;
  font-family: 'Avenir';
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* line 512, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form select,
form.filter-bar-form select option {
  font-family: "Avenir Medium";
  min-width: 16em;
  margin: 0;
}

/* line 519, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form select {
  color: var(--default, "#141414");
  border-radius: 20em;
  border: none;
  background-color: #fff;
  padding: 0.8em 1em;
  padding-right: 2em;
  line-height: 1.2;
  margin: 4px;
  font-family: "Avenir";
  font-weight: 900;
}

/* line 532, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form .inverse select {
  color: #FFF;
  background-color: var(--gradient-primary, #00708F);
  border: none;
}

@media screen and (max-width: 768px) {
  /* line 539, app/assets/stylesheets/base/style2.scss */
  form.filter-bar-form select {
    margin: 4px 0;
    width: 100%;
  }
}

/* line 545, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form .inline-input-container {
  position: relative;
}

/* line 549, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form .inline-input-container label {
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 554, app/assets/stylesheets/base/style2.scss */
  form.filter-bar-form .inline-input-container {
    width: 100%;
  }
}

/* line 559, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form .inline-input-container:after {
  content: "";
  position: absolute;
  right: 1.4em;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--gradient-primary, #00708F);
  pointer-events: none;
}

/* line 569, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form .inline-input-container.inverse:after {
  content: "";
  position: absolute;
  right: 1.4em;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFF;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  /* line 569, app/assets/stylesheets/base/style2.scss */
  form.filter-bar-form .inline-input-container.inverse:after {
    border-top: 6px solid #00708fcf;
  }
}

/* line 583, app/assets/stylesheets/base/style2.scss */
form.filter-bar-form select option {
  color: #000;
  font-weight: 500;
}

/* line 588, app/assets/stylesheets/base/style2.scss */
.inline-input-container {
  display: flex;
  align-items: center;
}

/* Waiting Room Video */
/* line 594, app/assets/stylesheets/base/style2.scss */
.waiting-controls-container {
  position: absolute;
  bottom: 0;
  left: 3%;
  z-index: 3;
}

/* Waiting Room Other */
/* line 602, app/assets/stylesheets/base/style2.scss */
#device-permissions {
  position: fixed;
  top: 4em;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}

@media screen and (max-width: 682px) {
  /* line 612, app/assets/stylesheets/base/style2.scss */
  #device-permissions {
    top: 84px;
  }
}

@media screen and (max-width: 507px) {
  /* line 618, app/assets/stylesheets/base/style2.scss */
  #device-permissions {
    top: 102px;
  }
}

@media screen and (max-width: 425px) {
  /* line 624, app/assets/stylesheets/base/style2.scss */
  #device-permissions {
    top: 120px;
  }
}

@media screen and (max-width: 373px) {
  /* line 630, app/assets/stylesheets/base/style2.scss */
  #device-permissions {
    top: 138px;
  }
}

@media screen and (max-width: 331px) {
  /* line 636, app/assets/stylesheets/base/style2.scss */
  #device-permissions {
    top: 156px;
  }
}

/* line 641, app/assets/stylesheets/base/style2.scss */
#device-permissions.raised {
  top: 0;
}

/* line 645, app/assets/stylesheets/base/style2.scss */
#self-view-video {
  width: 17%;
  position: fixed;
  bottom: 40px;
  right: 40px;
}

/* line 651, app/assets/stylesheets/base/style2.scss */
#self-view-video.v2 {
  width: 100%;
  position: unset;
  bottom: 84px;
  right: 16px;
}

@media screen and (max-width: 1300px) {
  /* line 660, app/assets/stylesheets/base/style2.scss */
  #self-view-video {
    right: 25px;
  }
}

@media screen and (max-width: 830px) {
  /* line 666, app/assets/stylesheets/base/style2.scss */
  #self-view-video {
    right: 15px;
    width: 20%;
  }
}

@media screen and (max-width: 600px) {
  /* line 673, app/assets/stylesheets/base/style2.scss */
  #self-view-video {
    right: 8px;
    width: 25%;
  }
}

@media screen and (max-width: 468px) {
  /* line 680, app/assets/stylesheets/base/style2.scss */
  #self-view-video {
    right: 2px;
  }
}

/* line 685, app/assets/stylesheets/base/style2.scss */
#reset-video-holder {
  position: fixed;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 2000;
  text-align: center;
}

/* line 694, app/assets/stylesheets/base/style2.scss */
#reset-video {
  display: inline-block;
  padding: 8px 12px;
  background-color: #BDE5F8;
  color: #00529B;
  cursor: pointer;
}

/* line 702, app/assets/stylesheets/base/style2.scss */
#reset-video:hover {
  background-color: #FFFFFF;
}

/* line 706, app/assets/stylesheets/base/style2.scss */
.device-permissions-errors a, .device-permissions-errors button {
  margin-left: 10px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  color: #333333;
  padding: 4px 6px;
  font-size: 14px;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  /* line 717, app/assets/stylesheets/base/style2.scss */
  .device-permissions-errors a, .device-permissions-errors button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 80px;
    display: block;
  }
}

/* line 726, app/assets/stylesheets/base/style2.scss */
.device-permissions-button {
  background-color: #00708F;
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 18px;
  cursor: pointer;
}

/* line 734, app/assets/stylesheets/base/style2.scss */
.device-permissions-button.disabled {
  background-color: #55A3BF;
  cursor: not-allowed;
}

@media screen and (max-width: 450px) {
  /* line 740, app/assets/stylesheets/base/style2.scss */
  .device-permissions-button {
    font-size: 16px;
  }
}

/* line 745, app/assets/stylesheets/base/style2.scss */
#device-permissions a, #device-permissions button {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  color: #333333;
  padding: 4px 6px;
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  /* line 756, app/assets/stylesheets/base/style2.scss */
  #device-permissions a, #device-permissions button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 89px;
    display: block;
  }
}

/* line 765, app/assets/stylesheets/base/style2.scss */
.device-permissions-help-modal p {
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 120%;
}

/* line 771, app/assets/stylesheets/base/style2.scss */
.device-permissions-help-modal ol {
  margin-left: 24px;
}

/* line 775, app/assets/stylesheets/base/style2.scss */
.device-permissions-help-modal ol li {
  list-style-type: decimal;
  font-size: 16px;
  font-family: var(--font-light, "proximanova-light");
}

/* Terms and Conditions */
/* line 782, app/assets/stylesheets/base/style2.scss */
.terms-and-conditions {
  background-color: white;
  padding: 0px 45px 45px;
}

/* line 787, app/assets/stylesheets/base/style2.scss */
.terms-and-conditions ul {
  padding-left: 24px;
  margin-top: -20px;
  margin-bottom: 20px;
}

/* line 793, app/assets/stylesheets/base/style2.scss */
.terms-and-conditions li, .terms-and-conditions p {
  line-height: 160%;
  list-style-type: disc;
}

@media screen and (max-width: 803px) {
  /* line 799, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions h2 {
    font-size: 2em;
  }
  /* line 803, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions p, .terms-and-conditions ul {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 768px) {
  /* line 809, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions {
    padding: 0px 10px 45px;
  }
}

@media screen and (max-width: 536px) {
  /* line 815, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions h2 {
    font-size: 1.7em;
  }
  /* line 819, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions p, .terms-and-conditions ul {
    font-size: 1em;
  }
}

@media screen and (max-width: 455px) {
  /* line 825, app/assets/stylesheets/base/style2.scss */
  .terms-and-conditions h2 {
    font-size: 1.3em;
  }
}

/* line 830, app/assets/stylesheets/base/style2.scss */
.hold-button {
  padding-top: 51px;
  padding-bottom: 102px;
}

/* line 835, app/assets/stylesheets/base/style2.scss */
.no-vertical-margins-or-padding {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 842, app/assets/stylesheets/base/style2.scss */
.no-vertical-margins-or-padding .call-to-action {
  margin-bottom: 0;
}

/* line 846, app/assets/stylesheets/base/style2.scss */
.app_overlay {
  position: fixed;
  left: 2em;
  right: 2em;
  top: 115px;
  background-color: #FFFFFF;
  z-index: 999999;
  padding: 0px 25px;
  height: 127px;
  border-bottom: 1px solid #CCCCCC;
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.5);
}

/* line 859, app/assets/stylesheets/base/style2.scss */
.app_overlay.app_overlay_full {
  height: 200px;
}

/* line 863, app/assets/stylesheets/base/style2.scss */
.app_overlay h2 {
  font-size: 2em;
}

@media screen and (max-width: 768px) {
  /* line 868, app/assets/stylesheets/base/style2.scss */
  .app_overlay {
    left: 1em;
    right: 1em;
  }
}

@media screen and (max-width: 329px) {
  /* line 875, app/assets/stylesheets/base/style2.scss */
  .app_overlay {
    height: 157px;
  }
  /* line 878, app/assets/stylesheets/base/style2.scss */
  .app_overlay.app_overlay_full {
    height: 250px;
  }
}

/* line 883, app/assets/stylesheets/base/style2.scss */
.logo-image-container {
  height: 0;
  position: relative;
  padding-bottom: var(--logo-image-padding-bottom, 30%);
  width: var(--logo-image-width, 300px);
  max-width: 90vw;
}

/* line 891, app/assets/stylesheets/base/style2.scss */
header.cloverhound-header .logo .logo-image-container, header.cloverhound-header .logo #brand-logo {
  max-width: 50vw;
}

/* line 895, app/assets/stylesheets/base/style2.scss */
.logo-image-container a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 903, app/assets/stylesheets/base/style2.scss */
  .logo .ui-header {
    font-size: var(--font-medium, 0.875rem);
  }
}

/* line 910, app/assets/stylesheets/base/style2.scss */
.incident-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3000;
  background-color: rgba(0, 0, 0, 0.5);
  color: black;
}

/* line 920, app/assets/stylesheets/base/style2.scss */
.incident-overlay .incident-modal {
  position: fixed;
  top: 20vh;
  width: 400px;
  left: calc(50vw - 200px);
  background-color: white;
  border: 1px solid black;
  font-size: 20px;
  padding: 16px 10px;
  z-index: 3001;
  text-align: center;
}

@media screen and (max-width: 450px) {
  /* line 920, app/assets/stylesheets/base/style2.scss */
  .incident-overlay .incident-modal {
    width: 90%;
    left: calc(50vw - 45%);
  }
}

/* line 938, app/assets/stylesheets/base/style2.scss */
.incident-overlay .incident-button {
  border: 1px solid #CCC;
  padding: 6px;
  font-size: 20px;
}

/* line 946, app/assets/stylesheets/base/style2.scss */
.poor-remote-connection {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1000;
  background-color: #d93829;
  color: white;
  border-radius: 50%;
  padding: 4px;
  font-size: 23px;
  line-height: 36px;
}

/* line 961, app/assets/stylesheets/base/style2.scss */
.poor-remote-connection-small {
  width: 20px;
  height: 20px;
  font-size: 9px;
  line-height: 13px;
  left: 6px;
  bottom: 6px;
}

/* line 972, app/assets/stylesheets/base/style2.scss */
.modal .incident-semantic-header {
  margin-bottom: 6px;
}

/* line 976, app/assets/stylesheets/base/style2.scss */
.modal .incident-semantic-header-label {
  display: inline-block;
  margin-right: 10px;
  padding-top: 6px;
}

/* line 982, app/assets/stylesheets/base/style2.scss */
.modal .incident-select {
  width: 220px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 17px;
  font-weight: 200;
  font-family: var(--font, "proximanova-regular");
  padding: 6px;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 20px;
}

/* line 994, app/assets/stylesheets/base/style2.scss */
.modal .incident-select.incident-select-small {
  width: 100px;
}

/* line 998, app/assets/stylesheets/base/style2.scss */
.modal .incident-select option {
  font-size: 17px;
  font-weight: 200;
}

/* line 1004, app/assets/stylesheets/base/style2.scss */
.modal .incident-input {
  height: 32.5px;
  border-radius: 0;
  border: 1px solid #000;
  vertical-align: top;
  font-size: 17px;
  width: 150px;
  margin-bottom: 20px;
}

/* line 1014, app/assets/stylesheets/base/style2.scss */
.modal .incident-button {
  min-height: unset;
  height: 32.5px;
  min-width: unset;
  padding: 0;
  width: 32.5px;
  border: 1px solid #000;
  background-color: white;
  color: black;
  position: relative;
  left: -1px;
  vertical-align: top;
  font-family: var(--font, "proximanova-regular");
  cursor: pointer;
}

/* line 1029, app/assets/stylesheets/base/style2.scss */
.modal .incident-button.incident-button-text {
  width: unset;
  padding: 0px 6px;
  margin: 12px 20px 12px 0px;
}

/* line 1036, app/assets/stylesheets/base/style2.scss */
.modal .incident-checkbox {
  margin-right: 40px;
  margin-bottom: 0px;
}

/* line 1041, app/assets/stylesheets/base/style2.scss */
.modal .incident-textarea {
  height: 100px;
  min-height: unset;
  font-family: var(--font, "proximanova-regular");
  border: 1px solid #CCC;
}

/* line 1048, app/assets/stylesheets/base/style2.scss */
.modal .incident-and {
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: calc(50% - 34px);
  letter-spacing: 4px;
  color: #999;
  font-size: 12px;
}

/* line 1060, app/assets/stylesheets/base/style2.scss */
.modal .incident-modal-action-buttons {
  border: 1px solid #CCC;
  background-color: white;
  color: black;
  vertical-align: top;
  font-family: var(--font, "proximanova-regular");
  cursor: pointer;
  margin: 12px 0px 12px 20px;
  padding: 12px 20px;
  float: right;
}

/* line 1073, app/assets/stylesheets/base/style2.scss */
.incident-table-button {
  min-height: unset;
  height: 32.5px;
  min-width: unset;
  padding: 0;
  width: 32.5px;
  border: 1px solid #000;
  background-color: white;
  color: black;
  position: relative;
  left: -1px;
  vertical-align: top;
  font-family: var(--font, "proximanova-regular");
  margin: 0px 4px;
  cursor: pointer;
}

/* line 1089, app/assets/stylesheets/base/style2.scss */
.incident-table-button.incident-table-button-text {
  width: unset;
  padding: 0px 6px;
  margin: 12px 20px 20px 0px;
  float: right;
}

/* line 1098, app/assets/stylesheets/base/style2.scss */
.browser-options {
  text-align: center;
}

/* line 1101, app/assets/stylesheets/base/style2.scss */
.browser-options.browser-options-small {
  display: inline-block;
  margin-left: 18px;
}

/* line 1107, app/assets/stylesheets/base/style2.scss */
.browser-option {
  background-color: white;
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding: 10px;
  border-radius: 12px;
  margin: 10px;
  height: 115px;
  width: 115px;
  vertical-align: top;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

/* line 1121, app/assets/stylesheets/base/style2.scss */
.browser-option > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

/* line 1129, app/assets/stylesheets/base/style2.scss */
.browser-option img {
  width: 90px;
}

/* line 1133, app/assets/stylesheets/base/style2.scss */
.browser-option a {
  color: black;
}

/* line 1137, app/assets/stylesheets/base/style2.scss */
.browser-option.browser-option-small {
  height: 30px;
  width: 30px;
  padding: 3px;
  font-size: 10px;
  margin: 0px 4px;
}

/* line 1144, app/assets/stylesheets/base/style2.scss */
.browser-option.browser-option-small img {
  width: 22px;
}

/* line 1148, app/assets/stylesheets/base/style2.scss */
.browser-option.browser-option-small.browser-option-small-text {
  width: unset;
}

/* line 1154, app/assets/stylesheets/base/style2.scss */
.text-shadow::before {
  text-shadow: 0px 0px 1px #000;
}

/* line 1, app/assets/stylesheets/components/loading.scss */
.circle {
  height: 3em;
  position: relative;
  width: 3em;
}

/* line 7, app/assets/stylesheets/components/loading.scss */
.small-circle {
  margin: auto;
  height: auto;
  position: relative;
  width: 1em;
}

/* line 14, app/assets/stylesheets/components/loading.scss */
.circle__svg {
  animation: 2s linear infinite both circle__svg;
  height: 100%;
  width: 100%;
}

@keyframes circle__svg {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

/* line 29, app/assets/stylesheets/components/loading.scss */
.circle-spinner-v2,
.circle-spinner-v2:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

/* line 35, app/assets/stylesheets/components/loading.scss */
.circle-spinner-v2 {
  display: inline-block;
  position: relative;
  text-indent: -9999em;
  border: 2px solid #D1D3D7;
  /* border-top: 5px solid rgba(255, 255, 255, 0.2); */
  /* border-right: 1.1em solid rgba(255, 255, 255, 0.2); */
  /* border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); */
  border-left: 2px solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circle-spinner-v2 0.8s infinite linear;
  animation: circle-spinner-v2 0.8s infinite linear;
}

@-webkit-keyframes circle-spinner-v2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circle-spinner-v2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 72, app/assets/stylesheets/components/loading.scss */
.circle__svg-circle {
  animation: 1.4s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: var(--primary, #1bbb9b);
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}

/* line 82, app/assets/stylesheets/components/loading.scss */
.small-circle__svg-circle {
  animation: 1.4s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: #FFFFFF;
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}

/* line 92, app/assets/stylesheets/components/loading.scss */
.small-circle__svg-circle-black {
  animation: 1.4s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: #000000;
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}

@keyframes circle__svg-circle {
  0%,
25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%,
75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

/* line 1, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_error-container {
  color: #DC2626;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

/* line 9, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_upload-form {
  align-items: center;
  display: flex;
  pointer-events: none;
}

/* line 14, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_upload-form > span {
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding-right: 1.25rem;
}

/* line 21, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_image-preview {
  text-align: center;
  position: relative;
}

/* line 25, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_image-preview > span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  top: 0px;
  right: 0px;
  position: absolute;
}

/* line 32, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_image-preview > span > i {
  cursor: pointer;
  padding: 0.25rem;
}

/* line 38, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_image-preview > img {
  width: 50%;
  display: inline-block;
}

/* line 44, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_image-preview-information {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  margin-top: 0.5rem;
}

/* line 51, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_loading {
  position: relative;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* line 58, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_container {
  color: #828282;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 2.5rem;
  border-color: #D4D4D4;
  border-width: 1px;
  border-radius: 0.5rem;
  cursor: pointer;
}

/* line 68, app/assets/stylesheets/components/dropzone-element.scss */
.DropzoneElement_container:hover {
  border-color: #44A287;
}

/* line 4, app/assets/stylesheets/base/cloverhound.scss */
html,
body,
p,
* {
  font-family: var(--font, "proximanova-regular");
}

/* line 11, app/assets/stylesheets/base/cloverhound.scss */
html {
  background-color: var(--bg-color, #ffffff);
  background-image: none;
}

/* line 16, app/assets/stylesheets/base/cloverhound.scss */
body {
  background-color: var(--body-bg-color, rgba(221, 229, 237, 0.4));
  margin: 0;
  width: 100%;
}

/* line 22, app/assets/stylesheets/base/cloverhound.scss */
#wrap-for-sidebar {
  padding-left: 90px;
}

/* line 27, app/assets/stylesheets/base/cloverhound.scss */
th {
  text-align: left;
}

@media screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/base/cloverhound.scss */
  body {
    margin: 0;
    width: 100%;
  }
}

/* line 38, app/assets/stylesheets/base/cloverhound.scss */
.wrap {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
}

/* line 46, app/assets/stylesheets/base/cloverhound.scss */
#brand-logo {
  background-image: var(--logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--logo-background-size, 100%);
  height: 100%;
  width: 100%;
  cursor: pointer;
}

@-moz-document url-prefix() {
  /* line 57, app/assets/stylesheets/base/cloverhound.scss */
  .logo img::before {
    display: none;
  }
  /* line 61, app/assets/stylesheets/base/cloverhound.scss */
  .logo img {
    content: " ";
  }
  /* line 65, app/assets/stylesheets/base/cloverhound.scss */
  .logo img::after {
    content: var(--logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
    display: inline-block;
    height: 3rem;
    width: 3rem;
  }
}

/* non-firefox browsers */
@supports not (-moz-appearance: none) {
  /* line 75, app/assets/stylesheets/base/cloverhound.scss */
  .logo img {
    content: var(--logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
    height: 3rem;
  }
}

/* line 81, app/assets/stylesheets/base/cloverhound.scss */
.logo span {
  color: var(--secondary, #1bbb9b);
  font-family: var(--font-bold, "proximanova-bold");
  font-size: var(--font-xlarge, 1.75rem);
  margin-left: 0.588em;
}

/* line 88, app/assets/stylesheets/base/cloverhound.scss */
.logo > svg,
.logo > svg use {
  fill: var(--primary, #1bbb9b);
  height: 3em;
  width: 3em;
}

@media screen and (max-width: 768px) {
  /* line 96, app/assets/stylesheets/base/cloverhound.scss */
  .logo span {
    font-size: var(--font-large);
  }
  /* line 100, app/assets/stylesheets/base/cloverhound.scss */
  .logo > svg,
.logo > svg use {
    fill: var(--primary, #1bbb9b);
    height: 1.5em;
    width: 1.5em;
  }
}

/* line 108, app/assets/stylesheets/base/cloverhound.scss */
textarea {
  color: black;
}

/* HEADER */
/* line 113, app/assets/stylesheets/base/cloverhound.scss */
header {
  background-color: var(--bg-color, #ffffff);
}

/* line 117, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header {
  padding: 2.3em 0 0;
  display: block;
}

/* line 122, app/assets/stylesheets/base/cloverhound.scss */
header form,
header.cloverhound-header form {
  padding: 0;
  margin: 0;
}

/* line 128, app/assets/stylesheets/base/cloverhound.scss */
.logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  max-width: 60%;
  margin-bottom: 2em;
}

/* line 136, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .logo {
  border-right: 0;
  margin: 0;
  cursor: default;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 144, app/assets/stylesheets/base/cloverhound.scss */
  header.cloverhound-header {
    padding: 1rem 0.25rem;
  }
  /* line 148, app/assets/stylesheets/base/cloverhound.scss */
  header.cloverhound-header .logo {
    width: fit-content;
  }
}

/* line 153, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 159, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .status {
  align-items: center;
  display: flex;
}

/* line 164, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .status .status-user {
  font-size: 0.875em;
}

/* line 168, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .status .status-user div.name {
  color: var(--default, #000000);
  font-size: 0.875em;
  font-family: var(--font-semi-bold, "proximanova-semibold");
  letter-spacing: 1px;
}

/* line 175, app/assets/stylesheets/base/cloverhound.scss */
header.cloverhound-header .status .status-actions a.cta-alt {
  color: var(--secondary, #57977e);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 0.875;
  font-weight: 900;
  letter-spacing: 1px;
  min-width: 0;
  padding: 0.8em;
}

@media screen and (max-width: 768px) {
  /* line 186, app/assets/stylesheets/base/cloverhound.scss */
  .subheader .status .status-user {
    display: none;
  }
}

/* END HEADER */
/* MOBILE NAV MENU */
@media screen and (max-width: 768px) {
  /* line 194, app/assets/stylesheets/base/cloverhound.scss */
  div.mobile-nav span {
    background: #000;
    border-radius: 3px;
    display: block;
    height: 0.143rem;
    margin-bottom: 0.25rem;
    position: relative;
    transform-origin: 2px 0px;
    width: 1.25rem;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  /* line 209, app/assets/stylesheets/base/cloverhound.scss */
  div.mobile-nav span:first-child {
    transform-origin: 0% 0%;
  }
  /* line 213, app/assets/stylesheets/base/cloverhound.scss */
  div.mobile-nav span:nth-child(2) {
    transform-origin: 0% 100%;
  }
  /* line 217, app/assets/stylesheets/base/cloverhound.scss */
  div.mobile-nav span:last-child {
    margin-bottom: 0;
  }
}

/* END MOBILE NAV MENU */
/* line 223, app/assets/stylesheets/base/cloverhound.scss */
#attorney-lobby-container, #meeting-host-container, #csr-dashboard-container {
  background-color: #f6f8f8;
}

/* line 227, app/assets/stylesheets/base/cloverhound.scss */
.content-container {
  min-height: calc(100vh - 300px);
}

/* line 231, app/assets/stylesheets/base/cloverhound.scss */
h1 {
  color: var(--default, #000000);
  font-family: var(--font-bold, "proximanova-bold");
  font-weight: 900;
  font-size: var(--font-header, 4em);
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  /* line 240, app/assets/stylesheets/base/cloverhound.scss */
  h1 {
    font-size: 10vw;
  }
}

/* line 245, app/assets/stylesheets/base/cloverhound.scss */
p {
  color: var(--default, #000000);
  font-family: var(--font-light, "proximanova-light");
}

@media screen and (max-width: 768px) {
  /* line 251, app/assets/stylesheets/base/cloverhound.scss */
  p {
    font-size: 1.1em;
  }
}

/* line 256, app/assets/stylesheets/base/cloverhound.scss */
a.cta-alt {
  color: var(--default, #000000);
}

/* line 260, app/assets/stylesheets/base/cloverhound.scss */
.cta-container {
  align-items: center;
  display: flex;
  margin: 1em 0;
  font-family: var(--font, "proximanova-regular");
  font-weight: 400;
}

/* line 268, app/assets/stylesheets/base/cloverhound.scss */
.cta-container span {
  color: var(--default, #000000);
  font-family: var(--font-light, "proximanova-light");
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0 1em;
}

/* LINKS AND BUTTONS */
/* line 278, app/assets/stylesheets/base/cloverhound.scss */
button.greyed-out {
  background-color: lightgrey;
  border-color: lightgrey;
}

/* line 282, app/assets/stylesheets/base/cloverhound.scss */
button.greyed-out:hover {
  background-color: lightgrey;
  cursor: auto;
}

/* line 288, app/assets/stylesheets/base/cloverhound.scss */
a.call-to-action,
input.call-to-action,
button.call-to-action {
  background-color: var(--primary, #1bbb9b);
  border: 0;
  border-radius: 10em;
  box-shadow: inset 0 0 0 2px var(--primary, #1bbb9b);
  box-sizing: border-box;
  color: #f9f4ed;
  font-family: var(--font-bold, "proximanova-bold");
  font-size: 1.3em;
  font-weight: 700;
  letter-spacing: 0;
  padding: 1em 2.4em 1.1em;
  position: relative;
  text-transform: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  vertical-align: middle;
}

/* line 309, app/assets/stylesheets/base/cloverhound.scss */
a.call-to-action:hover,
input.call-to-action:hover,
button.call-to-action:hover {
  background-color: var(--secondary, #57977e);
  box-shadow: inset 0 0 0 2px var(--secondary, #57977e);
  color: #f9f4ed;
  cursor: pointer;
}

/* Accessibility Outlines for Non-Safari, Non-IE Browsers */
/* line 320, app/assets/stylesheets/base/cloverhound.scss */
:focus:not(:focus-visible) {
  outline: none;
}

/* line 324, app/assets/stylesheets/base/cloverhound.scss */
input[type="radio"]:focus-visible {
  outline: 3px solid #ebb655;
}

/* line 328, app/assets/stylesheets/base/cloverhound.scss */
*:focus-visible {
  outline: 3px solid #ebb655;
}

/* line 332, app/assets/stylesheets/base/cloverhound.scss */
a.call-to-action:focus-visible,
input.call-to-action:focus-visible,
button.call-to-action:focus-visible {
  outline: 3px solid #ebb655;
}

/* line 338, app/assets/stylesheets/base/cloverhound.scss */
#hearing-form-submit-button:focus-visible {
  border: 3px solid #ebb655;
  outline: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    /* line 347, app/assets/stylesheets/base/cloverhound.scss */
    a.call-to-action:focus,
input.call-to-action:focus,
button.call-to-action:focus,
#evidence:focus {
      outline: 3px solid #ebb655;
      border: none;
    }
  }
}

/* FORMS */
/* line 357, app/assets/stylesheets/base/cloverhound.scss */
label {
  font-size: 1em;
  margin-bottom: 0.8em;
  font-weight: 700;
}

/* line 363, app/assets/stylesheets/base/cloverhound.scss */
form {
  max-width: 52em;
}

/* line 367, app/assets/stylesheets/base/cloverhound.scss */
div.intake-summary {
  padding: 0 20em;
}

@media screen and (max-width: 1500px) {
  /* line 367, app/assets/stylesheets/base/cloverhound.scss */
  div.intake-summary {
    padding: 0 15em;
  }
}

@media screen and (max-width: 1350px) {
  /* line 367, app/assets/stylesheets/base/cloverhound.scss */
  div.intake-summary {
    padding: 0 10em;
  }
}

@media screen and (max-width: 1111px) {
  /* line 367, app/assets/stylesheets/base/cloverhound.scss */
  div.intake-summary {
    padding: 0;
  }
}

/* line 383, app/assets/stylesheets/base/cloverhound.scss */
form.intake-form {
  padding: 0 20em;
}

@media screen and (max-width: 1500px) {
  /* line 383, app/assets/stylesheets/base/cloverhound.scss */
  form.intake-form {
    padding: 0 15em;
  }
}

@media screen and (max-width: 1350px) {
  /* line 383, app/assets/stylesheets/base/cloverhound.scss */
  form.intake-form {
    padding: 0 10em;
  }
}

@media screen and (max-width: 1111px) {
  /* line 383, app/assets/stylesheets/base/cloverhound.scss */
  form.intake-form {
    padding: 0 5em;
  }
}

@media screen and (min-width: 844px) {
  /* line 400, app/assets/stylesheets/base/cloverhound.scss */
  form.intake-form .time-slot-table-row, form.intake-form .time-slot-selected {
    width: 75%;
    margin: 5px auto;
    min-width: 100px;
  }
}

@media screen and (max-width: 843px) {
  /* line 409, app/assets/stylesheets/base/cloverhound.scss */
  form.intake-form .time-slot-table-row, form.intake-form .time-slot-selected {
    max-width: 30%;
    min-width: fit-content;
    margin: 3px;
  }
}

/* line 416, app/assets/stylesheets/base/cloverhound.scss */
form.intake-form .time-slot-table-row, form.intake-form .time-slot-selected {
  border-radius: 100px 100px 100px 100px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

/* line 423, app/assets/stylesheets/base/cloverhound.scss */
form.intake-form .time-slot-table-row:hover, form.intake-form .time-slot-selected, form.intake-form .time-slot-selected:hover {
  background-color: #14558f;
}

/* line 426, app/assets/stylesheets/base/cloverhound.scss */
form.intake-form .time-slot-table-row:hover td a, form.intake-form .time-slot-selected td a, form.intake-form .time-slot-selected:hover td a {
  color: #FEF9E8;
}

/* line 430, app/assets/stylesheets/base/cloverhound.scss */
form.intake-form .time-slot-table-row:hover td div, form.intake-form .time-slot-selected td div, form.intake-form .time-slot-selected:hover td div {
  color: #FEF9E8;
}

/* line 436, app/assets/stylesheets/base/cloverhound.scss */
div.intake-summary-section {
  display: flex;
  flex-direction: column;
  border: 1px solid darkgrey;
  margin-bottom: 10px;
  padding: 10px;
  background: white;
  opacity: 0.75;
}

/* line 446, app/assets/stylesheets/base/cloverhound.scss */
a.intake-summary-edit-link {
  color: #002D72;
  padding: 5px;
  text-align: right;
}

/* line 452, app/assets/stylesheets/base/cloverhound.scss */
div.intake-complete-container {
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0 5em;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 452, app/assets/stylesheets/base/cloverhound.scss */
  div.intake-complete-container {
    font-size: 1em;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 464, app/assets/stylesheets/base/cloverhound.scss */
  .form-item {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 464, app/assets/stylesheets/base/cloverhound.scss */
  .form-item {
    flex-basis: 100% !important;
  }
}

/* line 474, app/assets/stylesheets/base/cloverhound.scss */
.form-item input {
  font-size: 1em !important;
}

@media screen and (max-width: 768px) {
  /* line 479, app/assets/stylesheets/base/cloverhound.scss */
  form {
    padding: unset !important;
  }
}

/* line 484, app/assets/stylesheets/base/cloverhound.scss */
input,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"] {
  border: 1px solid #9a9b9b;
}

/* line 2, app/assets/stylesheets/components/date-time-picker-react.scss */
html .time-input, body .time-input, input .time-input {
  font-family: var(--font, "proximanova-regular");
  border: none;
  background-image: none;
  padding-left: 1px;
  padding-right: 1px;
  margin: 0;
  width: fit-content;
}

/* line 12, app/assets/stylesheets/components/date-time-picker-react.scss */
html .time-input:focus, body .time-input:focus, input .time-input:focus {
  box-shadow: none;
  border: none;
}

/* line 17, app/assets/stylesheets/components/date-time-picker-react.scss */
html .time-ampm-select, body .time-ampm-select, input .time-ampm-select {
  padding-right: 5px;
  overflow-y: visible;
}

/* line 23, app/assets/stylesheets/components/date-time-picker-react.scss */
.time-ampm-select:focus-visible {
  outline: none;
  border: 5px solid #ebb655;
}

@media screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/components/intake-react.scss */
  .invisible-on-mobile {
    display: none;
  }
}

/* line 7, app/assets/stylesheets/components/intake-react.scss */
.intake-form-page-header {
  font-family: var(--font, "proximanova-regular");
  font-size: 2.5em;
  line-height: 1.5em;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 7, app/assets/stylesheets/components/intake-react.scss */
  .intake-form-page-header {
    font-size: 1.2em;
    line-height: 1.5em;
  }
}

/* line 20, app/assets/stylesheets/components/intake-react.scss */
#intake-form-wrapper {
  width: 95%;
}

/* line 24, app/assets/stylesheets/components/intake-react.scss */
#intake-form-background {
  width: 100%;
  background-image: url(/assets/kiosk_transparent-3c93ab62fb1cc231178f2a3ca9d060ee26a1b7d2fb922eca254a52625b0ab859.png);
  background-position: 70% -10px;
}

/* line 30, app/assets/stylesheets/components/intake-react.scss */
.intake-section-header-style {
  background-color: #14558f;
  color: #FEF9E8;
  font-size: 1.5em;
  padding: 10px 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 30, app/assets/stylesheets/components/intake-react.scss */
  .intake-section-header-style {
    font-size: 1em;
    margin-bottom: 20px;
  }
}

/* line 43, app/assets/stylesheets/components/intake-react.scss */
.reason-checkbox {
  top: 1.4px;
  transform: scale(0.8);
  position: relative;
}

@media screen and (max-width: 1024px) {
  /* line 43, app/assets/stylesheets/components/intake-react.scss */
  .reason-checkbox {
    /* 1024px is ipad pro px size. this format applies to mobile and tablets/ipads */
    top: 3.5px;
    margin-right: 2px !important;
  }
}

/* line 54, app/assets/stylesheets/components/intake-react.scss */
#intake-cancellation-page-header {
  font-family: var(--font, "proximanova-regular");
  font-size: 2.5em;
  line-height: 1.5em;
}

@media screen and (max-width: 768px) {
  /* line 54, app/assets/stylesheets/components/intake-react.scss */
  #intake-cancellation-page-header {
    font-size: 1.5em;
    line-height: 1.5em;
  }
}

/* line 65, app/assets/stylesheets/components/intake-react.scss */
.intake-cancellation-page-buttons {
  max-width: 260px;
}

@media screen and (max-width: 768px) {
  /* line 65, app/assets/stylesheets/components/intake-react.scss */
  .intake-cancellation-page-buttons {
    max-width: none;
    min-width: 100%;
  }
}

/* line 74, app/assets/stylesheets/components/intake-react.scss */
.intake-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 79, app/assets/stylesheets/components/intake-react.scss */
.intake-field {
  font-size: 1em;
}

/* line 83, app/assets/stylesheets/components/intake-react.scss */
.intake-title {
  opacity: .6;
}

/* line 87, app/assets/stylesheets/components/intake-react.scss */
.intake-value {
  font-size: 1.2em;
  padding-left: 5px;
}

@media only screen and (max-width: 769px) {
  /* line 87, app/assets/stylesheets/components/intake-react.scss */
  .intake-value {
    font-size: 1em;
  }
}

/* line 97, app/assets/stylesheets/components/intake-react.scss */
.time-slot-table-body {
  display: flex;
}

@media only screen and (min-width: 844px) {
  /* 844 px is cutoff for time slot days wrapping to the next line */
  /* line 104, app/assets/stylesheets/components/intake-react.scss */
  .time-slot-table-body {
    flex-direction: column;
  }
  /* line 108, app/assets/stylesheets/components/intake-react.scss */
  .no-timeslots-display-text-container {
    display: none;
  }
}

@media only screen and (max-width: 843px) {
  /* before the 844 px cutoff timeslots will be arranged in a row veritcally */
  /* line 116, app/assets/stylesheets/components/intake-react.scss */
  .time-slot-table-body {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 122, app/assets/stylesheets/components/intake-react.scss */
  .time-slot-table-row, .time-slot-selected {
    width: 33%;
  }
  /* line 126, app/assets/stylesheets/components/intake-react.scss */
  .time-slot-table-row {
    background-color: #cadbeb;
  }
  /* line 130, app/assets/stylesheets/components/intake-react.scss */
  .time-slot-text-container {
    min-width: max-content;
    transform: translateY(-50%);
  }
  /* line 135, app/assets/stylesheets/components/intake-react.scss */
  .no-timeslots-display-text-container {
    display: flex;
    justify-content: center;
    margin: auto;
    color: #14558f;
    background-color: transparent;
    font-size: 1.2em;
    pointer-events: none;
    border-radius: 5px;
  }
  /* line 146, app/assets/stylesheets/components/intake-react.scss */
  .no-timeslots-display-text {
    transform: translateY(-7px);
  }
}

/* Style the tab */
/* line 2, app/assets/stylesheets/components/tab.scss */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
/* line 7, app/assets/stylesheets/components/tab.scss */
.tab button {
  background-color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: var(--primary, #000000);
  font-size: 1rem;
}

/* Change background color of buttons on hover */
/* line 20, app/assets/stylesheets/components/tab.scss */
.tab button:hover {
  font-weight: bold;
}

/* Create an active/current tablink class */
/* line 25, app/assets/stylesheets/components/tab.scss */
.tab button.active {
  background-color: white !important;
  border-bottom: 2px solid var(--primary, #57977e);
}

/* FOOTER */
/* line 499, app/assets/stylesheets/base/cloverhound.scss */
footer {
  border-top: 1px solid var(--footer-border-color);
  clear: both;
  float: none;
  padding: 0;
  position: relative;
  width: 100%;
  padding: 2em 0;
  bottom: 0;
}

/* line 510, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer {
  clear: both;
  display: inline-block;
  float: none;
  position: relative;
  width: 100%;
}

/* line 518, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer .wrap {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 500px) {
  /* line 524, app/assets/stylesheets/base/cloverhound.scss */
  .sub-footer .wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 530, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section {
  font-size: 0.875em;
  display: flex;
  flex-direction: row;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 538, app/assets/stylesheets/base/cloverhound.scss */
  .sub-footer-section {
    padding: 0;
  }
}

/* line 543, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section.sub-footer-client-logo img {
  height: 0px;
  width: 0px;
  padding: var(--sub-footer-logo-height, 15px) var(--sub-footer-logo-width, 70px) 0 0;
  background: var(--sub-footer-logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
  background-size: cover;
  margin: 0 0.5rem;
}

/* line 552, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section span {
  font-size: 1em;
  letter-spacing: 0;
  padding: 0.5em 0;
  text-transform: none;
}

/* line 559, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section a,
.sub-footer-section span {
  position: relative;
  color: var(--secondary, #00708f);
  float: left;
  letter-spacing: 0.1em;
  padding: 0.9em 0;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 570, app/assets/stylesheets/base/cloverhound.scss */
  .sub-footer-section.sub-footer-logo {
    margin-bottom: 1em;
  }
}

/* line 575, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section.sub-footer-logo svg {
  height: 2.063em;
  width: 2.063em;
  margin: 0 0.563em;
}

/* line 581, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section svg {
  float: left;
  height: 1em;
  margin: 0 0.563em;
  width: 1em;
}

@media screen and (max-width: 768px) {
  /* line 589, app/assets/stylesheets/base/cloverhound.scss */
  .sub-footer-section svg {
    margin: 0 0.563em 0 0;
  }
}

/* line 594, app/assets/stylesheets/base/cloverhound.scss */
.sub-footer-section svg,
.sub-footer-section svg use {
  fill: var(--secondary, #00708f);
}

/* Dashboard */
/* line 600, app/assets/stylesheets/base/cloverhound.scss */
a.button,
table td a.button,
table td select.button,
button.button {
  border: 1px solid var(--secondary, #57977e);
  color: var(--secondary, #57977e);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-small, 0.75rem);
  letter-spacing: 1.29px;
  line-height: var(--font-medium, 0.875rem);
}

/* line 611, app/assets/stylesheets/base/cloverhound.scss */
a.button.white-text,
table td a.button.white-text,
table td select.button.white-text,
button.button.white-text {
  color: white;
}

/* line 616, app/assets/stylesheets/base/cloverhound.scss */
table td .button.table-button {
  padding: 5px;
  min-width: 5em;
  min-height: 3.35em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 625, app/assets/stylesheets/base/cloverhound.scss */
table .status {
  color: var(--default, #000000);
  font-family: var(--font, "proximanova-regular");
  font-size: var(--font-small, 0.75rem);
  line-height: var(--font-medium, 0.875rem);
}

/* line 632, app/assets/stylesheets/base/cloverhound.scss */
table tbody tr {
  padding: 0;
}

/* line 636, app/assets/stylesheets/base/cloverhound.scss */
table tr {
  padding: 0;
}

/* line 640, app/assets/stylesheets/base/cloverhound.scss */
td.width-20-percent.appointment {
  color: var(--default, #000000);
  font-family: var(--font-medium, 0.875rem);
  line-height: 1.0625rem;
}

/* line 646, app/assets/stylesheets/base/cloverhound.scss */
td.width-20-percent.appointment-status {
  color: var(--default, #000000);
  font-family: var(--font-medium, 0.875rem);
  line-height: 1.0625rem;
}

/* line 652, app/assets/stylesheets/base/cloverhound.scss */
td.width-30-percent.actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 658, app/assets/stylesheets/base/cloverhound.scss */
td.table-header {
  color: var(--tooltip-text, rgba(0, 0, 0, 0.6));
}

/* Mobile Dashboard */
@media screen and (max-width: 768px) {
  /* line 665, app/assets/stylesheets/base/cloverhound.scss */
  td.width-20-percent.appointment {
    clear: left;
  }
  /* line 669, app/assets/stylesheets/base/cloverhound.scss */
  table tbody tr td.claimant {
    align-items: center;
    clear: right;
    display: flex;
    flex-direction: row;
    height: 2rem;
    justify-content: flex-end;
    padding-right: 1.375rem;
    position: absolute;
    right: 0;
    top: 1rem;
  }
  /* line 682, app/assets/stylesheets/base/cloverhound.scss */
  table tbody tr td.claimant span.claimaint-status-text {
    width: fit-content;
  }
  /* line 686, app/assets/stylesheets/base/cloverhound.scss */
  td.width-20-percent.appointment-status {
    text-align: right;
  }
  /* BUTTON */
  /* line 691, app/assets/stylesheets/base/cloverhound.scss */
  td.width-30-percent.actions {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  /* line 698, app/assets/stylesheets/base/cloverhound.scss */
  td.width-30-percent.actions a.button,
td.width-30-percent.actions select.button {
    width: 100%;
  }
  /* line 703, app/assets/stylesheets/base/cloverhound.scss */
  div.list-header-spinner-container {
    display: none;
  }
}

/* End Mobile Dashboard */
@media screen and (max-width: 1024px) {
  /* line 710, app/assets/stylesheets/base/cloverhound.scss */
  .button-mobile {
    width: 100% !important;
    margin: 2px;
  }
}

/* line 716, app/assets/stylesheets/base/cloverhound.scss */
h2,
h2.xs-heading {
  font-family: var(--font, "proximanova-regular");
  font-weight: 900;
  margin-bottom: 0.6em;
}

/* line 723, app/assets/stylesheets/base/cloverhound.scss */
h2.xs-heading {
  color: #00708f;
}

/* line 727, app/assets/stylesheets/base/cloverhound.scss */
h4 {
  margin-bottom: 0.6em;
}

/* line 731, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content {
  background-color: #f6f8f8;
  display: flex;
  padding: 0;
}

/* line 737, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content div.wrap {
  margin: 0 3.9365rem;
  padding: 4rem 0;
  padding-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  /* line 744, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content div.wrap {
    margin: 0;
    padding: 1rem 1.6rem 4rem;
    width: 100%;
  }
}

/* line 751, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content div.wrap h3 {
  font-family: var(--font-light, "proximanova-light");
  font-size: var(--font-large, 1.375rem);
  line-height: 1.625rem;
}

/* line 757, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content div.wrap .mobile-nav-highlight {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 762, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content div.wrap .mobile-nav-highlight {
    align-items: center;
    border-bottom: 1px solid var(--border-color, #ebebeb);
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
  }
  /* line 770, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content div.wrap .mobile-nav-highlight h5 {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    margin-bottom: 0;
  }
  /* line 776, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content div.wrap .mobile-nav-highlight svg {
    fill: var(--icon, rgba(0, 0, 0, 0.5));
    margin-right: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 783, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content div.wrap h3 {
    display: none;
  }
}

/* line 788, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav {
  align-items: center;
  border-right: 1px solid var(--border-color, #ebebeb);
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.98rem;
}

/* Hide left side nav on mobile */
@media screen and (max-width: 768px) {
  /* line 798, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-sidenav {
    display: none;
  }
}

/* line 803, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon {
  align-items: center;
  background-color: var(--bg-color, #ffffff);
  border-radius: 50%;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-bottom: 0.35rem;
  width: 2.5rem;
}

/* Dashboard Icon Tooltip */
/* line 815, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon-hover-content {
  background-color: var(--bg-color, #ffffff);
  border: 1px solid var(--tooltip-border, rgba(0, 0, 0, 0.1));
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 var(--tooltip-border, rgba(0, 0, 0, 0.1));
  color: var(--tooltip-text, rgba(0, 0, 0, 0.6));
  display: none;
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-small, 0.75rem);
  left: 3rem;
  letter-spacing: 1px;
  line-height: var(--font-medium, 0.875rem);
  margin-bottom: 0.35rem;
  opacity: 1;
  padding: 0.5rem 0.25rem;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  width: 8rem;
  z-index: 4;
}

/* Dashboard Icon Tooltip - Left side arrow */
/* line 838, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon-hover-content::after {
  border-color: var(--border-color, #ebebeb) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
  content: " ";
  left: 0%;
  margin-left: -12px;
  position: absolute;
  top: 30%;
  transform: rotate(90deg);
}

/* line 850, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-camera + .dashboard-sidenav-icon-camera-hover-content {
  display: none;
}

/* line 854, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-list + .dashboard-sidenav-icon-list-hover-content {
  display: none;
}

/* line 858, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-gear + .dashboard-sidenav-icon-gear-hover-content {
  display: none;
}

/* Hoverable Icons - on hover */
/* line 863, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-camera:hover + .dashboard-sidenav-icon-camera-hover-content {
  display: block;
}

/* line 867, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-list:hover + .dashboard-sidenav-icon-list-hover-content {
  display: block;
}

/* line 871, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-sidenav-icon-gear:hover + .dashboard-sidenav-icon-gear-hover-content {
  display: block;
}

/* End Dashboard Icon Tooltip */
/* line 877, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon svg {
  fill: var(--icon, rgba(0, 0, 0, 0.5));
}

/* line 881, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon:hover {
  background-color: var(--primary, #1bbb9b);
  cursor: pointer;
}

/* line 886, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-sidenav-icon:hover svg {
  fill: var(--bg-color, #ffffff);
}

/* line 890, app/assets/stylesheets/base/cloverhound.scss */
.status {
  align-items: center;
  display: flex;
  flex-direction: row;
}

/* line 896, app/assets/stylesheets/base/cloverhound.scss */
.status-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
}

/* Filter the Now Subheader */
/* line 903, app/assets/stylesheets/base/cloverhound.scss */
.now-subheader {
  padding: 0.8em 0;
  background: linear-gradient(270deg, var(--linear-gradient-lightest) 0%, var(--linear-gradient-light) 27.49%, var(--linear-gradient-dark) 100%);
}

/* line 913, app/assets/stylesheets/base/cloverhound.scss */
.now-subheader .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  /* line 920, app/assets/stylesheets/base/cloverhound.scss */
  .now-subheader {
    background: linear-gradient(270deg, #65af91 22.49%, #197891 95%);
    padding: 0;
  }
  /* line 925, app/assets/stylesheets/base/cloverhound.scss */
  .now-subheader .wrap {
    width: 100%;
    align-items: baseline;
    flex-direction: column;
  }
  /* line 931, app/assets/stylesheets/base/cloverhound.scss */
  .now-subheader .now {
    display: none;
  }
}

/* line 936, app/assets/stylesheets/base/cloverhound.scss */
.now-text {
  margin-left: 5%;
  padding: 0.875rem 0;
}

/* line 941, app/assets/stylesheets/base/cloverhound.scss */
.now-text h2 {
  color: var(--bg-color);
  font-family: var(--font-light, "proximanova-light");
  font-size: 1.375rem;
  line-height: 26px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  /* line 950, app/assets/stylesheets/base/cloverhound.scss */
  .now-text h2 {
    font-size: var(--font-medium);
  }
}

/* line 955, app/assets/stylesheets/base/cloverhound.scss */
.now {
  color: var(--bg-color, #ffffff);
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 1111px) {
  /* line 962, app/assets/stylesheets/base/cloverhound.scss */
  .now {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  /* line 969, app/assets/stylesheets/base/cloverhound.scss */
  .now {
    margin: 1em 0;
  }
}

/* line 974, app/assets/stylesheets/base/cloverhound.scss */
h3 {
  font-family: var(--font, "proximanova-regular");
  font-weight: 900;
  color: var(--default, #000000);
  font-size: 1.25em;
  margin-bottom: 1em;
}

/* line 982, app/assets/stylesheets/base/cloverhound.scss */
.now h2 {
  font-size: 1em;
}

/* line 986, app/assets/stylesheets/base/cloverhound.scss */
.now-date {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 1rem;
  line-height: 1.1875rem;
}

/* line 992, app/assets/stylesheets/base/cloverhound.scss */
.now-time {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 1rem;
  line-height: 1.1875rem;
  padding: 0 1em;
}

@media screen and (max-width: 1111px) {
  /* line 1000, app/assets/stylesheets/base/cloverhound.scss */
  .now-time {
    padding: 0.4em 0 0;
  }
}

/* Filter Bar */
@media screen and (max-width: 768px) {
  /* line 1007, app/assets/stylesheets/base/cloverhound.scss */
  .filter-bar {
    width: 100%;
  }
}

/* line 1012, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form {
  background: rgba(255, 255, 255, 0);
  display: flex;
  display: inline-flex;
  font-size: 0.8em;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding: 0;
}

@media screen and (max-width: 768px) {
  /* line 1024, app/assets/stylesheets/base/cloverhound.scss */
  form.filter-bar-form {
    align-items: baseline;
    flex-direction: row;
    width: 100%;
  }
}

/* line 1031, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form label {
  margin: 0 0.8em 0 0;
}

/* line 1035, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form select,
form.filter-bar-form select option {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  line-height: 1.0625rem;
  min-width: 16em;
  margin: 0;
}

/* line 1044, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form select {
  color: var(--default, #141414);
  border-radius: 20em;
  background-color: var(--bg-color, #ffffff);
  font-size: 1rem;
  padding: 0.8em 1em;
  padding-right: 2em;
  line-height: 1.2;
  margin: 4px;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  /* line 1057, app/assets/stylesheets/base/cloverhound.scss */
  form.filter-bar-form select {
    margin: 4px 0;
    padding: 0.5em 1em;
    width: 100%;
  }
}

/* line 1064, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form .inline-input-container {
  position: relative;
}

/* line 1068, app/assets/stylesheets/base/cloverhound.scss */
form.form-dropdown .inline-input-container {
  position: relative;
}

/* line 1072, app/assets/stylesheets/base/cloverhound.scss */
form.form-dropdown .date-dropdowns div:nth-child(1) {
  margin-right: 2%;
  width: 50%;
}

/* line 1077, app/assets/stylesheets/base/cloverhound.scss */
form.form-dropdown .date-dropdowns div:nth-child(2) {
  margin-right: 2%;
  width: 23%;
}

/* line 1082, app/assets/stylesheets/base/cloverhound.scss */
form.form-dropdown .date-dropdowns div:nth-child(3) {
  width: 23%;
}

@media screen and (max-width: 768px) {
  /* line 1087, app/assets/stylesheets/base/cloverhound.scss */
  form.filter-bar-form .inline-input-container {
    border-right: 1px solid var(--bg-color, #ffffff);
  }
  /* line 1091, app/assets/stylesheets/base/cloverhound.scss */
  form.filter-bar-form .inline-input-container select {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--bg-color, #ffffff);
    font-family: var(--font, "proximanova-regular");
    font-size: var(--font-medium);
    min-width: 75%;
  }
  /* line 1101, app/assets/stylesheets/base/cloverhound.scss */
  form.form-dropdown .inline-input-container {
    width: 100%;
  }
}

/* line 1106, app/assets/stylesheets/base/cloverhound.scss */
form.filter-bar-form select option {
  color: var(--default, #000000);
  font-weight: 500;
}

/* line 1111, app/assets/stylesheets/base/cloverhound.scss */
.inline-input-container {
  display: flex;
  align-items: center;
}

/* Loading  */
/* line 1117, app/assets/stylesheets/base/cloverhound.scss */
.waiting-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2em;
}

/* line 1124, app/assets/stylesheets/base/cloverhound.scss */
.loading-indication-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1130, app/assets/stylesheets/base/cloverhound.scss */
.loading-indication-text {
  padding: 0 2em;
  margin: 0;
}

/* Controls */
/* line 1136, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls-container {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  padding-top: 0;
}

/* line 1142, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls-container.waiting-controls-container-top {
  top: 0;
  padding-top: 10px;
}

/* line 1147, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls-container-top .wrap {
  display: flex;
  flex-direction: row-reverse;
}

/* line 1152, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls-container.v2 {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  padding: 11px 0px;
  left: 0px;
  z-index: 2;
  height: 67px;
  background-color: #EDEDED;
  border-top: 1px solid #DEDEDE;
}

/* line 1163, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bg-color, #ffffff);
}

/* line 1170, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control {
  border: 1px solid #7c878e;
  background-color: #7c878e;
  border-radius: 10em;
  display: flex;
  align-items: center;
  padding: 1em;
  font-weight: 900;
  margin: 0.4em;
}

/* line 1181, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control {
  font-weight: normal;
  margin: 0em 0.4em 0em 0.4em;
  height: 46px;
  min-width: 46px;
  background-color: #FFFFFF;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  padding: 15px;
}

/* line 1191, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control:hover {
  border: none;
  background-color: #F7F7F7;
  cursor: pointer;
}

/* line 1197, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel {
  background-color: #d4371c;
}

/* line 1200, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel svg path {
  color: #FFF;
}

/* line 1204, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel:hover {
  background-color: #a12512;
}

/* line 1210, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control svg {
  color: #000;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

/* line 1217, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel-text svg {
  color: #D4371C;
}

/* line 1221, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel svg, .waiting-controls.v2 .control.cancel .control-label {
  color: #FFF;
}

/* line 1225, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control .control-label {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 0 8px;
  vertical-align: middle;
}

/* line 1234, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .mic-volume {
  display: block;
  position: absolute;
  top: 1px;
  height: 7px;
  background: #fff;
  width: 5px;
  border-radius: 3px 3px 0px 0px;
  left: 6px;
  transform: translate(-0.5px, 0px);
}

/* line 1248, app/assets/stylesheets/base/cloverhound.scss */
_::-webkit-full-page-media, _:future, :root .waiting-controls.v2 .mic-volume {
  transform: translate(-1px, 0.5px);
}

/* line 1253, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .mic-volume.animated {
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: mic-volume-up-and-down;
}

@keyframes mic-volume-up-and-down {
  from {
    height: 12px;
    border-radius: 5px 5px 5px 5px;
  }
  to {
    height: 0px;
    border-radius: 5px 5px 0px 0px;
  }
}

/* line 1275, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control svg path {
  color: #000;
}

/* line 1279, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .control.cancel-text svg path {
  color: #D4371C;
}

/* line 1283, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control:hover {
  border: 1px solid #dde5ed;
  background-color: #dde5ed;
  cursor: pointer;
}

/* line 1289, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control.active {
  background-color: #d93829;
  border-color: #d93829;
}

/* line 1294, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control.active-light {
  background-color: rgba(217, 56, 41, 0.1);
  color: #d93829;
  border-color: #d93829;
}

/* line 1300, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control svg {
  height: 2em;
  width: 2em;
}

/* line 1305, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .control svg,
.waiting-controls .control svg use {
  fill: currentColor;
}

/* line 1310, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls .popup-panel-control {
  position: relative;
}

/* line 1314, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .popup-panel {
  position: absolute;
  bottom: calc(100% + 8px);
  left: calc(-80px + 50%);
  width: 160px;
  background: #fff;
  color: #121212;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
  border: 1px solid #cccccc;
  border-radius: 4px;
}

/* line 1326, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .popup-panel-content {
  padding: 8px 0;
  position: relative;
  z-index: 1;
  line-height: normal;
}

/* line 1332, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .popup-panel-content .popup-panel-entry {
  padding: 0 16px 0 40px;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  color: #121212;
  cursor: pointer;
  text-align: left;
}

/* line 1346, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .popup-panel-content .popup-panel-entry .check-icon {
  position: absolute;
  left: 16px;
  top: 9px;
  width: 12px;
  height: 12px;
  line-height: 16px;
  display: inline-block;
  fill: #171b1f;
}

/* line 1358, app/assets/stylesheets/base/cloverhound.scss */
.waiting-controls.v2 .popup-panel-content .popup-panel-entry:hover {
  background-color: #e6fbff;
}

/* line 1363, app/assets/stylesheets/base/cloverhound.scss */
.message-container {
  position: fixed;
  z-index: 1000;
  width: 100%;
}

/* line 1369, app/assets/stylesheets/base/cloverhound.scss */
.broadcast {
  background-color: var(--flash-broadcast-color, #f6c51b);
  color: var(--default, #141414);
  left: 0;
  padding: 1em 2em;
  top: 0;
  z-index: 9;
  width: 100%;
}

/* line 1379, app/assets/stylesheets/base/cloverhound.scss */
.broadcast svg {
  height: 2em;
  margin-right: 2em;
  min-height: 32px;
  min-width: 32px;
  width: 2em;
}

/* line 1387, app/assets/stylesheets/base/cloverhound.scss */
.broadcast svg,
.broadcast svg use {
  fill: currentColor;
}

/* line 1392, app/assets/stylesheets/base/cloverhound.scss */
.broadcast .message {
  line-height: 1.4;
  font-size: 0.875em;
}

/* Schedule Page Content */
/* line 1398, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 1024px) {
  /* line 1404, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule {
    flex-direction: column;
  }
}

/* line 1409, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule div.column-one,
.dashboard-content-schedule div.column-two,
.dashboard-content-schedule div.column-three {
  border-right: 1px solid var(--border-color, #ebebeb);
  max-height: 652px;
  overflow-y: scroll;
  padding: 1.875rem;
  width: 33.333%;
}

@media screen and (max-width: 1024px) {
  /* line 1420, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule div.column-one,
.dashboard-content-schedule div.column-two,
.dashboard-content-schedule div.column-three {
    width: 100%;
  }
  /* line 1426, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule div.column-one {
    margin-left: 3%;
    padding-left: 0;
    padding-bottom: 0;
  }
  /* line 1432, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule div.column-two {
    max-height: none;
  }
  /* line 1436, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule div.column-three .details-container {
    padding-bottom: 3rem;
  }
}

/* line 1441, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule div.column-one-of-two {
  margin-left: 2%;
  padding: 1.875rem 0;
  width: 66.66%;
}

/* Form on ipad and below */
@media screen and (max-width: 1024px) {
  /* line 1449, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule div.column-one-of-two {
    width: 100%;
  }
}

/* line 1454, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule div.column-two .column-two-fade-out {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 83.7%, white 100%);
  height: 2rem;
  left: 33%;
  position: absolute;
  width: 33%;
}

/* line 1467, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule div.column-one .column-two-fade-out {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 83.7%, white 100%);
  height: 2rem;
  left: 0;
  position: absolute;
  width: 66.66%;
}

/* line 1480, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule div.column-three {
  background-image: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 83.7%, #e7e7e7 100%);
  position: relative;
}

/* End Schedule Page Content */
/* Schedule Page Form */
/* line 1487, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule form {
  margin: auto;
  max-width: 45rem;
  padding: 0 2rem 2rem;
}

@media screen and (max-width: 768px) {
  /* line 1494, app/assets/stylesheets/base/cloverhound.scss */
  .dashboard-content-schedule form {
    margin: 0;
    margin-left: 3%;
    padding: 0 2rem 2rem 0;
  }
}

/* line 1501, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule form label {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  line-height: 17px;
}

/* line 1507, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule form div.flex-inputs {
  display: flex;
}

/* line 1511, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule form input:focus {
  border: 1px solid var(--border-color, #ebebeb);
}

/* line 1515, app/assets/stylesheets/base/cloverhound.scss */
.form-label {
  color: var(--default, #000000);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  letter-spacing: 0;
  line-height: 17px;
  margin-bottom: 0.8em;
  text-transform: none;
}

/* line 1525, app/assets/stylesheets/base/cloverhound.scss */
.form-label-adjusted-margin {
  color: var(--default, #000000);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  letter-spacing: 0;
  line-height: 17px;
  margin-bottom: 5px;
  margin-top: 0.8em;
  text-transform: none;
}

/* line 1536, app/assets/stylesheets/base/cloverhound.scss */
input.schedule-form-input:nth-child(1) {
  margin-right: 0.75rem;
}

/* line 1540, app/assets/stylesheets/base/cloverhound.scss */
input.schedule-form-input {
  background-color: var(--bg-color, #ffffff);
  border: 1px solid var(--border-color, #ebebeb);
  border-radius: 3px;
  color: var(--tooltip-text, rgba(0, 0, 0, 0.6));
  font-size: 1rem;
  font-family: var(--font, "proximanova-regular");
  line-height: 19px;
  padding: 15px 18px;
  width: 100%;
}

/* line 1552, app/assets/stylesheets/base/cloverhound.scss */
textarea.schedule-form-textarea {
  background-color: var(--bg-color, #ffffff);
  border: 1px solid var(--border-color, #ebebeb);
  border-radius: 3px;
  color: var(--tooltip-text, rgba(0, 0, 0, 0.6));
  font-size: 1rem;
  font-family: var(--font, "proximanova-regular");
  line-height: 19px;
  padding: 15px 18px;
  width: 100%;
}

/* line 1564, app/assets/stylesheets/base/cloverhound.scss */
.form-dropdown div.inline-input-container select {
  border: 1px solid var(--border-color, #ebebeb);
  border-radius: 3px;
  color: var(--default, #000000);
  font-size: 1rem;
  line-height: 19px;
  padding: 0.9375rem 1.125rem;
}

@media screen and (max-width: 768px) {
  /* line 1574, app/assets/stylesheets/base/cloverhound.scss */
  .form-dropdown div.inline-input-container select {
    padding: 0.9375rem 0.75rem;
  }
}

/* line 1579, app/assets/stylesheets/base/cloverhound.scss */
div.appointment-time {
  align-items: flex-start;
}

/* line 1583, app/assets/stylesheets/base/cloverhound.scss */
div.appointment-time input,
div.appointment-time div.inline-input-container {
  width: 50%;
}

/* End Schedule Page Form */
/* Checkbox Styles */
/* line 1590, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-input-container {
  margin-right: 33px;
}

/* line 1594, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-input-container input {
  margin-right: 8px;
}

/* line 1598, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}

/* line 1605, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text input {
  margin-bottom: 0;
  position: absolute;
  right: 10px;
  z-index: 4;
}

/* line 1612, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text input:hover {
  cursor: pointer;
}

/* line 1616, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text label {
  margin-bottom: 0;
  padding: 10px;
}

/* line 1621, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text label:hover {
  cursor: pointer;
}

/* line 1625, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text:hover {
  background-color: rgba(225, 231, 237, 0.4);
  border-radius: 2px;
  cursor: pointer;
}

/* line 1631, app/assets/stylesheets/base/cloverhound.scss */
.checkbox-long-text-check:checked + .checkbox-label {
  background-color: rgba(225, 231, 237, 0.4);
  border-radius: 2px;
}

/* line 1636, app/assets/stylesheets/base/cloverhound.scss */
.dashboard-content-schedule form label.checkbox-label {
  color: var(--default, #000000);
  font-family: var(--font-light, "proximanova-light");
}

/* End Checkbox Styles */
/* Appointment Details */
/* line 1643, app/assets/stylesheets/base/cloverhound.scss */
.appointment-details h4 {
  border-bottom: 1px solid var(--border-color, #ebebeb);
  color: var(--default, #000000);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  padding-bottom: 20px;
}

/* line 1650, app/assets/stylesheets/base/cloverhound.scss */
.appointment-details h5 {
  color: var(--default, #000000);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  opacity: 50%;
}

/* line 1657, app/assets/stylesheets/base/cloverhound.scss */
.appointment-details p {
  color: var(--default, #000000);
  font-size: var(--font-medium, 0.875rem);
  font-family: var(--font, "proximanova-regular");
}

/* line 1663, app/assets/stylesheets/base/cloverhound.scss */
.appointment-details .block-button {
  bottom: 0;
  left: 0;
  position: absolute;
}

/* line 1669, app/assets/stylesheets/base/cloverhound.scss */
.details-container {
  padding-top: 20px;
}

/* line 1673, app/assets/stylesheets/base/cloverhound.scss */
.details-container .flex-inputs {
  display: flex;
  justify-content: space-between;
}

/* line 1678, app/assets/stylesheets/base/cloverhound.scss */
.details-container .flex-inputs div:nth-child(1) {
  width: 60%;
}

/* line 1682, app/assets/stylesheets/base/cloverhound.scss */
.details-container .flex-inputs div:nth-child(2) {
  width: 40%;
}

/* End Appointment Details */
/* Block Button */
/* line 1688, app/assets/stylesheets/base/cloverhound.scss */
.block-button {
  background-color: var(--primary, #1bbb9b);
  color: var(--bg-color, #ffffff);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 1.125rem;
  padding: 1em;
  width: 100%;
}

/* line 1697, app/assets/stylesheets/base/cloverhound.scss */
.block-button:hover {
  background-color: var(--secondary, #57977e);
  cursor: pointer;
}

/* End Block Button */
/* Mobile Nav Menu Styles */
@media screen and (max-width: 768px) {
  /* line 1705, app/assets/stylesheets/base/cloverhound.scss */
  .user-subheader {
    background: var(--bg-color, #ffffff);
    border-bottom: 1px solid var(--border-color, #ebebeb);
    border-top: 1px solid var(--border-color, #ebebeb);
    padding: 1rem;
  }
  /* line 1712, app/assets/stylesheets/base/cloverhound.scss */
  .user-subheader .wrap {
    width: 100%;
  }
  /* line 1716, app/assets/stylesheets/base/cloverhound.scss */
  .user-subheader .wrap .user-details {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  /* line 1722, app/assets/stylesheets/base/cloverhound.scss */
  .user-subheader .wrap .user-details .user-details-signed-in {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  /* line 1730, app/assets/stylesheets/base/cloverhound.scss */
  .user-subheader .wrap .user-details .user-details-name {
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
  }
  /* line 1735, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-menu-links {
    background-color: var(--bg-color, #ffffff);
    min-height: 18rem;
    overflow-y: scroll;
  }
  /* line 1741, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-link {
    background-color: var(--body-bg-color, rgba(221, 229, 237, 0.4));
    border-bottom: 1px solid var(--border-color, #ebebeb);
    padding: 1rem;
    text-align: right;
  }
  /* line 1748, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-link a {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  /* line 1756, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-link-highlight {
    background-color: var(--bg-color, #ffffff);
  }
  /* line 1760, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-link-highlight a {
    color: var(--primary, #1bbb9b);
  }
}

/* End Mobile Nav Menu Styles */
/* CSR dashboard menu bar */
/* line 1769, app/assets/stylesheets/base/cloverhound.scss */
.csr-select {
  color: rgba(0, 0, 0, 0.6);
  width: auto;
}

/* line 1773, app/assets/stylesheets/base/cloverhound.scss */
.csr-select select::-ms-expand {
  display: none;
}

/* line 1777, app/assets/stylesheets/base/cloverhound.scss */
.csr-select select {
  display: inline-block;
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font, "proximanova-regular");
  font-weight: 900;
  font-size: 12px;
  height: 45px;
  letter-spacing: 0.15em;
  margin-bottom: 0;
  margin-right: 10px;
  max-width: 14%;
  outline: none;
  padding: 12px;
  text-transform: uppercase;
}

/* Dropdown Button */
/* line 1802, app/assets/stylesheets/base/cloverhound.scss */
.user-dropdown {
  background-color: transparent;
  background-image: var(--dropdown-arrow-path, url(/assets/arrow-filled-down-ada64b52fd145bd6a735b9f8c854e28442600b28e1b474f4a68903318bf43a90.svg));
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 95% 50%;
  border: 1px solid #F5F5F5;
  color: var(--default, #000000);
  display: inline-block;
  font-size: 16px;
  min-width: 150px;
  padding: 10px;
}

/* line 1816, app/assets/stylesheets/base/cloverhound.scss */
.user-dropdown-content {
  padding-right: 25px;
}

/* line 1820, app/assets/stylesheets/base/cloverhound.scss */
.navbar-link-container {
  border-left: 1px solid #F5F5F5;
  padding: 0 10px;
  text-align: center;
}

@media screen and (max-width: 1350px) {
  /* line 1820, app/assets/stylesheets/base/cloverhound.scss */
  .navbar-link-container {
    max-width: fit-content;
  }
}

/* line 1830, app/assets/stylesheets/base/cloverhound.scss */
.navbar-link {
  background-color: white;
  border: none;
  color: var(--primary, #000000);
  font-size: 16px;
  line-height: normal;
}

/* The container <div> - needed to position the dropdown content */
/* line 1839, app/assets/stylesheets/base/cloverhound.scss */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
/* line 1845, app/assets/stylesheets/base/cloverhound.scss */
.dropdown-content {
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 16px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

/* Links inside the dropdown */
/* line 1856, app/assets/stylesheets/base/cloverhound.scss */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
/* line 1864, app/assets/stylesheets/base/cloverhound.scss */
.dropdown-content a:hover {
  cursor: pointer;
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
/* line 1867, app/assets/stylesheets/base/cloverhound.scss */
.dropdown:hover .dropdown-content {
  cursor: pointer;
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/* line 1870, app/assets/stylesheets/base/cloverhound.scss */
.dropdown:hover .user-dropdown {
  background-color: #F5F5F5;
}

/* line 1872, app/assets/stylesheets/base/cloverhound.scss */
.navbar-link:hover {
  cursor: pointer;
}

/* bulk import */
/* line 1876, app/assets/stylesheets/base/cloverhound.scss */
#import-history-table {
  background-color: white;
}

/* line 1880, app/assets/stylesheets/base/cloverhound.scss */
#back-to-scheduling-btn {
  background-color: white;
  box-shadow: inset 0 0 0 2px var(--secondary, #1bbb9b);
  color: var(--secondary, #57977e);
  float: right;
  font-size: 18px;
}

/* line 1888, app/assets/stylesheets/base/cloverhound.scss */
#back-to-scheduling-btn:hover {
  box-shadow: inset 0 0 0 2px var(--primary, #1bbb9b);
  color: var(--primary, #999999);
}

/* line 1893, app/assets/stylesheets/base/cloverhound.scss */
#dropzone {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
}

/* line 1901, app/assets/stylesheets/base/cloverhound.scss */
#csv-upload-button {
  background-color: whitesmoke;
  border: dashed 2px lightgray;
  width: 100%;
}

/* line 1907, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-interior {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 1915, app/assets/stylesheets/base/cloverhound.scss */
#cloud-upload-holder {
  width: 300px;
  height: 75px;
  background-image: url(/assets/cloud_upload-black-569983d0407fc818bb914966639c735dcc53163859d076ea8ce61fc90090df2f.svg);
  background-repeat: no-repeat;
  background-size: 300px 70px;
  background-position: top center;
}

/* line 1924, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-bold-text {
  color: #606060;
}

/* line 1928, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-light-text {
  margin-top: 15px;
  font-size: 14px;
  color: #a3a3a3;
}

/* line 1934, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-button-holder {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  margin: 10px;
}

/* line 1942, app/assets/stylesheets/base/cloverhound.scss */
.dz-message {
  height: 100%;
}

/* line 1946, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-upload-button {
  width: 10vw;
  min-width: fit-content;
}

/* line 1951, app/assets/stylesheets/base/cloverhound.scss */
.upload-disabled {
  background-color: #a6a6a6;
  color: white;
}

/* line 1956, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-sample-download-tag {
  display: flex;
}

/* line 1960, app/assets/stylesheets/base/cloverhound.scss */
#dropzone-sample-download-button {
  background-color: transparent;
  background-image: url(/assets/get_app-black-01fe7534315caadde4b2cadddcd1a052060c0d99394bc1662475742657a9ee74.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 0px 17px;
  color: #999999;
  font-size: 0.75em;
  margin-left: 20px;
  min-width: 130px;
  padding-left: 25px;
  width: 100%;
}

/* Search Input */
/* line 1976, app/assets/stylesheets/base/cloverhound.scss */
.search-input {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 5px;
}

/* line 1981, app/assets/stylesheets/base/cloverhound.scss */
.search-input input[type="text"] {
  background-color: #FFFFFF;
}

/* line 1986, app/assets/stylesheets/base/cloverhound.scss */
#dashboard-search {
  width: 250px;
  padding-inline-start: 32px;
}

@media screen and (max-width: 600px) {
  /* line 1992, app/assets/stylesheets/base/cloverhound.scss */
  .status {
    display: flex;
  }
  /* line 1995, app/assets/stylesheets/base/cloverhound.scss */
  #user-status-bar-health {
    padding-right: .5rem;
    display: none;
  }
  /* line 1999, app/assets/stylesheets/base/cloverhound.scss */
  .status-actions {
    padding-left: 0rem;
    display: flex;
  }
}

/* line 2005, app/assets/stylesheets/base/cloverhound.scss */
.pagination {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 2011, app/assets/stylesheets/base/cloverhound.scss */
.total-count {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 2017, app/assets/stylesheets/base/cloverhound.scss */
.rows-per-page-container {
  float: left;
  margin-inline-end: 5vw;
}

/* line 2022, app/assets/stylesheets/base/cloverhound.scss */
.pagination-link {
  color: black;
  cursor: pointer;
}

/* line 2027, app/assets/stylesheets/base/cloverhound.scss */
.dropzone .dz-preview .dz-error-message {
  top: 150px !important;
}

/* line 2030, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-figure, .highcharts-data-table table {
  min-width: 310px;
  max-width: 800px;
  margin: 1em auto;
}

/* line 2036, app/assets/stylesheets/base/cloverhound.scss */
#container {
  height: 400px;
}

/* line 2040, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

/* line 2049, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

/* line 2054, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

/* line 2058, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}

/* line 2061, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

/* line 2064, app/assets/stylesheets/base/cloverhound.scss */
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

/* line 2069, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body {
  display: flex;
  flex-direction: column;
  max-height: 65vh;
}

/* line 2070, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body ul {
  padding: 2px 0px;
}

/* line 2077, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body .display-notes {
  margin-bottom: 25px;
  max-height: 40vh;
  overflow: auto;
}

/* line 2081, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body .display-notes p {
  font-weight: bold;
}

/* line 2085, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body .note-link {
  cursor: pointer;
  color: #002D72;
}

/* line 2090, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body .note-link:hover {
  text-decoration: underline;
}

/* line 2094, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body .note {
  margin-bottom: 5px;
}

/* line 2097, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body li {
  margin-bottom: 15px;
  margin-right: 2px;
  display: flex;
  flex-direction: column;
}

/* line 2102, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body li .timestamp {
  display: flex;
  justify-content: flex-end;
}

/* line 2107, app/assets/stylesheets/base/cloverhound.scss */
.case-notes-body #case-note-textarea {
  font-family: Helvetica;
}

/* line 2112, app/assets/stylesheets/base/cloverhound.scss */
#dmv-end-hearing {
  display: flex;
  flex-direction: column;
}

/* line 2115, app/assets/stylesheets/base/cloverhound.scss */
#dmv-end-hearing #additional-end-hearing-text {
  margin-top: 26px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 2120, app/assets/stylesheets/base/cloverhound.scss */
#dmv-end-hearing #additional-end-hearing-text div {
  margin: 22px;
}

@media screen and (max-width: 640px) {
  /* line 2115, app/assets/stylesheets/base/cloverhound.scss */
  #dmv-end-hearing #additional-end-hearing-text {
    flex-wrap: wrap;
  }
}

/* line 2128, app/assets/stylesheets/base/cloverhound.scss */
#dmv-end-hearing h2 {
  font-size: 18px;
  margin-bottom: 5px;
}

/* line 2132, app/assets/stylesheets/base/cloverhound.scss */
#dmv-end-hearing a {
  color: blue;
}

/* line 2137, app/assets/stylesheets/base/cloverhound.scss */
#waiting-room-list {
  display: inline-block;
  color: black;
}

/* line 2142, app/assets/stylesheets/base/cloverhound.scss */
#waiting-room-list li {
  text-align: left;
}

@media only screen and (max-width: 768px) {
  /* line 2148, app/assets/stylesheets/base/cloverhound.scss */
  #search-field {
    width: 47vw;
  }
  /* line 2152, app/assets/stylesheets/base/cloverhound.scss */
  .date-picker {
    width: 160px;
    height: 46px;
    text-align: left;
    display: block;
    margin: auto;
    background-color: white;
    padding-block-start: 9px;
    padding-block-end: 9px;
  }
  /* line 2163, app/assets/stylesheets/base/cloverhound.scss */
  #date-time-picker-error {
    margin-top: 0px !important;
  }
  /* line 2167, app/assets/stylesheets/base/cloverhound.scss */
  .cloverhound-header {
    width: 100%;
  }
  /* line 2171, app/assets/stylesheets/base/cloverhound.scss */
  .width-9-percent {
    overflow-wrap: break-word;
  }
  /* line 2175, app/assets/stylesheets/base/cloverhound.scss */
  .search-text-input {
    margin-block-end: 0px;
  }
  /* line 2179, app/assets/stylesheets/base/cloverhound.scss */
  .filter-input-container {
    width: 86%;
    float: left;
  }
  /* line 2184, app/assets/stylesheets/base/cloverhound.scss */
  #modal-button-wrapper {
    display: flex;
    margin: auto;
    justify-content: center;
    width: 100%;
  }
  /* line 2191, app/assets/stylesheets/base/cloverhound.scss */
  .modal button {
    min-width: 28vw;
  }
  /* line 2195, app/assets/stylesheets/base/cloverhound.scss */
  .modal {
    margin-block-start: 15vh;
    max-height: 70vh;
  }
  /* line 2200, app/assets/stylesheets/base/cloverhound.scss */
  #edit-hearing-modal {
    display: flex;
    flex-direction: column;
  }
  /* line 2205, app/assets/stylesheets/base/cloverhound.scss */
  #edit-hearing-modal-button-wrap {
    display: flex;
    justify-content: center;
  }
  /* line 2210, app/assets/stylesheets/base/cloverhound.scss */
  #hearing-time, #hearing-duration {
    height: 44px;
  }
  /* line 2214, app/assets/stylesheets/base/cloverhound.scss */
  .search-filter-dropdown {
    width: 40vw;
  }
  /* line 2218, app/assets/stylesheets/base/cloverhound.scss */
  #filter-text-0 {
    width: 70vw;
  }
  /* line 2222, app/assets/stylesheets/base/cloverhound.scss */
  .x-filter-button {
    transform: translateY(7px);
  }
  /* line 2226, app/assets/stylesheets/base/cloverhound.scss */
  .filter-by-dropdown {
    width: 175%;
  }
  /* line 2230, app/assets/stylesheets/base/cloverhound.scss */
  #sortable-table-control-row {
    display: flex;
    flex-direction: column;
  }
  /* line 2235, app/assets/stylesheets/base/cloverhound.scss */
  .date-time-picker-container {
    flex-direction: column;
    align-items: center;
    margin-block-start: 13px;
  }
}

@media only screen and (min-width: 769px) {
  /* line 2244, app/assets/stylesheets/base/cloverhound.scss */
  #search-field {
    width: 15vw;
  }
  /* line 2248, app/assets/stylesheets/base/cloverhound.scss */
  .filter-input-container {
    width: 40%;
  }
  /* line 2252, app/assets/stylesheets/base/cloverhound.scss */
  .x-filter-button {
    width: 5%;
  }
  /* line 2256, app/assets/stylesheets/base/cloverhound.scss */
  .date-picker {
    width: fit-content;
  }
  /* line 2260, app/assets/stylesheets/base/cloverhound.scss */
  .time-picker {
    height: 50px;
  }
  /* line 2264, app/assets/stylesheets/base/cloverhound.scss */
  #hearing-start-date, #hearing-end-date {
    margin-inline-end: 10px;
  }
  /* line 2268, app/assets/stylesheets/base/cloverhound.scss */
  #modal-button-wrapper {
    width: 100%;
  }
  /* line 2272, app/assets/stylesheets/base/cloverhound.scss */
  .single-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 2279, app/assets/stylesheets/base/cloverhound.scss */
  .two-columns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
  }
  /* line 2285, app/assets/stylesheets/base/cloverhound.scss */
  .half-form-input {
    width: calc(50% - 5px);
  }
  /* line 2289, app/assets/stylesheets/base/cloverhound.scss */
  .search-filter-dropdown {
    width: 100%;
  }
  /* line 2293, app/assets/stylesheets/base/cloverhound.scss */
  .filter-by-dropdown {
    width: 200px;
  }
  /* line 2297, app/assets/stylesheets/base/cloverhound.scss */
  #sortable-table-control-row {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  /* line 2305, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-table-box {
    border: 1px solid #acacac;
    padding-block-end: 12px;
  }
  /* line 2310, app/assets/stylesheets/base/cloverhound.scss */
  .nested-mobile-table-box {
    border: 1px solid #cacaca;
    background-color: aliceblue;
  }
  /* line 2315, app/assets/stylesheets/base/cloverhound.scss */
  .dont-display-mobile {
    display: none;
  }
  /* line 2319, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-button-container {
    width: 100%;
  }
  /* line 2323, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-button {
    width: 70vw;
    margin-inline-start: 8vw;
  }
  /* line 2328, app/assets/stylesheets/base/cloverhound.scss */
  #mobile-table-spacer {
    height: 20px;
  }
  /* line 2332, app/assets/stylesheets/base/cloverhound.scss */
  .nested-table-container {
    width: 100%;
    padding: 0px;
  }
  /* line 2337, app/assets/stylesheets/base/cloverhound.scss */
  #new-attendee-button {
    margin-block-start: 1vh;
    margin-block-end: 2vh;
    margin-inline-start: 1vw;
  }
  /* line 2343, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-table-heading {
    padding-inline-start: 10vw;
  }
}

@media only screen and (min-width: 1025px) {
  /* line 2350, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-table-heading {
    display: none;
  }
  /* line 2354, app/assets/stylesheets/base/cloverhound.scss */
  .mobile-button {
    margin: 3px;
  }
  /* line 2358, app/assets/stylesheets/base/cloverhound.scss */
  .dont-display-desktop {
    display: none;
  }
  /* line 2362, app/assets/stylesheets/base/cloverhound.scss */
  #new-attendee-button {
    padding: 1%;
  }
}

/* line 2369, app/assets/stylesheets/base/cloverhound.scss */
#sortable-table td,
#sortable-table th,
#sortable-table td a {
  font-family: 'Lato', sans-serif;
}

/* line 2375, app/assets/stylesheets/base/cloverhound.scss */
#sortable-table th {
  font-weight: 500;
}

/* line 2379, app/assets/stylesheets/base/cloverhound.scss */
#sortable-table td,
#sortable-table td a {
  font-weight: 300;
}

/* line 2384, app/assets/stylesheets/base/cloverhound.scss */
#sortable-table-header {
  font-size: 47px;
  font-family: 'Lato', sans-serif;
  margin-block-end: 20px;
  font-weight: 300;
  color: #374151;
}

/* line 2392, app/assets/stylesheets/base/cloverhound.scss */
#sortable-table-control-row {
  margin-block-end: 25px;
}

/* line 2396, app/assets/stylesheets/base/cloverhound.scss */
.nested-table-header {
  font-size: 18px;
  color: #15558f;
}

/* line 2401, app/assets/stylesheets/base/cloverhound.scss */
.nested-table-box {
  border-bottom: 1px solid lightgrey;
  max-width: 100vw;
}

/* line 2406, app/assets/stylesheets/base/cloverhound.scss */
#remove-column-0 {
  display: none;
}

/* line 2410, app/assets/stylesheets/base/cloverhound.scss */
.filter-by-dropdown {
  display: inline-block;
}

/* line 2414, app/assets/stylesheets/base/cloverhound.scss */
.action-button {
  border-color: '#016f8f';
  color: '#016f8f';
  min-width: '65px';
  padding: 'auto';
}

/* line 2421, app/assets/stylesheets/base/cloverhound.scss */
.x-filter-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 2427, app/assets/stylesheets/base/cloverhound.scss */
#date-search-button {
  align-items: center;
  justify-content: center;
  width: 4vw;
  min-width: 50px;
  height: 37px;
  border-radius: 4px;
  padding-block-start: 9px;
  margin-inline-start: 5px;
}

/* line 2438, app/assets/stylesheets/base/cloverhound.scss */
#archive-checkbox-container {
  float: right;
}

/* line 2443, app/assets/stylesheets/base/cloverhound.scss */
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
  background-color: var(--secondary, #98b9dc);
}

/* line 2450, app/assets/stylesheets/base/cloverhound.scss */
input.time-input::selection,
input.time-input::-moz-selection {
  background-color: var(--secondary, #98b9dc);
}

@media only screen and (min-width: 1448px) {
  /* line 2458, app/assets/stylesheets/base/cloverhound.scss */
  #date-time-range-picker {
    float: right;
  }
  /* line 2462, app/assets/stylesheets/base/cloverhound.scss */
  #date-time-error-text {
    text-align: right;
  }
}

@media only screen and (max-width: 1447px) {
  /* line 2471, app/assets/stylesheets/base/cloverhound.scss */
  #date-time-error-text {
    text-align: center;
  }
}

/* line 2477, app/assets/stylesheets/base/cloverhound.scss */
.overlay_outer {
  position: absolute;
  width: 101%;
  height: 100%;
  padding-top: calc(30vh);
  z-index: 5;
  background-color: #eee;
}

/* line 2486, app/assets/stylesheets/base/cloverhound.scss */
.overlay_middle {
  text-align: center;
  height: 50px;
}

/* line 2491, app/assets/stylesheets/base/cloverhound.scss */
.overlay_inner {
  font-size: 1.5em;
  font-family: Avenir;
  text-align: center;
}

/* line 2497, app/assets/stylesheets/base/cloverhound.scss */
.overlay_button {
  background-color: transparent;
  cursor: pointer;
  margin: 25px 5px 10px;
  font-size: 0.794em !important;
  padding: 1.176em;
  min-width: 10em;
}

/* line 2506, app/assets/stylesheets/base/cloverhound.scss */
.permissions_button {
  width: 150px !important;
}

/* line 2510, app/assets/stylesheets/base/cloverhound.scss */
.permissions_button_large {
  width: 250px !important;
}

/* line 2514, app/assets/stylesheets/base/cloverhound.scss */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

/* line 2527, app/assets/stylesheets/base/cloverhound.scss */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
}

/* line 2534, app/assets/stylesheets/base/cloverhound.scss */
.hamburger {
  display: none;
}

/* line 2538, app/assets/stylesheets/base/cloverhound.scss */
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #101010;
}

/* line 2547, app/assets/stylesheets/base/cloverhound.scss */
.nav-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 2553, app/assets/stylesheets/base/cloverhound.scss */
.nav-link {
  padding: 0px;
  background-color: white;
  border: none;
  color: var(--primary, #000000);
  font-size: 16px;
  line-height: normal;
}

/* line 2562, app/assets/stylesheets/base/cloverhound.scss */
.nav-link:hover {
  color: #482ff7;
}

/* line 2566, app/assets/stylesheets/base/cloverhound.scss */
.body_hidden {
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  /* line 2571, app/assets/stylesheets/base/cloverhound.scss */
  .nav-menu {
    position: fixed;
    left: -110%;
    top: 5rem;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
    z-index: 900;
    box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
  }
  /* line 2586, app/assets/stylesheets/base/cloverhound.scss */
  .nav-menu.active {
    left: 0;
  }
  /* line 2590, app/assets/stylesheets/base/cloverhound.scss */
  .nav-item {
    margin: 1.0rem 0;
    border: none;
  }
  /* line 2595, app/assets/stylesheets/base/cloverhound.scss */
  .hamburger {
    display: flex;
    cursor: pointer;
    z-index: 999;
  }
  /* line 2600, app/assets/stylesheets/base/cloverhound.scss */
  .hamburger .hamburger-menu-text {
    padding-right: 5px;
    padding-top: 5px;
  }
  /* line 2606, app/assets/stylesheets/base/cloverhound.scss */
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  /* line 2610, app/assets/stylesheets/base/cloverhound.scss */
  .hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  /* line 2614, app/assets/stylesheets/base/cloverhound.scss */
  .hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
}

/* line 2619, app/assets/stylesheets/base/cloverhound.scss */
#launch-webex-header-button {
  position: relative;
  cursor: pointer;
  background-color: #e1e1e1;
  padding: 13px 30px;
  text-align: center;
  border-radius: 50px;
}

/* line 2627, app/assets/stylesheets/base/cloverhound.scss */
#launch-webex-header-button.disabled {
  cursor: not-allowed;
}

/* line 2632, app/assets/stylesheets/base/cloverhound.scss */
#launch-webex-header-button__spinner-container {
  position: absolute;
  left: calc(50% - 10px);
}

/* line 2637, app/assets/stylesheets/base/cloverhound.scss */
.cover-spinner {
  position: absolute;
  z-index: 1000;
  height: 100vh;
  width: calc(100%);
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* line 2648, app/assets/stylesheets/base/cloverhound.scss */
.searchable-dropdown-option:hover {
  background-color: lightgrey;
}

/* line 2652, app/assets/stylesheets/base/cloverhound.scss */
.disabled {
  display: none;
}

/* line 2656, app/assets/stylesheets/base/cloverhound.scss */
.header-link {
  color: #297BCE;
  margin-left: 10px;
}

/* line 2661, app/assets/stylesheets/base/cloverhound.scss */
.filter-item {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  cursor: pointer;
  background-color: #E8E8E8;
  padding: 3px;
}

/* line 2670, app/assets/stylesheets/base/cloverhound.scss */
.clear-filters-button {
  color: #696969;
  margin-left: 5px;
  font-size: 14px;
}

/* line 2676, app/assets/stylesheets/base/cloverhound.scss */
.filters-container {
  margin-bottom: 10px;
}

/* line 2680, app/assets/stylesheets/base/cloverhound.scss */
.no-background {
  background-color: inherit;
}

/* line 2684, app/assets/stylesheets/base/cloverhound.scss */
.toggle-ui-button {
  transition-duration: 300ms;
  color: white;
  vertical-align: middle;
  padding: .75rem;
  background-color: var(--primary, #1bbb9b);
  border-radius: 9999px;
  min-width: fit-content;
  min-height: fit-content;
  margin-top: 5px;
  margin-right: 22px;
  z-index: 10;
  right: 0;
  position: absolute;
  cursor: pointer;
}

/* line 2701, app/assets/stylesheets/base/cloverhound.scss */
.toggle-ui-button:hover {
  background-color: var(--secondary, #57977e);
}

/* line 2705, app/assets/stylesheets/base/cloverhound.scss */
.check-in-anchor-button {
  background-color: var(--secondary, #57977e) !important;
  color: white !important;
}

/* line 2710, app/assets/stylesheets/base/cloverhound.scss */
.modal-submit-button {
  margin-right: 38px;
}

/* line 2714, app/assets/stylesheets/base/cloverhound.scss */
.blue-link {
  color: #297BCE;
}

/* line 2718, app/assets/stylesheets/base/cloverhound.scss */
.right-blue-link {
  color: #297BCE;
  float: right;
}

/* line 1, app/assets/stylesheets/health.css */
html,
body,
p,
* {
  font-family: var(--font, "proximanova-regular");
}

/* line 8, app/assets/stylesheets/health.css */
html {
  background-color: var(--bg-color, #ffffff);
  background-image: none;
}

/* line 13, app/assets/stylesheets/health.css */
body {
  background-color: var(--body-bg-color, rgba(221, 229, 237, 0.4));
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 20, app/assets/stylesheets/health.css */
  body {
    margin: 0;
    width: 100%;
  }
}

@-moz-document url-prefix() {
  /* line 27, app/assets/stylesheets/health.css */
  .logo img::before {
    display: none;
  }
  /* line 31, app/assets/stylesheets/health.css */
  .logo img {
    content: " ";
  }
  /* line 35, app/assets/stylesheets/health.css */
  .logo img::after {
    content: var(--logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
    display: inline-block;
    height: 3rem;
    width: 3rem;
  }
}

/* non-firefox browsers */
@supports not (-moz-appearance: none) {
  /* line 45, app/assets/stylesheets/health.css */
  .logo img {
    content: var(--logo-path, url(/assets/cloverhound-logo-c03e8739799cd2f5651e19141c27561c1c1e283b05fdedcff87c35bf7da42c9a.svg));
    height: 3rem;
  }
}

/* line 51, app/assets/stylesheets/health.css */
.logo > svg,
.logo > svg use {
  fill: var(--primary, #1bbb9b);
  height: 3em;
  width: 3em;
}

@media screen and (max-width: 768px) {
  /* line 59, app/assets/stylesheets/health.css */
  .logo span {
    font-size: var(--font-medium);
  }
  /* line 63, app/assets/stylesheets/health.css */
  .logo > svg,
.logo > svg use {
    fill: var(--primary, #1bbb9b);
    height: 1.5em;
    width: 1.5em;
  }
}

/* HEADER */
/* line 72, app/assets/stylesheets/health.css */
header {
  background-color: var(--bg-color, #ffffff);
}

/* line 76, app/assets/stylesheets/health.css */
header form,
header.cloverhound-header form {
  padding: 0;
  margin: 0;
}

/* line 82, app/assets/stylesheets/health.css */
header.cloverhound-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 88, app/assets/stylesheets/health.css */
header.cloverhound-header .status {
  align-items: center;
  display: flex;
}

/* line 93, app/assets/stylesheets/health.css */
header.cloverhound-header .status .status-user {
  font-size: 0.875em;
}

/* line 97, app/assets/stylesheets/health.css */
header.cloverhound-header .status .status-user div.name {
  color: var(--default, #000000);
  font-size: 0.875em;
  font-family: var(--font-semi-bold, "proximanova-semibold");
  letter-spacing: 1px;
}

/* line 104, app/assets/stylesheets/health.css */
header.cloverhound-header .status .status-actions a.cta-alt {
  color: var(--secondary, #57977e);
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 0.875;
  font-weight: 900;
  letter-spacing: 1px;
  min-width: 0;
  padding: 0.8em;
}

/* END HEADER */
/* Filter the Now Subheader */
/* line 117, app/assets/stylesheets/health.css */
.now-subheader {
  padding: 0.8em 0;
  background: linear-gradient(45deg, var(--gradient-primary, #00708F), var(--gradient-secondary, #6CCACC), 90%, #FFFFFF);
}

/* line 122, app/assets/stylesheets/health.css */
.now-subheader .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  /* line 129, app/assets/stylesheets/health.css */
  .now-subheader {
    padding: 0;
  }
  /* line 133, app/assets/stylesheets/health.css */
  .now-subheader .wrap {
    width: 100%;
    align-items: baseline;
    flex-direction: column;
  }
  /* line 139, app/assets/stylesheets/health.css */
  .now-subheader .now {
    display: none;
  }
}

/* line 144, app/assets/stylesheets/health.css */
.now-text {
  margin-left: 5%;
  padding: 0.875rem 0;
}

/* line 149, app/assets/stylesheets/health.css */
.now-text h2 {
  color: var(--bg-color);
  font-family: var(--font-light, "proximanova-light");
  font-size: 1.375rem;
  line-height: 26px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  /* line 158, app/assets/stylesheets/health.css */
  .now-text h2 {
    font-size: var(--font-medium);
  }
}

/* line 163, app/assets/stylesheets/health.css */
.now {
  color: var(--bg-color, #ffffff);
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 1111px) {
  /* line 170, app/assets/stylesheets/health.css */
  .now {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  /* line 177, app/assets/stylesheets/health.css */
  .now {
    margin: 1em 0;
  }
}

/* line 182, app/assets/stylesheets/health.css */
h3 {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-weight: 900;
  color: var(--secondary, #00708F);
  font-size: 1.25em;
  margin-bottom: 1em;
}

/* line 190, app/assets/stylesheets/health.css */
.now h2 {
  font-size: 1em;
}

/* line 194, app/assets/stylesheets/health.css */
.now-date {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 1rem;
  line-height: 1.1875rem;
}

/* line 200, app/assets/stylesheets/health.css */
.now-time {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: 1rem;
  line-height: 1.1875rem;
  padding: 0 1em;
}

@media screen and (max-width: 1111px) {
  /* line 208, app/assets/stylesheets/health.css */
  .now-time {
    padding: 0.4em 0 0;
  }
}

/* Filter Bar */
@media screen and (max-width: 768px) {
  /* line 215, app/assets/stylesheets/health.css */
  .filter-bar {
    width: 100%;
  }
}

/* line 220, app/assets/stylesheets/health.css */
form.filter-bar-form {
  background: rgba(255, 255, 255, 0);
  display: flex;
  display: inline-flex;
  font-size: 0.8em;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding: 0;
}

@media screen and (max-width: 768px) {
  /* line 232, app/assets/stylesheets/health.css */
  form.filter-bar-form {
    align-items: baseline;
    flex-direction: column;
    width: 100%;
  }
}

/* line 239, app/assets/stylesheets/health.css */
form.filter-bar-form label {
  margin: 0 0.8em 0 0;
}

/* line 243, app/assets/stylesheets/health.css */
form.filter-bar-form select,
form.filter-bar-form select option {
  font-family: var(--font-semi-bold, "proximanova-semibold");
  font-size: var(--font-medium, 0.875rem);
  line-height: 1.0625rem;
  min-width: 16em;
  margin: 0;
}

/* line 252, app/assets/stylesheets/health.css */
form.filter-bar-form select {
  color: var(--default, #141414);
  border-radius: 20em;
  background-color: var(--bg-color, #ffffff);
  font-size: 1rem;
  padding: 0.8em 1em;
  padding-right: 2em;
  line-height: 1.2;
  margin: 4px;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  /* line 265, app/assets/stylesheets/health.css */
  form.filter-bar-form select {
    margin: 4px 0;
    padding: 0.5em 1em;
    width: 100%;
  }
}

/* line 272, app/assets/stylesheets/health.css */
form.filter-bar-form .inline-input-container {
  position: relative;
}

/* line 276, app/assets/stylesheets/health.css */
form.form-dropdown .inline-input-container {
  position: relative;
}

/* line 280, app/assets/stylesheets/health.css */
form.form-dropdown .date-dropdowns div:nth-child(1) {
  margin-right: 2%;
  width: 50%;
}

/* line 285, app/assets/stylesheets/health.css */
form.form-dropdown .date-dropdowns div:nth-child(2) {
  margin-right: 2%;
  width: 23%;
}

/* line 290, app/assets/stylesheets/health.css */
form.form-dropdown .date-dropdowns div:nth-child(3) {
  width: 23%;
}

@media screen and (max-width: 768px) {
  /* line 295, app/assets/stylesheets/health.css */
  form.filter-bar-form .inline-input-container {
    border-right: 1px solid var(--bg-color, #ffffff);
  }
  /* line 299, app/assets/stylesheets/health.css */
  form.filter-bar-form .inline-input-container select {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--bg-color, #ffffff);
    font-family: var(--font, "proximanova-regular");
    font-size: var(--font-medium);
    min-width: 75%;
  }
  /* line 309, app/assets/stylesheets/health.css */
  form.form-dropdown .inline-input-container {
    width: 100%;
  }
}

/* line 314, app/assets/stylesheets/health.css */
form.form-dropdown .inline-input-container:after {
  background-image: var(--dropdown-arrow-path, url(/assets/arrow-filled-down-ada64b52fd145bd6a735b9f8c854e28442600b28e1b474f4a68903318bf43a90.svg));
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 7px;
  position: absolute;
  right: 1.4em;
  top: calc(50% - 7px);
  width: 7px;
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  /* line 328, app/assets/stylesheets/health.css */
  form.form-dropdown .inline-input-container:after {
    background-image: var(--dropdown-arrow-path, url(/assets/arrow-filled-down-ada64b52fd145bd6a735b9f8c854e28442600b28e1b474f4a68903318bf43a90.svg));
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 7px;
    position: absolute;
    right: 1em;
    top: calc(50% - 8px);
    width: 7px;
    transform: translate(0, -50%);
  }
}

/* line 342, app/assets/stylesheets/health.css */
form.filter-bar-form select option {
  color: var(--default, #000000);
  font-weight: 500;
}

/* line 347, app/assets/stylesheets/health.css */
.inline-input-container {
  display: flex;
  align-items: center;
}

/* FOOTER */
/* line 353, app/assets/stylesheets/health.css */
footer {
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 357, app/assets/stylesheets/health.css */
.center-footer {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

@media screen and (max-width: 1456px) {
  /* line 364, app/assets/stylesheets/health.css */
  .center-footer {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 369, app/assets/stylesheets/health.css */
  .logo.alt {
    right: 0;
    left: auto;
    top: 0;
  }
}

@media screen and (max-width: 1204px) {
  /* line 377, app/assets/stylesheets/health.css */
  .center-footer {
    width: 320px;
  }
}

@media screen and (max-width: 552px) {
  /* line 383, app/assets/stylesheets/health.css */
  .logo.alt {
    position: relative;
    margin-bottom: 10px;
  }
}

/* Loading  */
/* line 390, app/assets/stylesheets/health.css */
.waiting-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2em;
}

/* line 397, app/assets/stylesheets/health.css */
.loading-indication-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 403, app/assets/stylesheets/health.css */
.loading-indication-text {
  padding: 0 2em;
  font-size: 0.875em;
  margin: 0;
}

/* line 409, app/assets/stylesheets/health.css */
.circle {
  height: 3em;
  position: relative;
  width: 3em;
}

/* line 415, app/assets/stylesheets/health.css */
.circle__svg {
  animation: 2s linear infinite both circle__svg;
  height: 100%;
  width: 100%;
}

@keyframes circle__svg {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

/* line 430, app/assets/stylesheets/health.css */
.circle__svg-circle {
  animation: 1.4s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: var(--primary, #1bbb9b);
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}

@keyframes circle__svg-circle {
  0%,
25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%,
75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

/* Controls */
/* line 458, app/assets/stylesheets/health.css */
.waiting-controls-container {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  padding-top: 0;
}

/* line 464, app/assets/stylesheets/health.css */
.waiting-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bg-color, #ffffff);
}

/* line 471, app/assets/stylesheets/health.css */
.waiting-controls .control {
  border: 1px solid #7c878e;
  background-color: #7c878e;
  border-radius: 10em;
  display: flex;
  align-items: center;
  padding: 1em;
  font-weight: 900;
  margin: 0.4em;
}

/* line 482, app/assets/stylesheets/health.css */
.waiting-controls .control:hover {
  border: 1px solid #dde5ed;
  background-color: #dde5ed;
  cursor: pointer;
}

/* line 488, app/assets/stylesheets/health.css */
.waiting-controls .control.active {
  background-color: #d93829;
  border-color: #d93829;
}

/* line 493, app/assets/stylesheets/health.css */
.waiting-controls .control.active-light {
  background-color: rgba(217, 56, 41, 0.1);
  color: #d93829;
  border-color: #d93829;
}

/* line 499, app/assets/stylesheets/health.css */
.waiting-controls .control svg {
  height: 2em;
  width: 2em;
}

/* line 504, app/assets/stylesheets/health.css */
.waiting-controls .control svg,
.waiting-controls .control svg use {
  fill: currentColor;
}

/* MOBILE NAV MENU */
@media screen and (max-width: 768px) {
  /* line 511, app/assets/stylesheets/health.css */
  div.mobile-nav span {
    background: #000;
    border-radius: 3px;
    display: block;
    height: 0.143rem;
    margin-bottom: 0.25rem;
    position: relative;
    transform-origin: 2px 0px;
    width: 1.25rem;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  /* line 526, app/assets/stylesheets/health.css */
  div.mobile-nav span:first-child {
    transform-origin: 0% 0%;
  }
  /* line 530, app/assets/stylesheets/health.css */
  div.mobile-nav span:nth-child(2) {
    transform-origin: 0% 100%;
  }
  /* line 534, app/assets/stylesheets/health.css */
  div.mobile-nav span:last-child {
    margin-bottom: 0;
  }
}

/* END MOBILE NAV MENU */
/* line 540, app/assets/stylesheets/health.css */
table tbody tr {
  border-bottom: 2rem solid #FFFFFF;
}

/* line 544, app/assets/stylesheets/health.css */
.button-doctor {
  width: 150px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* Mobile Dashboard */
@media screen and (max-width: 768px) {
  /* line 552, app/assets/stylesheets/health.css */
  table tbody tr:last-child {
    border-bottom: none;
  }
  /* line 556, app/assets/stylesheets/health.css */
  td.width-20-percent.appointment {
    clear: left;
  }
  /* line 560, app/assets/stylesheets/health.css */
  table tbody tr td.claimant {
    align-items: center;
    clear: right;
    display: flex;
    flex-direction: row;
    height: 2rem;
    justify-content: flex-end;
    padding-right: 1.375rem;
    position: absolute;
    right: 0;
    top: 1rem;
  }
  /* line 573, app/assets/stylesheets/health.css */
  table tbody tr td.claimant span.claimaint-status-text {
    width: fit-content;
  }
  /* line 577, app/assets/stylesheets/health.css */
  td.width-20-percent.appointment-status {
    text-align: right;
  }
  /* BUTTON */
  /* line 582, app/assets/stylesheets/health.css */
  td.width-30-percent.actions {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  /* line 589, app/assets/stylesheets/health.css */
  td.width-30-percent.actions a.button,
td.width-30-percent.actions select.button {
    width: 100%;
  }
  /* line 594, app/assets/stylesheets/health.css */
  div.list-header-spinner-container {
    display: none;
  }
}

/* End Mobile Dashboard */
/* Hide left side nav on mobile */
@media screen and (max-width: 768px) {
  /* line 602, app/assets/stylesheets/health.css */
  .dashboard-sidenav {
    display: none;
  }
}

/* line 607, app/assets/stylesheets/health.css */
.dashboard-sidenav-icon {
  align-items: center;
  background-color: var(--bg-color, #ffffff);
  border-radius: 50%;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-bottom: 0.35rem;
  width: 2.5rem;
}

/* Mobile Nav Menu Styles */
@media screen and (max-width: 768px) {
  /* line 620, app/assets/stylesheets/health.css */
  .user-subheader {
    background: var(--bg-color, #ffffff);
    border-bottom: 1px solid var(--border-color, #ebebeb);
    border-top: 1px solid var(--border-color, #ebebeb);
    padding: 1rem;
  }
  /* line 627, app/assets/stylesheets/health.css */
  .user-subheader .wrap {
    width: 100%;
  }
  /* line 631, app/assets/stylesheets/health.css */
  .user-subheader .wrap .user-details {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  /* line 637, app/assets/stylesheets/health.css */
  .user-subheader .wrap .user-details .user-details-signed-in {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  /* line 645, app/assets/stylesheets/health.css */
  .user-subheader .wrap .user-details .user-details-name {
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
  }
  /* line 650, app/assets/stylesheets/health.css */
  .mobile-menu-links {
    background-color: var(--bg-color, #ffffff);
    min-height: 18rem;
    overflow-y: scroll;
  }
  /* line 656, app/assets/stylesheets/health.css */
  .mobile-link {
    background-color: var(--body-bg-color, rgba(221, 229, 237, 0.4));
    border-bottom: 1px solid var(--border-color, #ebebeb);
    padding: 1rem;
    text-align: right;
  }
  /* line 663, app/assets/stylesheets/health.css */
  .mobile-link a {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    font-size: var(--font-small);
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  /* line 671, app/assets/stylesheets/health.css */
  .mobile-link-highlight {
    background-color: var(--bg-color, #ffffff);
  }
  /* line 675, app/assets/stylesheets/health.css */
  .mobile-link-highlight a {
    color: var(--primary, #1bbb9b);
  }
}

/* End Mobile Nav Menu Styles */
/* line 682, app/assets/stylesheets/health.css */
.dashboard-content {
  background-color: var(--bg-color, #ffffff);
  display: flex;
  padding: 0;
}

/* line 688, app/assets/stylesheets/health.css */
.dashboard-content div.wrap {
  margin: 0 3.9365rem;
  padding: 4rem 0;
  padding-top: 2.5rem;
}

/* Form on ipad and below */
@media screen and (max-width: 1024px) {
  /* line 696, app/assets/stylesheets/health.css */
  .dashboard-content-schedule div.column-one-of-two {
    width: 100%;
  }
}

/* line 701, app/assets/stylesheets/health.css */
.dashboard-content-schedule div.column-two .column-two-fade-out {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 83.7%, white 100%);
  height: 2rem;
  left: 33%;
  position: absolute;
  width: 33%;
}

/* line 714, app/assets/stylesheets/health.css */
.dashboard-content-schedule div.column-one .column-two-fade-out {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 83.7%, white 100%);
  height: 2rem;
  left: 0;
  position: absolute;
  width: 66.66%;
}

/* line 727, app/assets/stylesheets/health.css */
.dashboard-content-schedule div.column-three {
  background-image: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 83.7%, #e7e7e7 100%);
  position: relative;
}

/* End Schedule Page Content */
/* line 733, app/assets/stylesheets/health.css */
h2,
h2.xs-heading {
  font-family: var(--font, "proximanova-regular");
  font-weight: 900;
  margin-bottom: 0.6em;
}

/* line 740, app/assets/stylesheets/health.css */
h2.xs-heading {
  color: #00708f;
}

/* line 744, app/assets/stylesheets/health.css */
h4 {
  margin-bottom: 0.6em;
}

@media screen and (max-width: 768px) {
  /* line 749, app/assets/stylesheets/health.css */
  .dashboard-content div.wrap {
    margin: 0;
    padding: 1rem 1.6rem 4rem;
    width: 100%;
  }
}

/* line 756, app/assets/stylesheets/health.css */
.dashboard-content div.wrap h3 {
  font-family: var(--font-light, "proximanova-light");
  font-size: var(--font-large, 1.375rem);
  line-height: 1.625rem;
}

/* line 762, app/assets/stylesheets/health.css */
.dashboard-content div.wrap .mobile-nav-highlight {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 767, app/assets/stylesheets/health.css */
  .dashboard-content div.wrap .mobile-nav-highlight {
    align-items: center;
    border-bottom: 1px solid var(--border-color, #ebebeb);
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
  }
  /* line 775, app/assets/stylesheets/health.css */
  .dashboard-content div.wrap .mobile-nav-highlight h5 {
    color: var(--icon, rgba(0, 0, 0, 0.5));
    font-family: var(--font-semi-bold, "proximanova-semibold");
    margin-bottom: 0;
  }
  /* line 781, app/assets/stylesheets/health.css */
  .dashboard-content div.wrap .mobile-nav-highlight svg {
    fill: var(--icon, rgba(0, 0, 0, 0.5));
    margin-right: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  /* line 788, app/assets/stylesheets/health.css */
  .dashboard-content div.wrap h3 {
    display: none;
  }
}

/* line 793, app/assets/stylesheets/health.css */
.dashboard-sidenav {
  align-items: center;
  border-right: 1px solid var(--border-color, #ebebeb);
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.98rem;
}

/* line 801, app/assets/stylesheets/health.css */
h1 {
  color: var(--default, #000000);
  font-family: var(--font-bold, "proximanova-bold");
  font-weight: 900;
  font-size: var(--font-header, 4em);
  mix-blend-mode: multiply;
}

@media screen and (max-width: 768px) {
  /* line 810, app/assets/stylesheets/health.css */
  h1 {
    font-size: 10vw;
  }
}

/* line 815, app/assets/stylesheets/health.css */
p {
  color: var(--default, #000000);
  font-family: var(--font-light, "proximanova-light");
}

@media screen and (max-width: 768px) {
  /* line 821, app/assets/stylesheets/health.css */
  p {
    font-size: 1.1em;
  }
}

/* line 826, app/assets/stylesheets/health.css */
a.cta-alt {
  color: var(--default, #000000);
}

/* line 830, app/assets/stylesheets/health.css */
.cta-container {
  align-items: center;
  display: flex;
  margin: 1em 0;
  font-family: var(--font, "proximanova-regular");
  font-weight: 400;
}

/* line 838, app/assets/stylesheets/health.css */
.cta-container span {
  color: var(--default, #000000);
  font-family: var(--font-light, "proximanova-light");
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0 1em;
}

/* line 846, app/assets/stylesheets/health.css */
a.call-to-action,
input.call-to-action,
button.call-to-action {
  background-color: var(--primary, #1bbb9b);
  border: 0;
  border-radius: 10em;
  box-shadow: inset 0 0 0 2px var(--primary, #1bbb9b);
  box-sizing: border-box;
  color: #f9f4ed;
  font-family: var(--font-bold, "proximanova-bold");
  font-size: 1.3em;
  font-weight: 700;
  letter-spacing: 0;
  padding: 1em 2.4em 1.1em;
  position: relative;
  text-transform: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  vertical-align: middle;
}

/* line 867, app/assets/stylesheets/health.css */
a.call-to-action:hover,
input.call-to-action:hover,
button.call-to-action:hover {
  background-color: var(--secondary, #57977e);
  box-shadow: inset 0 0 0 2px var(--secondary, #57977e);
  color: #f9f4ed;
  cursor: pointer;
}

/* line 876, app/assets/stylesheets/health.css */
.cover-spinner {
  width: calc(100% - 4em);
}