@charset "UTF-8";
/*
 *# require_tree .
 *# require_self
 */
/* Base Styles
=========================================================================================================================*/
/*
  ______                 ____        _
 |___  /                / __ \      | |
    / / ___ _ __ ___   | |  | |_   _| |_
   / / / _ \ '__/ _ \  | |  | | | | | __|
  / /_|  __/ | | (_) | | |__| | |_| | |_
 /_____\___|_|  \___/   \____/ \__,_|\__|
*/
/* line 10, app/assets/stylesheets/base/zero_out.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 31, app/assets/stylesheets/base/zero_out.scss */
body {
  line-height: 1;
}

/* line 35, app/assets/stylesheets/base/zero_out.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 40, app/assets/stylesheets/base/zero_out.scss */
nav ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/base/zero_out.scss */
blockquote, q {
  quotes: none;
}

/* line 48, app/assets/stylesheets/base/zero_out.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 54, app/assets/stylesheets/base/zero_out.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 64, app/assets/stylesheets/base/zero_out.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 71, app/assets/stylesheets/base/zero_out.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 600;
}

/* line 78, app/assets/stylesheets/base/zero_out.scss */
del {
  text-decoration: line-through;
}

/* line 82, app/assets/stylesheets/base/zero_out.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 87, app/assets/stylesheets/base/zero_out.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 93, app/assets/stylesheets/base/zero_out.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 1em 0;
  padding: 0;
}

/* line 102, app/assets/stylesheets/base/zero_out.scss */
input, select {
  vertical-align: middle;
}

/* line 106, app/assets/stylesheets/base/zero_out.scss */
* {
  scrollbar-width: none;
}

/*
  ____                 _                _       _
 |  _ \               | |              (_)     | |
 | |_) |_ __ ___  __ _| | ___ __   ___  _ _ __ | |_ ___
 |  _ <| '__/ _ \/ _` | |/ / '_ \ / _ \| | '_ \| __/ __|
 | |_) | | |  __/ (_| |   <| |_) | (_) | | | | | |_\__ \
 |____/|_|  \___|\__,_|_|\_\ .__/ \___/|_|_| |_|\__|___/
                           | |
                           |_|
*/
/*
 __      __        _       _     _
 \ \    / /       (_)     | |   | |
  \ \  / /_ _ _ __ _  __ _| |__ | | ___  ___
   \ \/ / _` | '__| |/ _` | '_ \| |/ _ \/ __|
    \  / (_| | |  | | (_| | |_) | |  __/\__ \
     \/ \__,_|_|  |_|\__,_|_.__/|_|\___||___/
*/
/* Badge Colors
=========================================================================================================================*/
/* Dark Mode Colors
=========================================================================================================================*/
/* Table Padding
=========================================================================================================================*/
/* Marketing
======================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* New Design System Colors
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Padding Utilities
/* ===================================================================== */
/* ===================================================================== */
/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-zero {
  padding: 0px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-zero, .px-zero {
  padding-left: 0px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-zero, .px-zero {
  padding-right: 0px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-zero, .py-zero {
  padding-top: 0px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-zero, .py-zero {
  padding-bottom: 0px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-xs {
  padding: 4px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-xs, .px-xs {
  padding-left: 4px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-xs, .px-xs {
  padding-right: 4px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-xs, .py-xs {
  padding-top: 4px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-xs, .py-xs {
  padding-bottom: 4px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-sm {
  padding: 8px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-sm, .px-sm {
  padding-left: 8px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-sm, .px-sm {
  padding-right: 8px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-sm, .py-sm {
  padding-top: 8px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-sm, .py-sm {
  padding-bottom: 8px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-md {
  padding: 12px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-md, .px-md {
  padding-left: 12px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-md, .px-md {
  padding-right: 12px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-md, .py-md {
  padding-top: 12px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-md, .py-md {
  padding-bottom: 12px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-base {
  padding: 16px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-base, .px-base {
  padding-left: 16px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-base, .px-base {
  padding-right: 16px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-base, .py-base {
  padding-top: 16px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-base, .py-base {
  padding-bottom: 16px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-lg {
  padding: 24px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-lg, .px-lg {
  padding-left: 24px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-lg, .px-lg {
  padding-right: 24px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-lg, .py-lg {
  padding-top: 24px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-lg, .py-lg {
  padding-bottom: 24px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-xl {
  padding: 32px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-xl, .px-xl {
  padding-left: 32px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-xl, .px-xl {
  padding-right: 32px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-xl, .py-xl {
  padding-top: 32px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-xl, .py-xl {
  padding-bottom: 32px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-2xl {
  padding: 48px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-2xl, .px-2xl {
  padding-left: 48px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-2xl, .px-2xl {
  padding-right: 48px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-2xl, .py-2xl {
  padding-top: 48px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-2xl, .py-2xl {
  padding-bottom: 48px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-3xl {
  padding: 64px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-3xl, .px-3xl {
  padding-left: 64px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-3xl, .px-3xl {
  padding-right: 64px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-3xl, .py-3xl {
  padding-top: 64px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-3xl, .py-3xl {
  padding-bottom: 64px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-4xl {
  padding: 80px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-4xl, .px-4xl {
  padding-left: 80px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-4xl, .px-4xl {
  padding-right: 80px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-4xl, .py-4xl {
  padding-top: 80px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-4xl, .py-4xl {
  padding-bottom: 80px !important;
}

/* line 78, app/assets/stylesheets/base/spacing.scss */
.p-5xl {
  padding: 96px !important;
}

/* line 81, app/assets/stylesheets/base/spacing.scss */
.pl-5xl, .px-5xl {
  padding-left: 96px !important;
}

/* line 84, app/assets/stylesheets/base/spacing.scss */
.pr-5xl, .px-5xl {
  padding-right: 96px !important;
}

/* line 87, app/assets/stylesheets/base/spacing.scss */
.pt-5xl, .py-5xl {
  padding-top: 96px !important;
}

/* line 90, app/assets/stylesheets/base/spacing.scss */
.pb-5xl, .py-5xl {
  padding-bottom: 96px !important;
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-zero {
    padding: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-zero, .px-tab-zero {
    padding-left: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-zero, .px-tab-zero {
    padding-right: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-zero, .py-tab-zero {
    padding-top: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-zero, .py-tab-zero {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-xs {
    padding: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-xs, .px-tab-xs {
    padding-left: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-xs, .px-tab-xs {
    padding-right: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-xs, .py-tab-xs {
    padding-top: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-xs, .py-tab-xs {
    padding-bottom: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-sm {
    padding: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-sm, .px-tab-sm {
    padding-left: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-sm, .px-tab-sm {
    padding-right: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-sm, .py-tab-sm {
    padding-top: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-sm, .py-tab-sm {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-md {
    padding: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-md, .px-tab-md {
    padding-left: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-md, .px-tab-md {
    padding-right: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-md, .py-tab-md {
    padding-top: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-md, .py-tab-md {
    padding-bottom: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-base {
    padding: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-base, .px-tab-base {
    padding-left: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-base, .px-tab-base {
    padding-right: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-base, .py-tab-base {
    padding-top: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-base, .py-tab-base {
    padding-bottom: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-lg {
    padding: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-lg, .px-tab-lg {
    padding-left: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-lg, .px-tab-lg {
    padding-right: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-lg, .py-tab-lg {
    padding-top: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-lg, .py-tab-lg {
    padding-bottom: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-xl {
    padding: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-xl, .px-tab-xl {
    padding-left: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-xl, .px-tab-xl {
    padding-right: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-xl, .py-tab-xl {
    padding-top: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-xl, .py-tab-xl {
    padding-bottom: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-2xl {
    padding: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-2xl, .px-tab-2xl {
    padding-left: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-2xl, .px-tab-2xl {
    padding-right: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-2xl, .py-tab-2xl {
    padding-top: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-2xl, .py-tab-2xl {
    padding-bottom: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-3xl {
    padding: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-3xl, .px-tab-3xl {
    padding-left: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-3xl, .px-tab-3xl {
    padding-right: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-3xl, .py-tab-3xl {
    padding-top: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-3xl, .py-tab-3xl {
    padding-bottom: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-4xl {
    padding: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-4xl, .px-tab-4xl {
    padding-left: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-4xl, .px-tab-4xl {
    padding-right: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-4xl, .py-tab-4xl {
    padding-top: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-4xl, .py-tab-4xl {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/base/spacing.scss */
  .p-tab-5xl {
    padding: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/base/spacing.scss */
  .pl-tab-5xl, .px-tab-5xl {
    padding-left: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/base/spacing.scss */
  .pr-tab-5xl, .px-tab-5xl {
    padding-right: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/base/spacing.scss */
  .pt-tab-5xl, .py-tab-5xl {
    padding-top: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/base/spacing.scss */
  .pb-tab-5xl, .py-tab-5xl {
    padding-bottom: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-zero {
    padding: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-zero, .px-desk-zero {
    padding-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-zero, .px-desk-zero {
    padding-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-zero, .py-desk-zero {
    padding-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-zero, .py-desk-zero {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-xs {
    padding: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-xs, .px-desk-xs {
    padding-left: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-xs, .px-desk-xs {
    padding-right: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-xs, .py-desk-xs {
    padding-top: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-xs, .py-desk-xs {
    padding-bottom: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-sm {
    padding: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-sm, .px-desk-sm {
    padding-left: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-sm, .px-desk-sm {
    padding-right: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-sm, .py-desk-sm {
    padding-top: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-sm, .py-desk-sm {
    padding-bottom: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-md {
    padding: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-md, .px-desk-md {
    padding-left: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-md, .px-desk-md {
    padding-right: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-md, .py-desk-md {
    padding-top: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-md, .py-desk-md {
    padding-bottom: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-base {
    padding: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-base, .px-desk-base {
    padding-left: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-base, .px-desk-base {
    padding-right: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-base, .py-desk-base {
    padding-top: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-base, .py-desk-base {
    padding-bottom: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-lg {
    padding: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-lg, .px-desk-lg {
    padding-left: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-lg, .px-desk-lg {
    padding-right: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-lg, .py-desk-lg {
    padding-top: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-lg, .py-desk-lg {
    padding-bottom: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-xl {
    padding: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-xl, .px-desk-xl {
    padding-left: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-xl, .px-desk-xl {
    padding-right: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-xl, .py-desk-xl {
    padding-top: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-xl, .py-desk-xl {
    padding-bottom: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-2xl {
    padding: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-2xl, .px-desk-2xl {
    padding-left: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-2xl, .px-desk-2xl {
    padding-right: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-2xl, .py-desk-2xl {
    padding-top: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-2xl, .py-desk-2xl {
    padding-bottom: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-3xl {
    padding: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-3xl, .px-desk-3xl {
    padding-left: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-3xl, .px-desk-3xl {
    padding-right: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-3xl, .py-desk-3xl {
    padding-top: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-3xl, .py-desk-3xl {
    padding-bottom: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-4xl {
    padding: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-4xl, .px-desk-4xl {
    padding-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-4xl, .px-desk-4xl {
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-4xl, .py-desk-4xl {
    padding-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-4xl, .py-desk-4xl {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/base/spacing.scss */
  .p-desk-5xl {
    padding: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/base/spacing.scss */
  .pl-desk-5xl, .px-desk-5xl {
    padding-left: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 120, app/assets/stylesheets/base/spacing.scss */
  .pr-desk-5xl, .px-desk-5xl {
    padding-right: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 123, app/assets/stylesheets/base/spacing.scss */
  .pt-desk-5xl, .py-desk-5xl {
    padding-top: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/base/spacing.scss */
  .pb-desk-5xl, .py-desk-5xl {
    padding-bottom: 96px !important;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Margin Utilities
/* ===================================================================== */
/* ===================================================================== */
/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-zero {
  margin: 0px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-zero, .mx-zero {
  margin-left: 0px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-zero, .mx-zero {
  margin-right: 0px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-zero, .my-zero {
  margin-top: 0px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-zero, .my-zero {
  margin-bottom: 0px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-xs {
  margin: 4px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-xs, .mx-xs {
  margin-left: 4px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-xs, .mx-xs {
  margin-right: 4px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-xs, .my-xs {
  margin-top: 4px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-xs, .my-xs {
  margin-bottom: 4px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-sm {
  margin: 8px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-sm, .mx-sm {
  margin-left: 8px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-sm, .mx-sm {
  margin-right: 8px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-sm, .my-sm {
  margin-top: 8px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-sm, .my-sm {
  margin-bottom: 8px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-md {
  margin: 12px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-md, .mx-md {
  margin-left: 12px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-md, .mx-md {
  margin-right: 12px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-md, .my-md {
  margin-top: 12px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-md, .my-md {
  margin-bottom: 12px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-base {
  margin: 16px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-base, .mx-base {
  margin-left: 16px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-base, .mx-base {
  margin-right: 16px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-base, .my-base {
  margin-top: 16px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-base, .my-base {
  margin-bottom: 16px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-lg {
  margin: 24px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-lg, .mx-lg {
  margin-left: 24px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-lg, .mx-lg {
  margin-right: 24px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-lg, .my-lg {
  margin-top: 24px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-lg, .my-lg {
  margin-bottom: 24px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-xl {
  margin: 32px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-xl, .mx-xl {
  margin-left: 32px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-xl, .mx-xl {
  margin-right: 32px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-xl, .my-xl {
  margin-top: 32px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-xl, .my-xl {
  margin-bottom: 32px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-2xl {
  margin: 48px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-2xl, .mx-2xl {
  margin-left: 48px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-2xl, .mx-2xl {
  margin-right: 48px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-2xl, .my-2xl {
  margin-top: 48px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-2xl, .my-2xl {
  margin-bottom: 48px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-3xl {
  margin: 64px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-3xl, .mx-3xl {
  margin-left: 64px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-3xl, .mx-3xl {
  margin-right: 64px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-3xl, .my-3xl {
  margin-top: 64px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-3xl, .my-3xl {
  margin-bottom: 64px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-4xl {
  margin: 80px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-4xl, .mx-4xl {
  margin-left: 80px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-4xl, .mx-4xl {
  margin-right: 80px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-4xl, .my-4xl {
  margin-top: 80px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-4xl, .my-4xl {
  margin-bottom: 80px !important;
}

/* line 138, app/assets/stylesheets/base/spacing.scss */
.m-5xl {
  margin: 96px !important;
}

/* line 141, app/assets/stylesheets/base/spacing.scss */
.ml-5xl, .mx-5xl {
  margin-left: 96px !important;
}

/* line 144, app/assets/stylesheets/base/spacing.scss */
.mr-5xl, .mx-5xl {
  margin-right: 96px !important;
}

/* line 147, app/assets/stylesheets/base/spacing.scss */
.mt-5xl, .my-5xl {
  margin-top: 96px !important;
}

/* line 150, app/assets/stylesheets/base/spacing.scss */
.mb-5xl, .my-5xl {
  margin-bottom: 96px !important;
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-zero {
    margin: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-zero, .mx-tab-zero {
    margin-left: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-zero, .mx-tab-zero {
    margin-right: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-zero, .my-tab-zero {
    margin-top: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-zero, .my-tab-zero {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-xs {
    margin: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-xs, .mx-tab-xs {
    margin-left: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-xs, .mx-tab-xs {
    margin-right: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-xs, .my-tab-xs {
    margin-top: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-xs, .my-tab-xs {
    margin-bottom: 4px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-sm {
    margin: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-sm, .mx-tab-sm {
    margin-left: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-sm, .mx-tab-sm {
    margin-right: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-sm, .my-tab-sm {
    margin-top: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-sm, .my-tab-sm {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-md {
    margin: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-md, .mx-tab-md {
    margin-left: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-md, .mx-tab-md {
    margin-right: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-md, .my-tab-md {
    margin-top: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-md, .my-tab-md {
    margin-bottom: 12px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-base {
    margin: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-base, .mx-tab-base {
    margin-left: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-base, .mx-tab-base {
    margin-right: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-base, .my-tab-base {
    margin-top: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-base, .my-tab-base {
    margin-bottom: 16px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-lg {
    margin: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-lg, .mx-tab-lg {
    margin-left: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-lg, .mx-tab-lg {
    margin-right: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-lg, .my-tab-lg {
    margin-top: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-lg, .my-tab-lg {
    margin-bottom: 24px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-xl {
    margin: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-xl, .mx-tab-xl {
    margin-left: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-xl, .mx-tab-xl {
    margin-right: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-xl, .my-tab-xl {
    margin-top: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-xl, .my-tab-xl {
    margin-bottom: 32px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-2xl {
    margin: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-2xl, .mx-tab-2xl {
    margin-left: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-2xl, .mx-tab-2xl {
    margin-right: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-2xl, .my-tab-2xl {
    margin-top: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-2xl, .my-tab-2xl {
    margin-bottom: 48px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-3xl {
    margin: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-3xl, .mx-tab-3xl {
    margin-left: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-3xl, .mx-tab-3xl {
    margin-right: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-3xl, .my-tab-3xl {
    margin-top: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-3xl, .my-tab-3xl {
    margin-bottom: 64px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-4xl {
    margin: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-4xl, .mx-tab-4xl {
    margin-left: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-4xl, .mx-tab-4xl {
    margin-right: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-4xl, .my-tab-4xl {
    margin-top: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-4xl, .my-tab-4xl {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/base/spacing.scss */
  .m-tab-5xl {
    margin: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/base/spacing.scss */
  .ml-tab-5xl, .mx-tab-5xl {
    margin-left: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 162, app/assets/stylesheets/base/spacing.scss */
  .mr-tab-5xl, .mx-tab-5xl {
    margin-right: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/base/spacing.scss */
  .mt-tab-5xl, .my-tab-5xl {
    margin-top: 96px !important;
  }
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/base/spacing.scss */
  .mb-tab-5xl, .my-tab-5xl {
    margin-bottom: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-zero {
    margin: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-zero, .mx-desk-zero {
    margin-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-zero, .mx-desk-zero {
    margin-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-zero, .my-desk-zero {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-zero, .my-desk-zero {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-xs {
    margin: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-xs, .mx-desk-xs {
    margin-left: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-xs, .mx-desk-xs {
    margin-right: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-xs, .my-desk-xs {
    margin-top: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-xs, .my-desk-xs {
    margin-bottom: 4px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-sm {
    margin: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-sm, .mx-desk-sm {
    margin-left: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-sm, .mx-desk-sm {
    margin-right: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-sm, .my-desk-sm {
    margin-top: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-sm, .my-desk-sm {
    margin-bottom: 8px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-md {
    margin: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-md, .mx-desk-md {
    margin-left: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-md, .mx-desk-md {
    margin-right: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-md, .my-desk-md {
    margin-top: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-md, .my-desk-md {
    margin-bottom: 12px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-base {
    margin: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-base, .mx-desk-base {
    margin-left: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-base, .mx-desk-base {
    margin-right: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-base, .my-desk-base {
    margin-top: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-base, .my-desk-base {
    margin-bottom: 16px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-lg {
    margin: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-lg, .mx-desk-lg {
    margin-left: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-lg, .mx-desk-lg {
    margin-right: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-lg, .my-desk-lg {
    margin-top: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-lg, .my-desk-lg {
    margin-bottom: 24px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-xl {
    margin: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-xl, .mx-desk-xl {
    margin-left: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-xl, .mx-desk-xl {
    margin-right: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-xl, .my-desk-xl {
    margin-top: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-xl, .my-desk-xl {
    margin-bottom: 32px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-2xl {
    margin: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-2xl, .mx-desk-2xl {
    margin-left: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-2xl, .mx-desk-2xl {
    margin-right: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-2xl, .my-desk-2xl {
    margin-top: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-2xl, .my-desk-2xl {
    margin-bottom: 48px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-3xl {
    margin: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-3xl, .mx-desk-3xl {
    margin-left: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-3xl, .mx-desk-3xl {
    margin-right: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-3xl, .my-desk-3xl {
    margin-top: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-3xl, .my-desk-3xl {
    margin-bottom: 64px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-4xl {
    margin: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-4xl, .mx-desk-4xl {
    margin-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-4xl, .mx-desk-4xl {
    margin-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-4xl, .my-desk-4xl {
    margin-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-4xl, .my-desk-4xl {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/base/spacing.scss */
  .m-desk-5xl {
    margin: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/base/spacing.scss */
  .ml-desk-5xl, .mx-desk-5xl {
    margin-left: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/base/spacing.scss */
  .mr-desk-5xl, .mx-desk-5xl {
    margin-right: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/base/spacing.scss */
  .mt-desk-5xl, .my-desk-5xl {
    margin-top: 96px !important;
  }
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/base/spacing.scss */
  .mb-desk-5xl, .my-desk-5xl {
    margin-bottom: 96px !important;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Section Spacers
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 201, app/assets/stylesheets/base/spacing.scss */
  .section-spacer-x--desk--base .simple-section-header, .section-spacer-x--desk--base .inline-index__item, .section-spacer-x--desk--base .sharing-block .sharing-block__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (min-width: 1200px) {
  /* line 210, app/assets/stylesheets/base/spacing.scss */
  .section-spacer-x--desk--lg .simple-section-header, .section-spacer-x--desk--lg .inline-index__item, .section-spacer-x--desk--lg .sharing-block .sharing-block__content {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 1200px) {
  /* line 219, app/assets/stylesheets/base/spacing.scss */
  .section-spacer-y--desk--base .simple-section-header, .section-spacer-y--desk--base .inline-index__item, .section-spacer-y--desk--base .sharing-block .sharing-block__content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/*
  _______
 |__   __|
    | | __ _  __ _ ___
    | |/ _` |/ _` / __|
    | | (_| | (_| \__ \
    |_|\__,_|\__, |___/
              __/ |
             |___/
*/
/* line 12, app/assets/stylesheets/base/tags.scss */
html {
  height: 100%;
}

/* line 15, app/assets/stylesheets/base/tags.scss */
body {
  font-family: 'Nunito Sans', sans-serif;
  height: 100%;
  color: #2f2f2f;
}

/* line 21, app/assets/stylesheets/base/tags.scss */
p {
  margin-bottom: 15px;
  line-height: 22px;
  color: #656565;
}

/* line 25, app/assets/stylesheets/base/tags.scss */
p:last-child {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/base/tags.scss */
  p {
    font-size: 14px;
  }
}

/* line 42, app/assets/stylesheets/base/tags.scss */
p.compressed {
  line-height: 18px;
}

/* line 44, app/assets/stylesheets/base/tags.scss */
p.compressed.txt-lg {
  line-height: 24px;
}

/* line 49, app/assets/stylesheets/base/tags.scss */
p.small-text {
  font-size: 13px;
  line-height: 15px;
}

/* line 54, app/assets/stylesheets/base/tags.scss */
a, .fake-link {
  color: teal;
}

/* line 56, app/assets/stylesheets/base/tags.scss */
a:hover, .fake-link:hover {
  cursor: pointer;
  text-decoration: none;
  color: teal;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/base/tags.scss */
  a:hover, .fake-link:hover {
    color: blue;
  }
}

/* line 68, app/assets/stylesheets/base/tags.scss */
a.dark-link, .dark-link {
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/tags.scss */
a.dark-link:hover, .dark-link:hover {
  color: teal;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/base/tags.scss */
a.dark-link--underline-hover, .dark-link--underline-hover {
  color: #2f2f2f;
}

/* line 78, app/assets/stylesheets/base/tags.scss */
a.dark-link--underline-hover:hover, .dark-link--underline-hover:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 18%;
  text-decoration-thickness: 1.5px;
}

/* line 86, app/assets/stylesheets/base/tags.scss */
h1, h2, h3, h4, h5 {
  margin-bottom: 10px;
  /*font-family: "", sans-serif;*/
  font-weight: normal;
}

/* line 92, app/assets/stylesheets/base/tags.scss */
h1 {
  font-size: 32px;
}

/* line 95, app/assets/stylesheets/base/tags.scss */
h2 {
  font-size: 30px;
}

/* line 98, app/assets/stylesheets/base/tags.scss */
h3 {
  font-size: 23px;
}

/* line 101, app/assets/stylesheets/base/tags.scss */
h4 {
  font-size: 18px;
}

/* line 104, app/assets/stylesheets/base/tags.scss */
h5 {
  font-size: 16px;
}

/* line 108, app/assets/stylesheets/base/tags.scss */
.overflow-hidden {
  overflow: hidden;
}

/*
  __  __ _      _
 |  \/  (_)    (_)
 | \  / |___  ___ _ __  ___
 | |\/| | \ \/ / | '_ \/ __|
 | |  | | |>  <| | | | \__ \
 |_|  |_|_/_/\_\_|_| |_|___/
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Text
  = Caps Text
  = Dark Link
* Center
  = Total Center
  = y-Center
  = x-Center
* Expand
  = Absolute
  = Fixed
* Background
  = Cover Sizing
* Box Shadows
  = Box Shadow 1
  = Box Shadow 2
* Other
  = Striped Background
*/
/* Notes ===================================================================================================================
============================================================================================================================

*/
/* ===================================================================== */
/* ===================================================================== */
/* Form Mixins
/* ===================================================================== */
/* ===================================================================== */
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Text
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Active Element White
======================================================================== */
/* Caps Text
=========================================================================================================================*/
/* line 81, app/assets/stylesheets/base/mixins.scss */
.caps-text {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

/* line 92, app/assets/stylesheets/base/mixins.scss */
.small-text-grey {
  color: #838383;
  font-size: 14px;
  line-height: 17px;
}

@media (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/base/mixins.scss */
  .small-text-grey {
    font-size: 15px;
    line-height: 19px;
  }
}

/* Dark Link
======================================================================== */
/* line 113, app/assets/stylesheets/base/mixins.scss */
.dark-link {
  color: #464646;
}

/* line 120, app/assets/stylesheets/base/mixins.scss */
.dark-link.hover {
  transition: color 0.2s;
}

/* line 122, app/assets/stylesheets/base/mixins.scss */
.dark-link.hover:hover {
  color: teal;
  cursor: pointer;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Center
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Total Center
=========================================================================================================================*/
/* line 136, app/assets/stylesheets/base/mixins.scss */
.total-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* y-Center
=========================================================================================================================*/
/* line 151, app/assets/stylesheets/base/mixins.scss */
.y-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* x-Center
=========================================================================================================================*/
/* line 164, app/assets/stylesheets/base/mixins.scss */
.x-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Expand
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Absolute
=========================================================================================================================*/
/* line 183, app/assets/stylesheets/base/mixins.scss */
.expand-absolute {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* Fixed
=========================================================================================================================*/
/* line 200, app/assets/stylesheets/base/mixins.scss */
.expand-fixed {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Background
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Cover Sizing
=========================================================================================================================*/
/* line 223, app/assets/stylesheets/base/mixins.scss */
.bg-cover {
  background-size: cover;
  background-position: center;
  background-color: grey;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Box Shadows
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Box Shadow 1
=========================================================================================================================*/
/* line 237, app/assets/stylesheets/base/mixins.scss */
.boxShadow01 {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Box Shadow 2
=========================================================================================================================*/
/* line 248, app/assets/stylesheets/base/mixins.scss */
.boxShadow02 {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* ===================================================================== */
/* ===================================================================== */
/* Other
/* ===================================================================== */
/* ===================================================================== */
/* Striped Background
======================================================================== */
/* line 265, app/assets/stylesheets/base/mixins.scss */
.stripedBackground01 {
  background-image: linear-gradient(45deg, #ffffff 25%, #fafafa 25%, #fafafa 50%, #ffffff 50%, #ffffff 75%, #fafafa 75%, #fafafa 100%);
  background-size: 14.14px 14.14px;
}

/* line 274, app/assets/stylesheets/base/mixins.scss */
.stripedBackground02 {
  background-image: linear-gradient(45deg, #ffffff 25%, #fdf6e6 25%, #fdf6e6 50%, #ffffff 50%, #ffffff 75%, #fdf6e6 75%, #fdf6e6 100%);
  background-size: 14.14px 14.14px;
}

/* .stacked-data-rows-container, 2 column
======================================================================== */
/*
  ____                 _                _       _     __  __            _
 |  _ \               | |              (_)     | |   |  \/  |          | |
 | |_) |_ __ ___  __ _| | ___ __   ___  _ _ __ | |_  | \  / | __ _ _ __| | _____ _ __
 |  _ <| '__/ _ \/ _` | |/ / '_ \ / _ \| | '_ \| __| | |\/| |/ _` | '__| |/ / _ \ '__|
 | |_) | | |  __/ (_| |   <| |_) | (_) | | | | | |_  | |  | | (_| | |  |   <  __/ |
 |____/|_|  \___|\__,_|_|\_\ .__/ \___/|_|_| |_|\__| |_|  |_|\__,_|_|  |_|\_\___|_|
                           | |
                           |_|
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Section
  = Sub Section
*/
/* Notes ===================================================================================================================
============================================================================================================================
This is a development utility. When #breakpoint-marker is displayed, bottom left of screen
will show the current breakpoint size.
*/
/* line 24, app/assets/stylesheets/base/breakpoint_marker.scss */
#breakpoint-marker {
  display: none;
  z-index: 2000;
  position: fixed;
  left: 0px;
  bottom: 0px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 4px;
  background-color: #b70000;
  border-top-right-radius: 6px;
  color: #fff;
}

/* line 36, app/assets/stylesheets/base/breakpoint_marker.scss */
#breakpoint-marker .sm, #breakpoint-marker .md, #breakpoint-marker .lg, #breakpoint-marker .xl {
  display: none;
}

@media (min-width: 576px) {
  /* line 40, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .xs {
    display: none;
  }
  /* line 41, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .sm {
    display: initial;
  }
}

@media (min-width: 768px) {
  /* line 44, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .sm {
    display: none;
  }
  /* line 45, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .md {
    display: initial;
  }
}

@media (min-width: 992px) {
  /* line 48, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .md {
    display: none;
  }
  /* line 49, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .lg {
    display: initial;
  }
}

@media (min-width: 1200px) {
  /* line 52, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .lg {
    display: none;
  }
  /* line 53, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-marker .xl {
    display: initial;
  }
}

/* line 58, app/assets/stylesheets/base/breakpoint_marker.scss */
#breakpoint-test .test-column {
  background-color: orange;
}

@media (min-width: 576px) {
  /* line 62, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-test .test-column {
    background-color: red;
  }
}

@media (min-width: 768px) {
  /* line 67, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-test .test-column {
    background-color: purple;
  }
}

@media (min-width: 992px) {
  /* line 72, app/assets/stylesheets/base/breakpoint_marker.scss */
  #breakpoint-test .test-column {
    background-color: grey;
  }
}

/* line 1, app/assets/stylesheets/components/text.scss */
.txt-sm {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/text.scss */
  .txt-sm {
    font-size: 12.5px;
  }
}

/* line 14, app/assets/stylesheets/components/text.scss */
.txt-md {
  font-size: 15px;
}

@media (min-width: 576px) {
  /* line 14, app/assets/stylesheets/components/text.scss */
  .txt-md {
    font-size: 13.5px;
  }
}

/* line 27, app/assets/stylesheets/components/text.scss */
.txt {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/components/text.scss */
  .txt {
    font-size: 14.5px;
  }
}

/* line 40, app/assets/stylesheets/components/text.scss */
.txt-lg {
  font-size: 17px;
}

@media (min-width: 576px) {
  /* line 40, app/assets/stylesheets/components/text.scss */
  .txt-lg {
    font-size: 16px;
  }
}

/* line 53, app/assets/stylesheets/components/text.scss */
.txt-xl {
  font-size: 18px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/components/text.scss */
  .txt-xl {
    font-size: 17px;
  }
}

/* line 66, app/assets/stylesheets/components/text.scss */
.txt-xxl {
  font-size: 19px;
}

@media (min-width: 576px) {
  /* line 66, app/assets/stylesheets/components/text.scss */
  .txt-xxl {
    font-size: 18px;
  }
}

/* line 79, app/assets/stylesheets/components/text.scss */
.txt-xxxl {
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 79, app/assets/stylesheets/components/text.scss */
  .txt-xxxl {
    font-size: 22px;
  }
}

/* Decorations
======================================================================== */
/* line 94, app/assets/stylesheets/components/text.scss */
.txt-caps {
  text-transform: uppercase;
}

/* line 100, app/assets/stylesheets/components/text.scss */
.txt-i {
  font-style: italic;
}

/* line 106, app/assets/stylesheets/components/text.scss */
.txt-underline {
  text-decoration: underline;
}

/* Colors
======================================================================== */
/* line 115, app/assets/stylesheets/components/text.scss */
.txt-black {
  color: #2f2f2f;
}

/* line 121, app/assets/stylesheets/components/text.scss */
.txt-soft-black {
  color: #464646;
}

/* line 127, app/assets/stylesheets/components/text.scss */
.txt-grey {
  color: #727272;
}

/* line 133, app/assets/stylesheets/components/text.scss */
.txt-dark-grey {
  color: #838383;
}

/* line 139, app/assets/stylesheets/components/text.scss */
.txt-red {
  color: red;
}

/* line 145, app/assets/stylesheets/components/text.scss */
.txt-deep-red {
  color: #560000;
}

/* line 151, app/assets/stylesheets/components/text.scss */
.txt-soft-red {
  color: #a21515;
}

/* line 157, app/assets/stylesheets/components/text.scss */
.txt-green {
  color: green;
}

/* line 163, app/assets/stylesheets/components/text.scss */
.txt-secondary {
  color: #596171;
}

/* Weight
======================================================================== */
/* line 172, app/assets/stylesheets/components/text.scss */
.txt-600 {
  font-weight: 600;
}

/* line 178, app/assets/stylesheets/components/text.scss */
.txt-800 {
  font-weight: 800;
}

/* ===================================================================== */
/* ===================================================================== */
/* Combos
/* ===================================================================== */
/* ===================================================================== */
/* line 190, app/assets/stylesheets/components/text.scss */
.caps-text-grey {
  font-size: 16px;
  color: #727272;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 190, app/assets/stylesheets/components/text.scss */
  .caps-text-grey {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 190, app/assets/stylesheets/components/text.scss */
  .caps-text-grey {
    font-size: 12.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Strikeouts
/* ===================================================================== */
/* ===================================================================== */
/* line 211, app/assets/stylesheets/components/text.scss */
.red-price-strike s, .red-price-strike strike {
  text-decoration: none;
  position: relative;
}

/* line 215, app/assets/stylesheets/components/text.scss */
.red-price-strike s::before, .red-price-strike strike::before {
  top: 50%;
  /*tweak this to adjust the vertical position if it's off a bit due to your font family */
  background: red;
  /*this is the color of the line*/
  opacity: .7;
  content: '';
  width: 110%;
  position: absolute;
  height: .1em;
  border-radius: .1em;
  left: -5%;
  white-space: nowrap;
  display: block;
  transform: rotate(0deg);
}

/* line 230, app/assets/stylesheets/components/text.scss */
.red-price-strike s.straight::before, .red-price-strike strike.straight::before {
  transform: rotate(0deg);
  left: -1%;
  width: 102%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Text Clamps
/* ===================================================================== */
/* ===================================================================== */
/* line 241, app/assets/stylesheets/components/text.scss */
.text-clamp--1-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 252, app/assets/stylesheets/components/text.scss */
.text-clamp--2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 269, app/assets/stylesheets/components/text.scss */
.text-word-break--all {
  word-break: break-all;
}

/* line 273, app/assets/stylesheets/components/text.scss */
.text-wrap--pretty {
  text-wrap: pretty;
}

/* line 277, app/assets/stylesheets/components/text.scss */
.text-wrap--balance {
  text-wrap: balance;
}

/* ===================================================================== */
/* ===================================================================== */
/* Emails
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/lists.scss */
#email-body-container ul, #email-body-container ol {
  padding: revert;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

/* line 12, app/assets/stylesheets/components/lists.scss */
#email-body-container ul ul, #email-body-container ol ol {
  padding: revert;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

/* line 18, app/assets/stylesheets/components/lists.scss */
#email-body-container li {
  margin-block-start: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Documents
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/components/lists.scss */
#document-show-page ul, #document-show-page ol,
#preview-document-page ul,
#preview-document-page ol,
#edit-document-page #document-page-container ul,
#edit-document-page #document-page-container ol,
#manage-document-page #actions-widget ul,
#manage-document-page #actions-widget ol {
  padding-left: 35px;
}

/* line 34, app/assets/stylesheets/components/lists.scss */
#document-show-page ul ul, #document-show-page ul ol, #document-show-page ol ul, #document-show-page ol ol,
#preview-document-page ul ul,
#preview-document-page ul ol,
#preview-document-page ol ul,
#preview-document-page ol ol,
#edit-document-page #document-page-container ul ul,
#edit-document-page #document-page-container ul ol,
#edit-document-page #document-page-container ol ul,
#edit-document-page #document-page-container ol ol,
#manage-document-page #actions-widget ul ul,
#manage-document-page #actions-widget ul ol,
#manage-document-page #actions-widget ol ul,
#manage-document-page #actions-widget ol ol {
  margin-top: 13px;
}

/* line 41, app/assets/stylesheets/components/lists.scss */
#document-show-page li,
#preview-document-page li,
#edit-document-page #document-page-container li,
#manage-document-page #actions-widget li {
  margin-bottom: 13px;
  color: #656565;
}

@media (min-width: 1200px) {
  /* line 41, app/assets/stylesheets/components/lists.scss */
  #document-show-page li,
#preview-document-page li,
#edit-document-page #document-page-container li,
#manage-document-page #actions-widget li {
    font-size: 14px;
    line-height: 15px;
  }
}

/* Vendors
=========================================================================================================================*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
/* line 9, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-hidden {
  display: none;
}

/* line 12, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 22, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 32, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 38, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 41, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

/* line 51, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
/* line 58, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
/* line 66, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* line 76, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 86, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 93, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

/* line 101, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/* line 106, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/* line 112, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

/* line 119, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-menu {
  position: absolute;
}

/* line 122, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* line 128, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

/* line 132, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 139, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
/* line 145, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu-icons {
  position: relative;
}

/* line 148, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
/* line 153, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
/* line 162, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* line 166, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

/* line 184, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
/* line 193, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
/* line 201, app/assets/stylesheets/vendor/jquery_ui.scss */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
/* line 206, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

/* line 214, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

/* line 223, app/assets/stylesheets/vendor/jquery_ui.scss */
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
/* line 233, app/assets/stylesheets/vendor/jquery_ui.scss */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 238, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

/* line 242, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 247, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

/* line 251, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

/* line 259, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

/* line 262, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

/* line 265, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

/* line 268, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

/* line 271, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

/* line 274, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

/* line 277, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
/* line 282, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em);
}

/* line 288, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

/* line 292, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

/* line 297, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

/* line 304, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

/* line 312, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-checkboxradio-disabled {
  pointer-events: none;
}

/* line 315, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

/* line 320, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

/* line 324, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

/* line 331, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

/* line 335, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

/* line 338, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

/* line 341, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

/* line 344, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

/* line 347, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

/* line 356, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

/* line 361, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 365, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

/* line 369, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 375, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 600;
  border: 0;
}

/* line 381, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker td {
  border: 0;
  padding: 1px;
}

/* line 385, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

/* line 392, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 400, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 408, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
/* line 413, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* line 416, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

/* line 419, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

/* line 423, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

/* line 426, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

/* line 429, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

/* line 432, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

/* line 436, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

/* line 439, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
/* line 446, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl {
  direction: rtl;
}

/* line 449, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

/* line 453, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

/* line 457, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

/* line 461, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

/* line 465, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

/* line 468, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

/* line 471, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

/* line 475, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
/* line 482, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

/* line 490, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

/* line 497, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

/* line 501, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 509, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

/* line 518, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

/* line 525, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

/* line 532, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

/* line 535, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

/* line 539, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

/* line 543, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

/* line 547, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

/* line 551, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

/* line 555, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

/* line 562, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

/* line 566, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

/* line 570, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

/* line 574, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

/* line 578, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* line 581, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* line 585, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable {
  position: relative;
}

/* line 588, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 595, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

/* line 599, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

/* line 606, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

/* line 613, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

/* line 620, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

/* line 627, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

/* line 634, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

/* line 641, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

/* line 648, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* line 655, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

/* line 660, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

/* line 664, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

/* line 670, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/* line 673, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

/* line 677, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/* line 682, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* line 690, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

/* line 695, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

/* line 704, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-open {
  display: block;
}

/* line 707, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 713, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

/* line 718, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

/* line 722, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider {
  position: relative;
  text-align: left;
}

/* line 726, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 735, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
/* line 745, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* line 750, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-horizontal {
  height: .8em;
}

/* line 753, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

/* line 757, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 761, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 764, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 768, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

/* line 772, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

/* line 777, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 781, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 784, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* line 787, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* line 791, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

/* line 798, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

/* line 808, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
/* line 822, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

/* line 827, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner-up {
  top: 0;
}

/* line 830, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-spinner-down {
  bottom: 0;
}

/* line 833, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

/* line 837, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

/* line 841, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

/* line 851, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

/* line 856, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

/* line 860, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

/* line 865, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

/* line 868, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* line 874, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

/* line 880, app/assets/stylesheets/vendor/jquery_ui.scss */
body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
/* line 886, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 890, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget .ui-widget {
  font-size: 1em;
}

/* line 893, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 900, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

/* line 903, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

/* line 908, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-content a {
  color: #333333;
}

/* line 911, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: 600;
}

/* line 917, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
/* line 923, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

/* line 937, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button {
  color: #454545;
  text-decoration: none;
}

/* line 947, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

/* line 960, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

/* line 974, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

/* line 977, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

/* line 988, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

/* line 993, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
/* line 1002, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

/* line 1009, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

/* line 1013, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

/* line 1018, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

/* line 1025, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

/* line 1030, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

/* line 1035, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 600;
}

/* line 1040, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

/* line 1047, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

/* line 1054, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
/* line 1062, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon {
  width: 16px;
  height: 16px;
}

/* line 1066, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/assets/ui-icons_444444_256x240-db95c0dcbd660c7962ddde4c5447ec0b227add65a8cc5a5e0c62af6343c31eb5.png);
}

/* line 1070, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-header .ui-icon {
  background-image: url(/assets/ui-icons_444444_256x240-db95c0dcbd660c7962ddde4c5447ec0b227add65a8cc5a5e0c62af6343c31eb5.png);
}

/* line 1073, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/assets/ui-icons_555555_256x240-33fbad216a98cc200928303f71d67e694375c5530628a7ef5cb53a4dc66fdb77.png);
}

/* line 1079, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/assets/ui-icons_ffffff_256x240-e4970edea240e9509a676a1de4333aa5228592493673810eb63cc96316a82955.png);
}

/* line 1083, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/assets/ui-icons_777620_256x240-6213422f5b25ed0baf24474e0b9cdef302d01c32bfffd85b477f9c1d61281da5.png);
}

/* line 1087, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/assets/ui-icons_cc0000_256x240-2fc03ebbcb7adf3f257f52a5ea1f425bd3e0bd3c1cd5f9cf2054a7e5d8527591.png);
}

/* line 1091, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-button .ui-icon {
  background-image: url(/assets/ui-icons_777777_256x240-b2d21d1873dc2d7ab94c10c4a55ab55e466c2876cd434f4e6a8e330eaf6be34c.png);
}

/* positioning */
/* line 1096, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-blank {
  background-position: 16px 16px;
}

/* line 1097, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-n {
  background-position: 0 0;
}

/* line 1098, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

/* line 1099, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-e {
  background-position: -32px 0;
}

/* line 1100, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-se {
  background-position: -48px 0;
}

/* line 1101, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-s {
  background-position: -65px 0;
}

/* line 1102, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

/* line 1103, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-w {
  background-position: -96px 0;
}

/* line 1104, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

/* line 1105, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

/* line 1106, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

/* line 1107, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

/* line 1108, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

/* line 1109, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

/* line 1110, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

/* line 1111, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

/* line 1112, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

/* line 1113, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

/* line 1114, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

/* line 1115, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

/* line 1116, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

/* line 1117, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

/* line 1118, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

/* line 1119, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

/* line 1120, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

/* line 1121, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

/* line 1122, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

/* line 1123, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

/* line 1124, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

/* line 1125, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

/* line 1126, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

/* line 1127, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

/* line 1128, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

/* line 1129, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

/* line 1130, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

/* line 1131, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

/* line 1132, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

/* line 1133, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

/* line 1134, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

/* line 1135, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

/* line 1136, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

/* line 1137, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

/* line 1138, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

/* line 1139, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

/* line 1140, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

/* line 1141, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

/* line 1142, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

/* line 1143, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

/* line 1144, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

/* line 1145, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

/* line 1146, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

/* line 1147, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

/* line 1148, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

/* line 1149, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

/* line 1150, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

/* line 1151, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

/* line 1152, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

/* line 1153, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

/* line 1154, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

/* line 1155, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

/* line 1156, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

/* line 1157, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

/* line 1158, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

/* line 1159, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

/* line 1160, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

/* line 1161, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

/* line 1162, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

/* line 1163, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-extlink {
  background-position: -32px -80px;
}

/* line 1164, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-newwin {
  background-position: -48px -80px;
}

/* line 1165, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-refresh {
  background-position: -64px -80px;
}

/* line 1166, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-shuffle {
  background-position: -80px -80px;
}

/* line 1167, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

/* line 1168, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

/* line 1169, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

/* line 1170, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-folder-open {
  background-position: -16px -96px;
}

/* line 1171, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-document {
  background-position: -32px -96px;
}

/* line 1172, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-document-b {
  background-position: -48px -96px;
}

/* line 1173, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-note {
  background-position: -64px -96px;
}

/* line 1174, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-mail-closed {
  background-position: -80px -96px;
}

/* line 1175, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-mail-open {
  background-position: -96px -96px;
}

/* line 1176, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-suitcase {
  background-position: -112px -96px;
}

/* line 1177, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-comment {
  background-position: -128px -96px;
}

/* line 1178, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-person {
  background-position: -144px -96px;
}

/* line 1179, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-print {
  background-position: -160px -96px;
}

/* line 1180, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-trash {
  background-position: -176px -96px;
}

/* line 1181, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-locked {
  background-position: -192px -96px;
}

/* line 1182, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-unlocked {
  background-position: -208px -96px;
}

/* line 1183, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-bookmark {
  background-position: -224px -96px;
}

/* line 1184, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-tag {
  background-position: -240px -96px;
}

/* line 1185, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-home {
  background-position: 0 -112px;
}

/* line 1186, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-flag {
  background-position: -16px -112px;
}

/* line 1187, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-calendar {
  background-position: -32px -112px;
}

/* line 1188, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-cart {
  background-position: -48px -112px;
}

/* line 1189, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-pencil {
  background-position: -64px -112px;
}

/* line 1190, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-clock {
  background-position: -80px -112px;
}

/* line 1191, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-disk {
  background-position: -96px -112px;
}

/* line 1192, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-calculator {
  background-position: -112px -112px;
}

/* line 1193, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-zoomin {
  background-position: -128px -112px;
}

/* line 1194, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-zoomout {
  background-position: -144px -112px;
}

/* line 1195, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-search {
  background-position: -160px -112px;
}

/* line 1196, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-wrench {
  background-position: -176px -112px;
}

/* line 1197, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-gear {
  background-position: -192px -112px;
}

/* line 1198, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-heart {
  background-position: -208px -112px;
}

/* line 1199, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-star {
  background-position: -224px -112px;
}

/* line 1200, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-link {
  background-position: -240px -112px;
}

/* line 1201, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-cancel {
  background-position: 0 -128px;
}

/* line 1202, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-plus {
  background-position: -16px -128px;
}

/* line 1203, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-plusthick {
  background-position: -32px -128px;
}

/* line 1204, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-minus {
  background-position: -48px -128px;
}

/* line 1205, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-minusthick {
  background-position: -64px -128px;
}

/* line 1206, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-close {
  background-position: -80px -128px;
}

/* line 1207, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-closethick {
  background-position: -96px -128px;
}

/* line 1208, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-key {
  background-position: -112px -128px;
}

/* line 1209, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-lightbulb {
  background-position: -128px -128px;
}

/* line 1210, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-scissors {
  background-position: -144px -128px;
}

/* line 1211, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-clipboard {
  background-position: -160px -128px;
}

/* line 1212, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-copy {
  background-position: -176px -128px;
}

/* line 1213, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-contact {
  background-position: -192px -128px;
}

/* line 1214, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-image {
  background-position: -208px -128px;
}

/* line 1215, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-video {
  background-position: -224px -128px;
}

/* line 1216, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-script {
  background-position: -240px -128px;
}

/* line 1217, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-alert {
  background-position: 0 -144px;
}

/* line 1218, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-info {
  background-position: -16px -144px;
}

/* line 1219, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-notice {
  background-position: -32px -144px;
}

/* line 1220, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-help {
  background-position: -48px -144px;
}

/* line 1221, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-check {
  background-position: -64px -144px;
}

/* line 1222, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-bullet {
  background-position: -80px -144px;
}

/* line 1223, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-radio-on {
  background-position: -96px -144px;
}

/* line 1224, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-radio-off {
  background-position: -112px -144px;
}

/* line 1225, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-pin-w {
  background-position: -128px -144px;
}

/* line 1226, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-pin-s {
  background-position: -144px -144px;
}

/* line 1227, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-play {
  background-position: 0 -160px;
}

/* line 1228, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-pause {
  background-position: -16px -160px;
}

/* line 1229, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-seek-next {
  background-position: -32px -160px;
}

/* line 1230, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-seek-prev {
  background-position: -48px -160px;
}

/* line 1231, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-seek-end {
  background-position: -64px -160px;
}

/* line 1232, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/* line 1234, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

/* line 1235, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-stop {
  background-position: -96px -160px;
}

/* line 1236, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-eject {
  background-position: -112px -160px;
}

/* line 1237, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-volume-off {
  background-position: -128px -160px;
}

/* line 1238, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-volume-on {
  background-position: -144px -160px;
}

/* line 1239, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-power {
  background-position: 0 -176px;
}

/* line 1240, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-signal-diag {
  background-position: -16px -176px;
}

/* line 1241, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-signal {
  background-position: -32px -176px;
}

/* line 1242, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-battery-0 {
  background-position: -48px -176px;
}

/* line 1243, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-battery-1 {
  background-position: -64px -176px;
}

/* line 1244, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-battery-2 {
  background-position: -80px -176px;
}

/* line 1245, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-battery-3 {
  background-position: -96px -176px;
}

/* line 1246, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-plus {
  background-position: 0 -192px;
}

/* line 1247, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-minus {
  background-position: -16px -192px;
}

/* line 1248, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-close {
  background-position: -32px -192px;
}

/* line 1249, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

/* line 1250, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

/* line 1251, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

/* line 1252, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

/* line 1253, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

/* line 1254, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

/* line 1255, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

/* line 1256, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

/* line 1257, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

/* line 1258, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

/* line 1259, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circle-check {
  background-position: -208px -192px;
}

/* line 1260, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

/* line 1261, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

/* line 1262, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

/* line 1263, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

/* line 1264, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

/* line 1265, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

/* line 1266, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

/* line 1267, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

/* line 1268, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

/* line 1269, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

/* line 1270, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

/* line 1271, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
/* line 1278, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

/* line 1284, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

/* line 1290, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

/* line 1296, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
/* line 1304, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .003;
  filter: Alpha(Opacity=0.3);
  /* support: IE8 */
}

/* line 1309, app/assets/stylesheets/vendor/jquery_ui.scss */
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

@font-face {
  font-family: Mobiscroll;
  src: url(/icons_mobiscroll.woff?oyogrj) format("woff"), url(/icons_mobiscroll.woff) format("woff"), url(/icons_mobiscroll.ttf?oyogrj) format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-font-icon:before {
  font-family: Mobiscroll;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-arrow-left2:before {
  content: "\ea02";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-arrow-left6:before {
  content: "\ea04";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-arrow-right2:before {
  content: "\ea01";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-arrow-right6:before {
  content: "\ea03";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-checkmark:before {
  content: "\ea06";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-close:before {
  content: "\ea05";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-loop2:before {
  content: "\ea09";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-minus:before {
  content: "\ea08";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-plus:before {
  content: "\ea07";
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
:root {
  --mbsc-safe-top:0;
  --mbsc-safe-right:0;
  --mbsc-safe-bottom:0;
  --mbsc-safe-left:0;
}

@supports (top: constant(safe-area-inset-top)) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  :root {
    --mbsc-safe-top:constant(safe-area-inset-top);
    --mbsc-safe-right:constant(safe-area-inset-right);
    --mbsc-safe-bottom:constant(safe-area-inset-bottom);
    --mbsc-safe-left:constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  :root {
    --mbsc-safe-top:env(safe-area-inset-top);
    --mbsc-safe-right:env(safe-area-inset-right);
    --mbsc-safe-bottom:env(safe-area-inset-bottom);
    --mbsc-safe-left:env(safe-area-inset-left);
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-font {
  font-family: -apple-system,Segoe UI,Roboto,sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-resize {
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-resize, .mbsc-resize-i {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-resize-y {
  width: 200%;
  height: 200%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-hidden {
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-hidden-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-ltr {
  direction: ltr;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-rtl {
  direction: rtl;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-ripple {
  background: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 1000em;
  pointer-events: none;
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex, .mbsc-flex-col {
  display: -moz-box;
  display: flex;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex-col {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex-1-1 {
  -moz-box-flex: 1;
  flex: 1 1 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex-1-0 {
  -moz-box-flex: 1;
  flex: 1 0 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex-1-0-0 {
  -moz-box-flex: 1;
  flex: 1 0 0;
}

@media (-ms-high-contrast: none) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-flex-1-0-0 {
    -moz-box-flex: 1;
    flex: 1 0 auto;
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-flex-none {
  -moz-box-flex: 0;
  flex: none;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-hb, .mbsc-hb:after, .mbsc-hb:before {
    border-style: none;
    border-width: 0.5px !important;
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-list-header {
  font-weight: 500;
  line-height: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-list-item {
  padding: .5em;
  line-height: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-list-header, .mbsc-windows.mbsc-list-item {
  background: #fff;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-list-item.mbsc-hover:before {
  background: rgba(51, 51, 51, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-list-item.mbsc-active:before {
  background: rgba(51, 51, 51, 0.2);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-list-header, .mbsc-windows-dark.mbsc-list-item {
  background: #1a1a1a;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-list-item.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.22);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(255, 255, 255, 0.3);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list {
  display: block;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-header, .mbsc-list-item {
  display: -moz-box;
  display: flex;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-item {
  position: relative;
  z-index: 2;
  list-style: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-item-actionable {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: background-color .2s ease-out;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-item:focus {
  outline: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-list-item::-moz-focus-inner {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  -moz-box-flex: 0;
  flex: 0 0 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon > svg {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button {
  padding: 0 .5em;
  line-height: 1.75em;
  margin: .5em .25em;
  border: .125em solid transparent;
  transition: border-color .1s ease-out,background-color .1s ease-out;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-icon-button {
  width: 2.75em;
  height: 2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-flat {
  transition: background-color .1s ease-out;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-flat.mbsc-hover {
  opacity: .7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-flat.mbsc-active {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button.mbsc-disabled, .mbsc-windows.mbsc-button:disabled {
  opacity: .3;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-ltr.mbsc-button-icon-start {
  padding-right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-ltr.mbsc-button-icon-end, .mbsc-windows.mbsc-rtl.mbsc-button-icon-start {
  padding-left: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-rtl.mbsc-button-icon-end {
  padding-right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows .mbsc-button-group, .mbsc-windows .mbsc-button-group-justified {
  margin: .5em .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows .mbsc-button-group-block {
  margin: .5em 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-standard {
  background: #ccc;
  border-color: #ccc;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-standard.mbsc-hover {
  border-color: #7a7a7a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-standard.mbsc-active {
  border-color: #7a7a7a;
  background: #7a7a7a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-flat {
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-flat.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-outline {
  border: .125em solid #999;
  color: #999;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-outline.mbsc-hover {
  border-color: grey;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-outline.mbsc-active {
  border-color: grey;
  background: grey;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  border-color: #90979e;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  border-color: #43be5f;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  border-color: #5bb7c5;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  border-color: #47494a;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: #000;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-flat {
  color: #ccc;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: #fff;
  border-color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-outline {
  border-color: #ccc;
  color: #ccc;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-hover {
  border-color: #0964c6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-active {
  background: #0964c6;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-hover {
  border-color: #5d646b;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-active {
  background: #5d646b;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-hover {
  border-color: #287339;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-active {
  background: #287339;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-hover {
  border-color: #d10e0c;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-active {
  background: #d10e0c;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-hover {
  border-color: #cc7f08;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-active {
  background: #cc7f08;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-hover {
  border-color: #317e89;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-active {
  background: #317e89;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-hover {
  border-color: #000;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-active {
  background: #000;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-hover {
  border-color: #999;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-active, .mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-active {
  background: #999;
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-standard {
  background: #404040;
  border-color: #404040;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-standard.mbsc-hover {
  border-color: #ababab;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-standard.mbsc-active {
  border-color: #ababab;
  background: #ababab;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-flat {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-flat.mbsc-active {
  background: #676767;
  border-color: #676767;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-outline {
  border: .125em solid #737373;
  color: #737373;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-outline.mbsc-hover {
  border-color: #8d8d8d;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-outline.mbsc-active {
  border-color: #8d8d8d;
  background: #8d8d8d;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979e;
  border-color: #90979e;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard {
  background: #43be5f;
  border-color: #43be5f;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard {
  background: #5bb7c5;
  border-color: #5bb7c5;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494a;
  border-color: #47494a;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: #000;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat {
  color: #43be5f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat {
  color: #5bb7c5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat {
  color: #ccc;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: #fff;
  border-color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979e;
  color: #90979e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43be5f;
  color: #43be5f;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5bb7c5;
  color: #5bb7c5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494a;
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #ccc;
  color: #ccc;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-hover {
  border-color: #0964c6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-active {
  background: #0964c6;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-hover {
  border-color: #5d646b;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-active {
  background: #5d646b;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-hover {
  border-color: #287339;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-active {
  background: #287339;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-hover {
  border-color: #d10e0c;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-active {
  background: #d10e0c;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-hover {
  border-color: #cc7f08;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-active {
  background: #cc7f08;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-hover {
  border-color: #317e89;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-active {
  background: #317e89;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-hover {
  border-color: #000;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-active {
  background: #000;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-hover {
  border-color: #999;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-active, .mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-active {
  background: #999;
  color: #47494a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  display: -moz-inline-box;
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button.mbsc-disabled, .mbsc-button:disabled {
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button:focus {
  outline: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button::-moz-focus-inner {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-icon-button {
  width: 2.5em;
  height: 2.5em;
  padding: .5em;
  -moz-box-flex: 0;
  flex: 0 0 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-icon > *, .mbsc-button-icon > * > * {
  height: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-icon-end {
  -moz-box-ordinal-group: 2;
  order: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-group, .mbsc-button-group-block, .mbsc-button-group-justified {
  border: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-block, .mbsc-button-group-block .mbsc-button {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-group-justified, .mbsc-button-group-justified mbsc-button {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-button-group-justified .mbsc-button, .mbsc-button-group-justified mbsc-button {
  -moz-box-flex: 1;
  flex: 1 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup {
  border: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-anchored-top {
  margin-top: -.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-anchored-bottom {
  margin-top: .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow {
  width: 1em;
  height: 1em;
  border: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-bottom, .mbsc-windows.mbsc-popup-arrow-top {
  margin-left: -.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-left, .mbsc-windows.mbsc-popup-arrow-right {
  margin-top: -.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-bottom {
  top: 1.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-top {
  bottom: 1.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-left {
  right: 1.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-arrow-right {
  left: 1.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-header {
  padding: .5em;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-buttons {
  display: -moz-box;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  flex-direction: row-reverse;
  border-top: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-button.mbsc-font {
  -moz-box-flex: 1;
  flex: 1 1;
  padding-top: .25em;
  padding-bottom: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-button.mbsc-button-flat {
  margin: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup {
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.133), 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup, .mbsc-windows.mbsc-popup-arrow {
  background: #fff;
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popup-buttons, .mbsc-windows.mbsc-popup-header {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-popup {
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.133), 0 1px 4px 0 rgba(0, 0, 0, 0.11);
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-popup, .mbsc-windows-dark.mbsc-popup-arrow {
  background: #1a1a1a;
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-popup-buttons, .mbsc-windows-dark.mbsc-popup-header {
  border-color: #343434;
}

@-webkit-keyframes mbsc-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mbsc-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes mbsc-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mbsc-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes mbsc-pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mbsc-pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes mbsc-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes mbsc-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes mbsc-slide-up-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes mbsc-slide-up-in {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes mbsc-slide-up-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes mbsc-slide-up-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes mbsc-slide-down-in {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes mbsc-slide-down-in {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes mbsc-slide-down-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes mbsc-slide-down-out {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-open-ios {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-ctx {
  position: relative;
  --mbsc-safe-top:0;
  --mbsc-safe-right:0;
  --mbsc-safe-bottom:0;
  --mbsc-safe-left:0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-limits {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-limits-anchored, .mbsc-popup-limits-center {
  margin: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup, .mbsc-popup-wrapper {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  -moz-box-pack: center;
  justify-content: center;
  border: 0 solid transparent;
  z-index: 99998;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper-ctx {
  position: absolute;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper-center {
  padding: 1em;
  -moz-box-align: center;
  align-items: center;
  border-width: var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper-top {
  -moz-box-align: start;
  align-items: flex-start;
  border-bottom: var(--mbsc-safe-bottom) solid transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper-bottom {
  -moz-box-align: end;
  align-items: flex-end;
  border-top-width: var(--mbsc-safe-top);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-wrapper-anchored {
  border-left-width: var(--mbsc-safe-left);
  border-bottom-width: var(--mbsc-safe-bottom);
  border-right-width: var(--mbsc-safe-right);
  border-top-width: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-hidden {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -10em;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-overlay-in {
  opacity: 1;
  -webkit-animation: mbsc-fade-in 0.15s cubic-bezier(0, 0, 0.2, 1);
  animation: mbsc-fade-in 0.15s cubic-bezier(0, 0, 0.2, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-overlay-out {
  opacity: 0;
  -webkit-animation: mbsc-fade-out 75ms cubic-bezier(0.4, 0, 1, 1);
  animation: mbsc-fade-out 75ms cubic-bezier(0.4, 0, 1, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup {
  max-height: 100%;
  min-width: 12em;
  position: relative;
  z-index: 2;
  pointer-events: auto;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-center {
  min-width: 16em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-bottom {
  width: 100%;
  bottom: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-top {
  width: 100%;
  top: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-anchored {
  position: absolute;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-anchored-left {
  margin-left: -1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-anchored-right {
  margin-left: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-bottom, .mbsc-popup-arrow-wrapper-top {
  left: 0;
  right: 0;
  height: 2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-left, .mbsc-popup-arrow-wrapper-right {
  top: 0;
  bottom: 0;
  width: 2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-top {
  top: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-bottom {
  bottom: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-left {
  left: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-wrapper-right {
  right: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow {
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  pointer-events: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-top {
  bottom: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-bottom {
  top: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-bottom, .mbsc-popup-arrow-top {
  left: 50%;
  margin-left: -.75em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-left {
  right: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-right {
  left: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-arrow-left, .mbsc-popup-arrow-right {
  top: 50%;
  margin-top: -.75em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-focus {
  outline: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-body {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-body-top {
  padding-top: var(--mbsc-safe-top);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-body-bottom {
  padding-bottom: var(--mbsc-safe-bottom);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-body-bottom, .mbsc-popup-body-top {
  padding-left: var(--mbsc-safe-left);
  padding-right: var(--mbsc-safe-right);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-body-round {
  padding: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-padding {
  padding: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-pop-in {
  opacity: 1;
  -webkit-animation: mbsc-pop-in 0.15s cubic-bezier(0, 0, 0.2, 1);
  animation: mbsc-pop-in 0.15s cubic-bezier(0, 0, 0.2, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-pop-out {
  opacity: 0;
  -webkit-animation: mbsc-pop-out 75ms cubic-bezier(0.4, 0, 1, 1);
  animation: mbsc-pop-out 75ms cubic-bezier(0.4, 0, 1, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-slide-up-in {
  -webkit-animation: mbsc-slide-up-in 0.25s cubic-bezier(0, 0, 0.2, 1);
  animation: mbsc-slide-up-in 0.25s cubic-bezier(0, 0, 0.2, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-slide-up-out {
  -webkit-animation: mbsc-slide-up-out 0.2s cubic-bezier(0.4, 0, 1, 1);
  animation: mbsc-slide-up-out 0.2s cubic-bezier(0.4, 0, 1, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-slide-down-in {
  -webkit-animation: mbsc-slide-down-in 0.25s cubic-bezier(0, 0, 0.2, 1);
  animation: mbsc-slide-down-in 0.25s cubic-bezier(0, 0, 0.2, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-slide-down-out {
  -webkit-animation: mbsc-slide-down-out 0.2s cubic-bezier(0.4, 0, 1, 1);
  animation: mbsc-slide-down-out 0.2s cubic-bezier(0.4, 0, 1, 1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-pointer.mbsc-picker .mbsc-popup-overlay, .mbsc-popup-pointer .mbsc-popup-overlay-anchored {
  background: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-round .mbsc-popup-slide-up-in {
  -webkit-animation-name: mbsc-slide-up-in,mbsc-fade-in;
  animation-name: mbsc-slide-up-in,mbsc-fade-in;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-round .mbsc-popup-slide-up-out {
  -webkit-animation-name: mbsc-slide-up-out,mbsc-fade-out;
  animation-name: mbsc-slide-up-out,mbsc-fade-out;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-round .mbsc-popup-slide-down-in {
  -webkit-animation-name: mbsc-slide-down-in,mbsc-fade-in;
  animation-name: mbsc-slide-down-in,mbsc-fade-in;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-round .mbsc-popup-slide-down-out {
  -webkit-animation-name: mbsc-slide-down-out,mbsc-fade-out;
  animation-name: mbsc-slide-down-out,mbsc-fade-out;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popup-round .mbsc-popup-bottom, .mbsc-popup-round .mbsc-popup-top {
  width: auto;
  margin-top: 3em;
  margin-bottom: 3em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-grid-wrapper {
  overflow: hidden;
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-col, .mbsc-timeline-date-col, .mbsc-timeline-resource-col, .mbsc-timeline-sidebar-col {
  -moz-box-flex: 0;
  flex: none;
  width: 4.25em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-grid-scroll, .mbsc-timeline-grid-scroll {
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item:after, .mbsc-timeline-day-border:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item.mbsc-ltr:after, .mbsc-timeline-day-border.mbsc-ltr:after {
  left: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item.mbsc-rtl:after, .mbsc-timeline-day-border.mbsc-rtl:after {
  right: 100%;
  border-left-style: solid;
  border-left-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-column.mbsc-ltr, .mbsc-timeline-column.mbsc-rtl, .mbsc-timeline-footer-date.mbsc-rtl, .mbsc-timeline-header-column.mbsc-rtl, .mbsc-timeline-header-date.mbsc-rtl, .mbsc-timeline-resource-footer-cont.mbsc-rtl, .mbsc-timeline-resource-header-cont.mbsc-rtl, .mbsc-timeline-resource.mbsc-rtl, .mbsc-timeline-row-date.mbsc-rtl, .mbsc-timeline-sidebar-footer-cont.mbsc-ltr, .mbsc-timeline-sidebar-header-cont.mbsc-ltr, .mbsc-timeline-sidebar-resource.mbsc-ltr, .mbsc-timeline-slot-header.mbsc-rtl {
  border-left-style: solid;
  border-left-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-column.mbsc-rtl, .mbsc-timeline-column.mbsc-ltr, .mbsc-timeline-footer-date.mbsc-ltr, .mbsc-timeline-header-column.mbsc-ltr, .mbsc-timeline-header-date.mbsc-ltr, .mbsc-timeline-resource-footer-cont.mbsc-ltr, .mbsc-timeline-resource-header-cont.mbsc-ltr, .mbsc-timeline-resource.mbsc-ltr, .mbsc-timeline-row-date.mbsc-ltr, .mbsc-timeline-sidebar-footer-cont.mbsc-rtl, .mbsc-timeline-sidebar-header-cont.mbsc-rtl, .mbsc-timeline-sidebar-resource.mbsc-rtl, .mbsc-timeline-slot-header.mbsc-ltr {
  border-right-style: solid;
  border-right-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event:focus {
  outline: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event {
  position: absolute;
  padding: 1px 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: .75em;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event.mbsc-ltr {
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event.mbsc-rtl {
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-hover {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-inner {
  position: relative;
  max-height: 100%;
  margin: 0 .2em;
  line-height: 1.5em;
  font-size: .625em;
  padding: .5em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-small-height.mbsc-schedule-event-inner {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.2em;
  margin-top: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-small-height.mbsc-schedule-event-inner .mbsc-schedule-event-title {
  font-size: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-background {
  position: absolute;
  top: -.5em;
  left: 1px;
  right: 1px;
  bottom: -.5em;
  background: currentColor;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-start .mbsc-schedule-event-background {
  top: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-end .mbsc-schedule-event-background {
  bottom: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-range {
  font-size: .8em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day {
  position: relative;
  display: block;
  padding: 0 .25em;
  margin: .125em 0;
  min-height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day-placeholder {
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day-inner {
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  margin: 0;
  padding: 0 .3em;
  font-size: .625em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  top: 0;
  bottom: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-dragging {
  position: absolute;
  top: 0;
  z-index: 3;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-inactive {
  opacity: .5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-hidden {
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: .25em;
  z-index: 1;
  cursor: ns-resize;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-start {
  top: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-end {
  bottom: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-start:after {
  top: -.25em;
  right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-end:after {
  bottom: -.25em;
  left: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize:after {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: .5em;
  height: .5em;
  background: #fff;
  border-radius: 50%;
  border: 1px solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-end-touch:before, .mbsc-schedule-event-resize-start-touch:before {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: 1.5em;
  height: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-start-touch:before {
  top: -.5em;
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-resize-end-touch:before {
  bottom: -.5em;
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-dragging .mbsc-schedule-event-resize, .mbsc-schedule-event-hover .mbsc-schedule-event-resize {
  display: block;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-drag-clone {
  max-width: 200px;
  max-height: 200px;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-drag-clone .mbsc-schedule-event-resize {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color, .mbsc-schedule-invalid {
  position: absolute;
  top: -.5em;
  bottom: -.5em;
  left: 0;
  right: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color-all-day, .mbsc-schedule-invalid-all-day {
  top: 0;
  bottom: 0;
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color-start, .mbsc-schedule-invalid-start {
  padding-top: .5em;
  margin-top: -.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color-end, .mbsc-schedule-invalid-end {
  padding-bottom: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color-text, .mbsc-schedule-invalid-text {
  padding: .375em;
  font-size: .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-color-text {
  opacity: .8;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-x {
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-x.mbsc-ltr {
  left: 4.25em;
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-x.mbsc-rtl {
  right: 4.25em;
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-y {
  border-left: 1px solid;
  top: 2em;
  bottom: 0;
  margin-top: -.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-y.mbsc-ltr {
  margin-left: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-y.mbsc-rtl {
  margin-right: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-day {
  position: absolute;
  width: 14.285714%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-day:before {
  content: "";
  position: absolute;
  width: .4375em;
  height: .4375em;
  margin-top: -.1875em;
  margin-left: -.1875em;
  margin-right: -.1875em;
  border-radius: 50%;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-day.mbsc-ltr:before {
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-day.mbsc-rtl:before {
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-time {
  position: absolute;
  top: -1em;
  font-size: .625em;
  line-height: 2em;
  margin-top: 1px;
  padding: 0 .8em;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-time-y {
  top: -1.8em;
  padding: 0 .5em;
  margin-left: -.5em;
  margin-right: -.5em;
  line-height: 1.6em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-time-x.mbsc-ltr, .mbsc-schedule-time-indicator-time-y.mbsc-rtl {
  right: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-time-x.mbsc-rtl, .mbsc-schedule-time-indicator-time-y.mbsc-ltr {
  left: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-cursor-time {
  position: absolute;
  z-index: 3;
  font-size: .625em;
  line-height: 2em;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-cursor-time-x {
  margin-top: -1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-cursor-time-x.mbsc-ltr {
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-cursor-time-x.mbsc-rtl {
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-cursor-time-y {
  padding: 0 .5em;
  top: .9em;
}

@supports (overflow: clip) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-schedule-event-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-wrapper {
  overflow: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-grid {
  height: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-group {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-basis: 16em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-group:first-child:last-child {
  flex-basis: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-group.mbsc-ltr {
  border-left-width: 2px;
  border-left-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-group.mbsc-rtl {
  border-right-width: 2px;
  border-right-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-group:first-child {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-date-header-text {
  line-height: 1.5em;
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-header {
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-group-wrapper, .mbsc-schedule-header-wrapper {
  min-width: 0;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-header-item {
  display: block;
  position: relative;
  text-align: center;
  line-height: 1.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-header-item.mbsc-hover {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-header-dayname {
  font-size: .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-header-day {
  font-size: 1.125em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-col-width {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-wrapper-multi .mbsc-schedule-col-width {
  width: 6.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource {
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-resource-title {
  padding: .5em;
  font-size: .875em;
  font-weight: 600;
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-cont {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-wrapper {
  position: relative;
  max-height: 7.8125em;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-wrapper-shadow:after {
  content: "";
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(48, 48, 48, 0.5);
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  z-index: 4;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item:first-child, .mbsc-schedule-column:first-child {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-timezone-labels {
  position: absolute;
  bottom: 0;
  z-index: 1;
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-timezone-label {
  font-size: .75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-tz {
  width: 5.666667em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-tz.mbsc-ltr, .mbsc-schedule-timezone-label.mbsc-ltr {
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-indicator-tz.mbsc-rtl, .mbsc-schedule-timezone-label.mbsc-rtl {
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-wrapper {
  position: relative;
  width: 4.25em;
  height: 3.125em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time {
  position: relative;
  line-height: 2em;
  top: -1em;
  font-size: .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-end {
  position: absolute;
  top: auto;
  bottom: -1em;
  left: 0;
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-col.mbsc-ltr {
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-col.mbsc-rtl {
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-cont-pos {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-time-cont-inner {
  position: absolute;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-column {
  padding: .5em 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-column-inner {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-all-day-item, .mbsc-schedule-item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-item {
  height: 3.125em;
  position: relative;
  border-top: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-item-last {
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-events {
  position: absolute;
  height: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-events.mbsc-ltr {
  left: 0;
  right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-events.mbsc-rtl {
  right: 0;
  left: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize {
  width: .25em;
  height: 100%;
  cursor: ew-resize;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize:after {
  top: 50%;
  right: auto;
  left: auto;
  margin-top: -.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl, .mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr {
  right: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr, .mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl {
  left: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl:after, .mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr:after {
  right: -.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr:after, .mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl:after {
  left: -.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start-touch:before {
  height: 1.5em;
  top: 50%;
  left: -.75em;
  right: auto;
  margin-top: -.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end-touch:before {
  height: 1.5em;
  top: 50%;
  left: auto;
  right: -.75em;
  margin-top: -.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-width-md .mbsc-schedule-event-title {
  font-size: 1.2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-width-md .mbsc-schedule-event-all-day-title, .mbsc-calendar-width-md .mbsc-schedule-event-range {
  font-size: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-width-md .mbsc-schedule-event-all-day-inner {
  font-size: .75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 .333334em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline.mbsc-ltr {
  margin-right: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline.mbsc-rtl {
  margin-left: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-col, .mbsc-timeline-sidebar-col {
  width: 12em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resources, .mbsc-timeline-sidebar {
  position: absolute;
  top: 0;
  bottom: 15px;
  z-index: 4;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resources.mbsc-ltr, .mbsc-timeline-sidebar.mbsc-rtl {
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resources.mbsc-rtl, .mbsc-timeline-sidebar.mbsc-ltr {
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-footer-cont, .mbsc-timeline-resource-header-cont, .mbsc-timeline-sidebar-footer-cont, .mbsc-timeline-sidebar-header-cont {
  position: relative;
  z-index: 5;
  overflow: hidden;
  pointer-events: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource, .mbsc-timeline-sidebar-resource {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-parent {
  background: rgba(230, 230, 230, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-icon {
  font-size: .875em;
  font-weight: 600;
  margin: .357143em 0;
  cursor: pointer;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-icon.mbsc-ltr {
  margin-left: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-icon.mbsc-rtl {
  margin-right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-resource-footer, .mbsc-timeline-resource-header, .mbsc-timeline-resource-title, .mbsc-timeline-sidebar-footer, .mbsc-timeline-sidebar-header, .mbsc-timeline-sidebar-resource-title {
  font-size: .875em;
  font-weight: 600;
  padding: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer, .mbsc-timeline-header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header {
  top: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer {
  bottom: 0;
  margin-top: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-bg, .mbsc-timeline-header-bg {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-day {
  position: relative;
  min-width: 9em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-day-month {
  min-width: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-column.mbsc-timeline-no-border, .mbsc-timeline-header-column.mbsc-timeline-no-border {
  border-left: 0;
  border-right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-month {
  min-width: 0;
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-date, .mbsc-timeline-header-date, .mbsc-timeline-header-month, .mbsc-timeline-header-week {
  min-height: 1.625em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-week-last.mbsc-ltr, .mbsc-timeline-header-month-last.mbsc-ltr, .mbsc-timeline-header-week-last.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-month-last.mbsc-rtl, .mbsc-timeline-header-week-last.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-month-text, .mbsc-timeline-footer-week-text, .mbsc-timeline-header-date-text, .mbsc-timeline-header-month-text, .mbsc-timeline-header-week-text {
  font-size: .875em;
  padding: 0 .285714em;
  line-height: 1.785715em;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-month-text {
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-date-cont, .mbsc-timeline-header-date-text, .mbsc-timeline-header-month-cont, .mbsc-timeline-header-month-text-last, .mbsc-timeline-header-week-cont, .mbsc-timeline-header-week-text-last, .mbsc-timeline-header-year-cont {
  max-width: 100%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-month-cont, .mbsc-timeline-header-week-cont {
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-active {
  position: relative;
  z-index: 0;
  padding: 0 .714286em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-active:after {
  content: "";
  position: absolute;
  top: .142857em;
  left: .142857em;
  right: .142857em;
  bottom: .142857em;
  border-radius: .75em;
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-column, .mbsc-timeline-header-column {
  min-height: 1.625em;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-time, .mbsc-timeline-header-time {
  padding: 0 .5em;
  font-size: .625em;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.6em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline .mbsc-timeline-time-indicator-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  overflow: hidden;
  padding-top: 2em;
  margin-top: -2em;
  pointer-events: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-sticky .mbsc-timeline-header-date {
  border-left: 0;
  border-right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-sticky {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-column, .mbsc-timeline-header-column {
  width: 4.625em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-grid-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-grid {
  position: relative;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row {
  height: 3.25em;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-hidden {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-group {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-group:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-group:last-child:after {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-date {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-date .mbsc-timeline-header-date-text {
  white-space: normal;
  line-height: 1.285715em;
  padding-top: .285715em;
  padding-bottom: .285715em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-resource-col {
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-date-col {
  width: 5.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-date-col {
  width: 8.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-row-gutter {
  height: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-header-column, .mbsc-timeline-header-date, .mbsc-timeline-header-month, .mbsc-timeline-header-week, .mbsc-timeline-resource, .mbsc-timeline-resource-header-cont, .mbsc-timeline-row, .mbsc-timeline-row-date, .mbsc-timeline-row-group:after, .mbsc-timeline-sidebar-header-cont, .mbsc-timeline-sidebar-resource {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-column, .mbsc-timeline-footer-date, .mbsc-timeline-footer-week, .mbsc-timeline-resource-footer-cont, .mbsc-timeline-sidebar-footer-cont {
  border-top-style: solid;
  border-top-width: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-events {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event {
  z-index: 2;
  min-width: .75em;
  padding: 6px 0 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event.mbsc-schedule-event-all-day {
  padding-left: .25em;
  padding-right: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event .mbsc-schedule-event-all-day-inner {
  font-size: .75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 .333334em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event .mbsc-schedule-event-range, .mbsc-timeline-event .mbsc-schedule-event-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-background {
  margin-top: 6px;
  top: 0;
  bottom: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize {
  width: .25em;
  top: 6px;
  bottom: 0;
  right: auto;
  left: auto;
  cursor: ew-resize;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-rtl, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-ltr {
  height: auto;
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-ltr, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-rtl {
  height: auto;
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  top: 50%;
  margin-top: -.25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after {
  left: -.125em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  right: -.125em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end-touch:before, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start-touch:before {
  height: 1.5em;
  top: 50%;
  left: 50%;
  margin: -.75em 0 0 -.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-listing {
  position: absolute;
  margin: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-listing.mbsc-timeline-event-dragging {
  position: absolute;
  top: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-event-slot {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 2px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-color, .mbsc-timeline-invalid {
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-footer-column.mbsc-timeline-no-height, .mbsc-timeline-header-column.mbsc-timeline-no-height {
  border: 0;
  height: 0;
  min-height: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-connections {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-connection {
  stroke-width: 1.5px;
  fill: none;
  pointer-events: visibleStroke;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-slots {
  height: 1.625em;
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-slot, .mbsc-timeline-slots {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-slot {
  position: relative;
  width: 8em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-timeline-slot-title {
  font-size: .875em;
  font-weight: 600;
  line-height: 1.785715em;
  padding: 0 .285714em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-has-sticky .mbsc-timeline-grid-scroll.mbsc-ltr {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-has-sticky .mbsc-timeline-footer, .mbsc-has-sticky .mbsc-timeline-header {
  position: -webkit-sticky;
  position: sticky;
  left: auto;
  right: auto;
  overflow: visible;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-has-sticky .mbsc-timeline-resources.mbsc-ltr, .mbsc-has-sticky .mbsc-timeline-sidebar.mbsc-ltr {
  position: -webkit-sticky;
  position: sticky;
  top: auto;
  bottom: auto;
  overflow: visible;
}

@supports (overflow: clip) {
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline-grid {
    overflow: clip;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline .mbsc-schedule-event-inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline.mbsc-ltr .mbsc-schedule-event-inner {
    left: 192px;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline.mbsc-rtl .mbsc-schedule-event-inner {
    right: 192px;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline-no-resource.mbsc-ltr .mbsc-schedule-event-inner {
    left: 140px;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline-no-resource.mbsc-rtl .mbsc-schedule-event-inner {
    right: 140px;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline-event-slot .mbsc-schedule-event-inner {
    position: relative;
    display: block;
  }
  /* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
  .mbsc-timeline .mbsc-timeline-event-slot .mbsc-schedule-event-inner, .mbsc-timeline.mbsc-timeline-no-rows .mbsc-schedule-event-inner {
    left: 0;
    right: 0;
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-header {
  margin-bottom: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-font {
  margin: 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-title-wrapper .mbsc-calendar-button {
  padding: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-controls {
  padding: .5em;
  min-height: 2.125em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-week-day {
  height: 2.5em;
  font-size: .75em;
  line-height: 2.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-body .mbsc-calendar-week-day {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-week-nr {
  width: 2em;
  font-size: .75em;
  font-weight: 700;
  line-height: 3em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-picker-slide {
  padding: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell {
  border: solid transparent;
  border-width: 1px 0 0;
  background-clip: padding-box;
  padding: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell-inner {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: transparent;
  border-style: solid;
  border-width: 2px 1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell-text {
  display: table-cell;
  vertical-align: middle;
  min-width: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-month-name {
  font-size: .875em;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-month-name.mbsc-ltr {
  margin-left: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-month-name.mbsc-rtl {
  margin-right: .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-day-inner {
  display: block;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-day-empty:after {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-day-text {
  display: inline-block;
  font-size: .875em;
  line-height: 2.285715em;
  border-radius: 2em;
  margin: 0 .5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-marks {
  bottom: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-label-background {
  background: currentColor;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 .307693em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day {
  height: 2.142858em;
  padding: 0 .5em;
  font-size: .875em;
  line-height: 2.142858em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  height: auto;
  padding: 0;
  font-size: .75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-left-width: 1px;
  border-left-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 4em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-text {
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 4.75em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks {
  bottom: .5em;
  padding: 0 .625em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 .6em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr {
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl {
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-calendar-day-labels {
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-grid-view .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 .307693em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar, .mbsc-windows.mbsc-calendar-button.mbsc-button {
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-slide {
  background: #fff;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-week-day {
  color: #666;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-today, .mbsc-windows.mbsc-calendar-week-nr {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-range-day-end.mbsc-rtl, .mbsc-windows.mbsc-range-day-start.mbsc-ltr {
  border-left-color: transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(51, 51, 51, 0.1);
  border-bottom-color: rgba(51, 51, 51, 0.1);
  border-style: dashed;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(51, 51, 51, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-mark {
  background: rgba(51, 51, 51, 0.5);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-label {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-label-inner {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-height-md .mbsc-calendar-week-day, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-popup .mbsc-popup, .mbsc-windows.mbsc-calendar-popup .mbsc-popup-arrow {
  background: #fff;
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-calendar-month-title {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar, .mbsc-windows-dark.mbsc-calendar-button.mbsc-button {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #676767;
  border-color: #676767;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-slide {
  background: #1a1a1a;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-week-day {
  color: #ccc;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-today, .mbsc-windows-dark.mbsc-calendar-week-nr {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-range-day-end.mbsc-rtl, .mbsc-windows-dark.mbsc-range-day-start.mbsc-ltr {
  border-left-color: transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(255, 255, 255, 0.22);
  border-style: dashed;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-windows-dark.mbsc-selected .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(255, 255, 255, 0.22);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-mark {
  background: rgba(255, 255, 255, 0.5);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-label {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-label-inner {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-height-md .mbsc-calendar-week-day, .mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day, .mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup, .mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup-arrow {
  background: #1a1a1a;
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-calendar-month-title {
  color: #0078d7;
}

@-webkit-keyframes mbsc-zoom-in-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mbsc-zoom-in-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes mbsc-zoom-in-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes mbsc-zoom-in-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes mbsc-zoom-out-up {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes mbsc-zoom-out-up {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@-webkit-keyframes mbsc-zoom-out-down {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes mbsc-zoom-out-down {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-wrapper {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-header {
  position: relative;
  z-index: 1;
  will-change: opacity;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-header .mbsc-calendar-week-days {
  margin-left: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-controls {
  -moz-box-align: center;
  align-items: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 2.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-button.mbsc-button.mbsc-reset {
  margin: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-button-prev-multi {
  -moz-box-ordinal-group: 0;
  order: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-button-next-multi {
  -moz-box-ordinal-group: 2;
  order: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-body {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-body-inner {
  position: relative;
  overflow: hidden;
  margin-left: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-wrapper-fixed {
  height: auto;
  overflow: visible;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-title-wrapper {
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125em;
  padding: 0 .25em;
  display: inline-block;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-scroll-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-wrapper {
  position: relative;
  width: 15em;
  height: 15em;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-main {
  position: relative;
  z-index: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-in-up {
  opacity: 0;
  -webkit-animation: mbsc-zoom-in-up 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: mbsc-zoom-in-up 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-in-down {
  opacity: 0;
  -webkit-animation: mbsc-zoom-in-down 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: mbsc-zoom-in-down 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-out-up {
  opacity: 0;
  -webkit-animation: mbsc-zoom-out-up 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
  animation: mbsc-zoom-out-up 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-picker-out-down {
  opacity: 0;
  -webkit-animation: mbsc-zoom-out-down 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: mbsc-zoom-out-down 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-scroll-wrapper > div {
  height: 100%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-scroll-wrapper > div > div {
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-slide {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-slide.mbsc-calendar-picker {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-slide.mbsc-ltr {
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-slide.mbsc-rtl {
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-table {
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-cell {
  position: relative;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-cell:focus {
  outline: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-cell-inner {
  display: inline-block;
  padding: 0 .25em;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-cell.mbsc-disabled {
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-week-day {
  height: 2em;
  font-size: .6875em;
  line-height: 2em;
  text-align: center;
  border-bottom: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-month, .mbsc-calendar-year {
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-month-text, .mbsc-calendar-year-text {
  margin: .875em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 4.5em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day {
  min-width: 0;
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-empty {
  cursor: default;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-text {
  display: inline-block;
  text-align: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-hidden {
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-month-name {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-width-md .mbsc-calendar-month-name {
  display: inline-block;
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-outer .mbsc-calendar-day-text, .mbsc-calendar-day-outer .mbsc-calendar-month-name {
  opacity: .5;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-day-text, .mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-month-name {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-disabled .mbsc-calendar-cell-text, .mbsc-disabled .mbsc-calendar-month-name {
  opacity: .2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-highlight:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-day-marked {
  padding-bottom: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-marks {
  position: absolute;
  left: 0;
  right: 0;
  height: .375em;
  margin-top: -.125em;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-mark {
  display: inline-block;
  vertical-align: top;
  width: .25em;
  height: .25em;
  margin: .0625em;
  border-radius: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-labels {
  position: absolute;
  left: -1px;
  right: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-wrapper {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label {
  padding: 0 .3em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text:focus {
  outline: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-background, .mbsc-calendar-text:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color .2s;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text-more {
  padding: 0 .3em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text-more.mbsc-calendar-label-active:before, .mbsc-calendar-text-more.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text {
  display: block;
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  font-size: .625em;
  white-space: nowrap;
  margin: 0 .1em .2em .2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text-placeholder {
  z-index: -1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text.mbsc-ltr {
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-text.mbsc-rtl {
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize {
  position: absolute;
  top: 0;
  height: 100%;
  width: .5em;
  z-index: 2;
  cursor: ew-resize;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  width: .8em;
  height: .8em;
  margin-top: -.4em;
  background: #fff;
  border-radius: .8em;
  border: 1px solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end.mbsc-rtl, .mbsc-calendar-label-resize-start.mbsc-ltr {
  left: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end.mbsc-ltr, .mbsc-calendar-label-resize-start.mbsc-rtl {
  right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end.mbsc-rtl:after, .mbsc-calendar-label-resize-start.mbsc-ltr:after {
  left: -.4em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end.mbsc-ltr:after, .mbsc-calendar-label-resize-start.mbsc-rtl:after {
  right: -.4em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end-touch:before, .mbsc-calendar-label-resize-start-touch:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 2em;
  height: 2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-start-touch:before {
  left: -1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-resize-end-touch:before {
  right: -1em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-dragging .mbsc-calendar-label-resize:after, .mbsc-calendar-label-hover .mbsc-calendar-label-resize:after {
  display: block;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-inactive {
  opacity: .4;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-label-hidden {
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-labels-dragging {
  z-index: 3;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-grid {
  overflow: auto;
  padding: 0 2%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-grid .mbsc-calendar-table {
  margin: 0 5%;
  width: 90%;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-grid-item {
  margin: 1em 0;
  padding-top: 2.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-month-title {
  padding-bottom: .8em;
  margin: -2em 10% 0;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-body-inner-variable {
  overflow-y: auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-body-inner-variable .mbsc-calendar-table {
  min-height: 20em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-popover-list {
  margin: .25em 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-group {
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-day.mbsc-list-header {
  padding: 1em 1.5em .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event.mbsc-list-item {
  margin-bottom: .25em;
  -moz-box-align: center;
  align-items: center;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-content {
  -moz-box-ordinal-group: 2;
  order: 1;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-time {
  width: 7em;
  padding: 0 1.333334em;
  font-size: .75em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-color {
  width: .5em;
  margin: -.5em 0 -.5em -.5em;
  align-self: stretch;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-sep {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-wrapper {
  position: relative;
  min-height: 1.5em;
  z-index: 2;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day {
  font-size: 1em;
  text-align: left;
  padding: .5em .5em 1.5em;
  border-top: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
  margin-left: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-item.mbsc-ltr {
  border-left: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-item.mbsc-rtl {
  border-right: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-item:first-child {
  border: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-item:first-child .mbsc-schedule-header-day {
  border-left: 0;
  border-right: 0;
  margin: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-dayname {
  padding: .571429em;
  font-size: .875em;
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-all-day-item {
  min-height: 1.375em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-all-day-text, .mbsc-windows.mbsc-schedule-timezone-label {
  padding: 0 .333334em;
  font-size: .75em;
  line-height: 1.833334em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-dayname {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .285715em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-date-header {
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-date-header-text {
  font-weight: 500;
  line-height: 1.25em;
  padding: .5em 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(0, 0, 0, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-resource {
  border-top: 1px solid;
  margin-top: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
  text-align: left;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
  text-align: right;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-resource:first-child {
  border-left: 0;
  border-right: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator-x {
  border-bottom: 1px dashed;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator-time-x {
  padding: 0 .333334em;
  font-size: .75em;
  text-transform: lowercase;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator-day {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator-day:before {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-cursor-time-x {
  font-size: .75em;
  width: 5.666667em;
  padding: 0 .333334em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-all-day-wrapper {
  max-height: 4em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-col.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-col.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time {
  top: 0;
  padding: 0 .333334em;
  text-transform: lowercase;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-end {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background {
  left: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-windows.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  right: .25em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-timeline-resource-icon {
  width: 1.071429em;
  padding: 0 .214286em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-timeline-header-sticky .mbsc-timeline-header-date-text {
  position: relative;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-timeline-header-active {
  position: static;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-timeline-header-active:after {
  top: 0;
  left: 0;
  right: 0;
  height: .142857em;
  z-index: 1;
  border-radius: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-eventcalendar {
  background: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #f0f0f0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-list-empty {
  color: rgba(51, 51, 51, 0.7);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-group {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-day.mbsc-list-header, .mbsc-windows.mbsc-event.mbsc-list-item {
  background: #fff;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event.mbsc-focus, .mbsc-windows.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-event-color {
  background: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-wrapper {
  background: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-item {
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-day-today {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-date-header {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator, .mbsc-windows.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-cursor-time, .mbsc-windows.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-all-day-item:after, .mbsc-windows.mbsc-schedule-column, .mbsc-windows.mbsc-schedule-item, .mbsc-windows.mbsc-schedule-resource, .mbsc-windows.mbsc-schedule-resource-group, .mbsc-windows.mbsc-schedule-time-col, .mbsc-windows.mbsc-timeline-column, .mbsc-windows.mbsc-timeline-day:after, .mbsc-windows.mbsc-timeline-footer, .mbsc-windows.mbsc-timeline-footer-column, .mbsc-windows.mbsc-timeline-footer-date, .mbsc-windows.mbsc-timeline-footer-week, .mbsc-windows.mbsc-timeline-header, .mbsc-windows.mbsc-timeline-header-column, .mbsc-windows.mbsc-timeline-header-date, .mbsc-windows.mbsc-timeline-header-month, .mbsc-windows.mbsc-timeline-header-week, .mbsc-windows.mbsc-timeline-resource, .mbsc-windows.mbsc-timeline-resource-footer-cont, .mbsc-windows.mbsc-timeline-resource-header-cont, .mbsc-windows.mbsc-timeline-row, .mbsc-windows.mbsc-timeline-row-date, .mbsc-windows.mbsc-timeline-row-group:after, .mbsc-windows.mbsc-timeline-sidebar-footer-cont, .mbsc-windows.mbsc-timeline-sidebar-header-cont, .mbsc-windows.mbsc-timeline-sidebar-resource, .mbsc-windows.mbsc-timeline-slot-header, .mbsc-windows.mbsc-timeline-slots {
  border-color: #e6e6e6;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-wrapper {
  border-top: 1px solid #e6e6e6;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #e6e6e6;
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-all-day-text, .mbsc-windows.mbsc-schedule-time-cont, .mbsc-windows.mbsc-schedule-timezone-label {
  color: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event-inner {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-windows.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  outline: 1px solid #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-schedule-invalid {
  background: rgba(240, 240, 240, 0.75);
  color: #8a8a8a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-timeline-footer-bg, .mbsc-windows.mbsc-timeline-header-bg, .mbsc-windows.mbsc-timeline-header-text, .mbsc-windows.mbsc-timeline-resource-bg, .mbsc-windows.mbsc-timeline-resource-footer-cont, .mbsc-windows.mbsc-timeline-resource-header-cont, .mbsc-windows.mbsc-timeline-sidebar-footer-cont, .mbsc-windows.mbsc-timeline-sidebar-header-cont {
  background: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows .mbsc-timeline-header-active:after {
  background-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-connection {
  stroke: rgba(51, 51, 51, 0.7);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows.mbsc-connection-arrow {
  fill: #333;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-eventcalendar {
  background: #1a1a1a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-event-list-empty {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-event-group {
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-event-day.mbsc-list-header, .mbsc-windows-dark.mbsc-event.mbsc-list-item {
  background: #1a1a1a;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-event.mbsc-focus, .mbsc-windows-dark.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-event-color {
  background: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-wrapper {
  background: #1a1a1a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-header-day {
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-header-item {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-header-day-today {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-date-header {
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-time-indicator, .mbsc-windows-dark.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-cursor-time, .mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  background: rgba(26, 26, 26, 0.8);
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-all-day-item:after, .mbsc-windows-dark.mbsc-schedule-column, .mbsc-windows-dark.mbsc-schedule-item, .mbsc-windows-dark.mbsc-schedule-resource, .mbsc-windows-dark.mbsc-schedule-resource-group, .mbsc-windows-dark.mbsc-schedule-time-col, .mbsc-windows-dark.mbsc-timeline-column, .mbsc-windows-dark.mbsc-timeline-day:after, .mbsc-windows-dark.mbsc-timeline-footer, .mbsc-windows-dark.mbsc-timeline-footer-column, .mbsc-windows-dark.mbsc-timeline-footer-date, .mbsc-windows-dark.mbsc-timeline-footer-week, .mbsc-windows-dark.mbsc-timeline-header, .mbsc-windows-dark.mbsc-timeline-header-column, .mbsc-windows-dark.mbsc-timeline-header-date, .mbsc-windows-dark.mbsc-timeline-header-month, .mbsc-windows-dark.mbsc-timeline-header-week, .mbsc-windows-dark.mbsc-timeline-resource, .mbsc-windows-dark.mbsc-timeline-resource-footer-cont, .mbsc-windows-dark.mbsc-timeline-resource-header-cont, .mbsc-windows-dark.mbsc-timeline-row, .mbsc-windows-dark.mbsc-timeline-row-date, .mbsc-windows-dark.mbsc-timeline-row-group:after, .mbsc-windows-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-header-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-resource, .mbsc-windows-dark.mbsc-timeline-slot-header, .mbsc-windows-dark.mbsc-timeline-slots {
  border-color: #343434;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-time-wrapper {
  border-top: 1px solid #343434;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #343434;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-all-day-text, .mbsc-windows-dark.mbsc-schedule-time-cont, .mbsc-windows-dark.mbsc-schedule-timezone-label {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-event {
  color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-event-inner {
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-windows-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  outline: 1px solid #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-schedule-invalid {
  background: rgba(52, 52, 52, 0.75);
  color: #929292;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-timeline-footer-bg, .mbsc-windows-dark.mbsc-timeline-header-bg, .mbsc-windows-dark.mbsc-timeline-header-text, .mbsc-windows-dark.mbsc-timeline-resource-bg, .mbsc-windows-dark.mbsc-timeline-resource-footer-cont, .mbsc-windows-dark.mbsc-timeline-resource-header-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-windows-dark.mbsc-timeline-sidebar-header-cont {
  background: #1a1a1a;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark .mbsc-timeline-header-active:after {
  background-color: #0078d7;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-windows-dark.mbsc-connection-arrow {
  fill: #fff;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-eventcalendar {
  height: 100%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-list {
  position: relative;
  z-index: 0;
  margin-top: -1px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-list-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-list-empty {
  text-align: center;
  margin: 3em;
  font-size: 1.5em;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-day {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-color, .mbsc-event-time {
  -moz-box-flex: 0;
  flex: 0 0 auto;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-content {
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-event-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popover-list {
  width: 20em;
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-popover-hidden {
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-calendar-dragging {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  cursor: move;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-drag-clone {
  position: fixed;
  display: table;
  z-index: 99998;
  margin: 15px 0 0 !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  cursor: move;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-drag-clone:after {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -50px;
  right: -50px;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-drag-clone .mbsc-calendar-label-resize {
  display: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-fake-scroll-x, .mbsc-schedule-fake-scroll-y {
  visibility: hidden;
  -moz-box-flex: 0;
  flex: none;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-fake-scroll-x {
  overflow-x: scroll;
  width: 0;
}

/* line 1, app/assets/stylesheets/vendor/mobiscroll.jquery.min.css */
.mbsc-schedule-fake-scroll-y {
  overflow-y: scroll;
  max-height: 20px;
}

/* Flash.js */
/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container {
  position: fixed;
  top: 75px;
  right: 15px;
  z-index: 1000;
  max-width: 25%;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message {
  position: relative;
  opacity: 0;
  min-height: 28px;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #fff;
  color: #2c3433;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 10px;
  padding: 5px 35px 5px 20px;
  -webkit-box-shadow: 2px 2px 33px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 33px 8px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message .flash-progress {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message .flash-progress.is-hidden {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message .flash-progress.flash-progress-top {
  top: 0;
  bottom: auto;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -7px;
  background-color: transparent;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message:after {
  position: absolute;
  content: "";
  font-family: fontAwesome;
  top: 5px;
  right: 8px;
  text-align: center;
  vertical-align: middle;
  color: #9e9e9e;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.is-visible {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-success .flash-progress {
  background-color: rgba(76, 175, 80, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-success:before {
  background-color: #4caf50;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-success:after {
  color: rgba(76, 175, 80, 0.5);
  content: "\F058";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-warning .flash-progress {
  background-color: rgba(255, 133, 27, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-warning:before {
  background-color: #ff851b;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-warning:after {
  color: rgba(255, 133, 27, 0.5);
  content: "\F071";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-danger .flash-progress, .flash-container .flash-message.flash-error .flash-progress {
  background-color: rgba(255, 65, 54, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-danger:before, .flash-container .flash-message.flash-error:before {
  background-color: #ff4136;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-danger:after, .flash-container .flash-message.flash-error:after {
  color: rgba(255, 65, 54, 0.5);
  content: "\F06A";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-info .flash-progress {
  background-color: rgba(0, 116, 217, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-info:before {
  background-color: #0074d9;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-info:after {
  color: rgba(0, 116, 217, 0.5);
  content: "\F05A";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-bug .flash-progress {
  background-color: rgba(138, 43, 226, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-bug:before {
  background-color: #8a2be2;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-bug:after {
  color: rgba(138, 43, 226, 0.5);
  content: "\F188";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-disabled .flash-progress {
  background-color: rgba(171, 171, 171, 0.15);
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-disabled:before {
  background-color: #aaa;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-disabled:after {
  color: rgba(171, 171, 171, 0.5);
  content: "\F05E";
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.flash-default {
  padding-right: 20px;
}

@media (max-width: 1280px) {
  /* line 1, app/assets/stylesheets/vendor/flash.min.css */
  .flash-container {
    max-width: 33.334%;
  }
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/vendor/flash.min.css */
  .flash-container {
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  /* line 1, app/assets/stylesheets/vendor/flash.min.css */
  .flash-container {
    right: 10px;
    left: 10px;
    max-width: 100%;
  }
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.dark-theme {
  background-color: #2c3433;
  color: #fff;
}

/* line 1, app/assets/stylesheets/vendor/flash.min.css */
.flash-container .flash-message.dark-theme .flash-progress {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Overrides
=========================================================================================================================*/
/* line 3, app/assets/stylesheets/vendor/flash_overrides.scss */
.flash-container {
  font-size: 16px;
  bottom: 10px;
  right: 5px;
  left: 12px;
  top: initial;
  z-index: 2147483004;
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/vendor/flash_overrides.scss */
  .flash-container {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/vendor/flash_overrides.scss */
  .flash-container {
    left: initial;
    bottom: 5px;
    right: 20px;
    max-width: initial;
  }
}

/* line 18, app/assets/stylesheets/vendor/flash_overrides.scss */
.flash-container .flash-message {
  box-shadow: 6px 6px 14px 8px #00000030;
  -webkit-box-shadow: 6px 6px 14px 8px #00000030;
  padding: 13px 45px 13px 20px;
}

@media (min-width: 576px) {
  /* line 18, app/assets/stylesheets/vendor/flash_overrides.scss */
  .flash-container .flash-message {
    min-width: 430px;
    max-width: 430px;
  }
}

/* line 28, app/assets/stylesheets/vendor/flash_overrides.scss */
.flash-container .flash-message::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* jQuery Timepicker */
/* line 1, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10052;
  margin: 0;
}

/* line 15, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

/* line 19, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

/* line 24, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 30, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

/* line 34, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

/* line 38, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

/* line 47, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

/* line 51, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

/* line 57, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

/* line 62, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

/* line 69, app/assets/stylesheets/vendor/jquery.timepicker.min.css */
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

/* line 1, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper {
  width: 9.5em;
  max-height: 190px;
}

/* line 4, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper .ui-timepicker-list li {
  padding: 10px 0px 10px 16px;
}

/* line 7, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper .ui-timepicker-list li:hover, .ui-timepicker-wrapper .ui-timepicker-selected {
  background: #efefef;
  color: #000;
}

/* line 11, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper .ui-timepicker-duration {
  font-size: 13px;
  color: #a3a3a3;
}

/* line 15, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper li.ui-timepicker-selected .ui-timepicker-duration {
  color: #3e3e3e;
}

/* line 18, app/assets/stylesheets/vendor/jquery.timepicker.overrides.scss */
.ui-timepicker-wrapper .ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #a3a3a3;
}

/* Spectrum (Color Picker) */
/***
Spectrum Colorpicker v1.8.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
/* line 8, app/assets/stylesheets/vendor/spectrum.css */
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/vendor/spectrum.css */
.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
/* line 24, app/assets/stylesheets/vendor/spectrum.css */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
/* line 32, app/assets/stylesheets/vendor/spectrum.css */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

/* line 37, app/assets/stylesheets/vendor/spectrum.css */
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 44, app/assets/stylesheets/vendor/spectrum.css */
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

/* line 51, app/assets/stylesheets/vendor/spectrum.css */
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

/* line 60, app/assets/stylesheets/vendor/spectrum.css */
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

/* line 65, app/assets/stylesheets/vendor/spectrum.css */
.sp-fill {
  padding-top: 80%;
}

/* line 68, app/assets/stylesheets/vendor/spectrum.css */
.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 76, app/assets/stylesheets/vendor/spectrum.css */
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

/* line 79, app/assets/stylesheets/vendor/spectrum.css */
.sp-alpha-enabled .sp-alpha {
  display: block;
}

/* line 82, app/assets/stylesheets/vendor/spectrum.css */
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}

/* line 93, app/assets/stylesheets/vendor/spectrum.css */
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

/* line 101, app/assets/stylesheets/vendor/spectrum.css */
.sp-alpha-inner {
  border: solid 1px #333;
}

/* line 105, app/assets/stylesheets/vendor/spectrum.css */
.sp-clear {
  display: none;
}

/* line 109, app/assets/stylesheets/vendor/spectrum.css */
.sp-clear.sp-clear-display {
  background-position: center;
}

/* line 113, app/assets/stylesheets/vendor/spectrum.css */
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
/* line 124, app/assets/stylesheets/vendor/spectrum.css */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

/* line 131, app/assets/stylesheets/vendor/spectrum.css */
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

/* line 134, app/assets/stylesheets/vendor/spectrum.css */
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

/* line 137, app/assets/stylesheets/vendor/spectrum.css */
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

/* line 140, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette-only .sp-picker-container {
  display: none;
}

/* line 143, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette-disabled .sp-palette-container {
  display: none;
}

/* line 147, app/assets/stylesheets/vendor/spectrum.css */
.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
/* line 153, app/assets/stylesheets/vendor/spectrum.css */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

/* line 163, app/assets/stylesheets/vendor/spectrum.css */
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

/* line 174, app/assets/stylesheets/vendor/spectrum.css */
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
/* line 187, app/assets/stylesheets/vendor/spectrum.css */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

/* line 191, app/assets/stylesheets/vendor/spectrum.css */
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

/* line 195, app/assets/stylesheets/vendor/spectrum.css */
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

/* line 199, app/assets/stylesheets/vendor/spectrum.css */
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

/* line 203, app/assets/stylesheets/vendor/spectrum.css */
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

/* line 207, app/assets/stylesheets/vendor/spectrum.css */
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

/* line 212, app/assets/stylesheets/vendor/spectrum.css */
.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
/* line 217, app/assets/stylesheets/vendor/spectrum.css */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

/* line 218, app/assets/stylesheets/vendor/spectrum.css */
.sp-cf:after {
  clear: both;
}

/* line 219, app/assets/stylesheets/vendor/spectrum.css */
.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  /* line 223, app/assets/stylesheets/vendor/spectrum.css */
  .sp-color {
    right: 40%;
  }
  /* line 224, app/assets/stylesheets/vendor/spectrum.css */
  .sp-hue {
    left: 63%;
  }
  /* line 225, app/assets/stylesheets/vendor/spectrum.css */
  .sp-fill {
    padding-top: 60%;
  }
}

/* line 227, app/assets/stylesheets/vendor/spectrum.css */
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 238, app/assets/stylesheets/vendor/spectrum.css */
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
/* line 256, app/assets/stylesheets/vendor/spectrum.css */
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}

/* line 262, app/assets/stylesheets/vendor/spectrum.css */
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 269, app/assets/stylesheets/vendor/spectrum.css */
.sp-top {
  margin-bottom: 3px;
}

/* line 272, app/assets/stylesheets/vendor/spectrum.css */
.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

/* Input */
/* line 277, app/assets/stylesheets/vendor/spectrum.css */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

/* line 282, app/assets/stylesheets/vendor/spectrum.css */
.sp-initial-disabled .sp-input-container {
  width: 100%;
}

/* line 285, app/assets/stylesheets/vendor/spectrum.css */
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

/* line 295, app/assets/stylesheets/vendor/spectrum.css */
.sp-input:focus {
  border: 1px solid orange;
}

/* line 298, app/assets/stylesheets/vendor/spectrum.css */
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

/* line 302, app/assets/stylesheets/vendor/spectrum.css */
.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

/* line 309, app/assets/stylesheets/vendor/spectrum.css */
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
/* line 315, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

/* line 319, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette-only .sp-palette-container {
  border: 0;
}

/* line 323, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

/* line 333, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

/* line 336, app/assets/stylesheets/vendor/spectrum.css */
.sp-thumb-el {
  position: relative;
}

/* Initial */
/* line 341, app/assets/stylesheets/vendor/spectrum.css */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

/* line 345, app/assets/stylesheets/vendor/spectrum.css */
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

/* line 354, app/assets/stylesheets/vendor/spectrum.css */
.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
/* line 359, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
/* line 365, app/assets/stylesheets/vendor/spectrum.css */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

/* line 378, app/assets/stylesheets/vendor/spectrum.css */
.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}

/* line 382, app/assets/stylesheets/vendor/spectrum.css */
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

/* line 387, app/assets/stylesheets/vendor/spectrum.css */
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

/* line 394, app/assets/stylesheets/vendor/spectrum.css */
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

/* line 404, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette {
  *width: 220px;
  max-width: 220px;
}

/* line 408, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

/* line 415, app/assets/stylesheets/vendor/spectrum.css */
.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
/* line 421, app/assets/stylesheets/vendor/spectrum.css */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

/* line 439, app/assets/stylesheets/vendor/spectrum.css */
.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

/* line 451, app/assets/stylesheets/vendor/spectrum.css */
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

/* line 460, app/assets/stylesheets/vendor/spectrum.css */
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

/* line 470, app/assets/stylesheets/vendor/spectrum.css */
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

/* line 476, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

/* line 480, app/assets/stylesheets/vendor/spectrum.css */
.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

/* line 484, app/assets/stylesheets/vendor/spectrum.css */
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 490, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* line 495, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

/* line 499, app/assets/stylesheets/vendor/spectrum.css */
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

/* line 503, app/assets/stylesheets/vendor/spectrum.css */
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/* Cropper */
/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */
/* line 11, app/assets/stylesheets/vendor/cropper.css */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 24, app/assets/stylesheets/vendor/cropper.css */
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

/* line 35, app/assets/stylesheets/vendor/cropper.css */
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 47, app/assets/stylesheets/vendor/cropper.css */
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

/* line 52, app/assets/stylesheets/vendor/cropper.css */
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

/* line 57, app/assets/stylesheets/vendor/cropper.css */
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

/* line 62, app/assets/stylesheets/vendor/cropper.css */
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

/* line 71, app/assets/stylesheets/vendor/cropper.css */
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

/* line 78, app/assets/stylesheets/vendor/cropper.css */
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

/* line 87, app/assets/stylesheets/vendor/cropper.css */
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

/* line 96, app/assets/stylesheets/vendor/cropper.css */
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 106, app/assets/stylesheets/vendor/cropper.css */
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

/* line 114, app/assets/stylesheets/vendor/cropper.css */
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

/* line 121, app/assets/stylesheets/vendor/cropper.css */
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

/* line 128, app/assets/stylesheets/vendor/cropper.css */
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

/* line 138, app/assets/stylesheets/vendor/cropper.css */
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

/* line 144, app/assets/stylesheets/vendor/cropper.css */
.cropper-line {
  background-color: #39f;
}

/* line 148, app/assets/stylesheets/vendor/cropper.css */
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

/* line 155, app/assets/stylesheets/vendor/cropper.css */
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

/* line 162, app/assets/stylesheets/vendor/cropper.css */
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

/* line 169, app/assets/stylesheets/vendor/cropper.css */
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

/* line 176, app/assets/stylesheets/vendor/cropper.css */
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

/* line 183, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

/* line 190, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

/* line 197, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

/* line 204, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

/* line 211, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

/* line 217, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

/* line 223, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

/* line 229, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  /* line 239, app/assets/stylesheets/vendor/cropper.css */
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  /* line 246, app/assets/stylesheets/vendor/cropper.css */
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 253, app/assets/stylesheets/vendor/cropper.css */
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

/* line 260, app/assets/stylesheets/vendor/cropper.css */
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

/* line 272, app/assets/stylesheets/vendor/cropper.css */
.cropper-invisible {
  opacity: 0;
}

/* line 276, app/assets/stylesheets/vendor/cropper.css */
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

/* line 280, app/assets/stylesheets/vendor/cropper.css */
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

/* line 287, app/assets/stylesheets/vendor/cropper.css */
.cropper-hidden {
  display: none !important;
}

/* line 291, app/assets/stylesheets/vendor/cropper.css */
.cropper-move {
  cursor: move;
}

/* line 295, app/assets/stylesheets/vendor/cropper.css */
.cropper-crop {
  cursor: crosshair;
}

/* line 299, app/assets/stylesheets/vendor/cropper.css */
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* bootstrap-slider */
/*! =======================================================
                      VERSION  11.0.2
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *    Kyle Kemp
 *      - Twitter: @seiyria
 *      - Github:  seiyria
 *    Rohit Kalkur
 *      - Twitter: @Rovolutionary
 *      - Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
/* line 42, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* line 48, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

/* line 53, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

/* line 61, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

/* line 67, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

/* line 72, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #036fa5;
  margin-top: 0;
}

/* line 84, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 92, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

/* line 97, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  display: inline-block;
  text-align: center;
}

/* line 102, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

/* line 107, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

/* line 113, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

/* line 118, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

/* line 123, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}

/* line 130, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

/* line 137, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

/* line 143, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}

/* line 148, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #036fa5;
  margin-left: 0;
}

/* line 157, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

/* line 161, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

/* line 165, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}

/* line 170, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}

/* line 175, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}

/* line 180, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}

/* line 185, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-disabled .slider-handle {
  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));
  background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0);
}

/* line 196, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.slider-disabled .slider-track {
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
  background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9',GradientType=0);
  cursor: not-allowed;
}

/* line 208, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider input {
  display: none;
}

/* line 212, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

/* line 217, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .bs-tooltip-top .tooltip-inner,
.slider .bs-tooltip-bottom .tooltip-inner {
  position: relative;
  left: -50%;
}

/* line 223, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
  position: relative;
  top: -100%;
}

/* line 228, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip {
  pointer-events: none;
}

/* line 232, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
  left: -.4rem;
}

/* line 236, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip.bs-tooltip-top {
  margin-top: -44px;
}

/* line 240, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip.bs-tooltip-bottom {
  margin-top: 2px;
}

/* line 244, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
  margin-top: -14px;
}

/* line 248, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
  top: 8px;
}

/* line 252, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider .hide {
  display: none;
}

/* line 256, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-track {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
  background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  cursor: pointer;
}

/* line 275, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-selection {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
  background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
  background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
  background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5',GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}

/* line 296, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-selection.tick-slider-selection {
  background-color: #46c1fe;
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
}

/* line 307, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-track-low, .slider-track-high {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  background: transparent;
}

/* line 318, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle {
  background-color: #0478b2;
  background-image: -moz-linear-gradient(top, #0480BE, #036fa5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0480BE), to(#036fa5));
  background-image: -webkit-linear-gradient(top, #0480BE, #036fa5);
  background-image: -o-linear-gradient(top, #0480BE, #036fa5);
  background-image: linear-gradient(to bottom, #0480BE, #036fa5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5',GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #0480BE;
  border: 0px solid transparent;
}

/* line 338, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle:hover {
  cursor: pointer;
}

/* line 342, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 348, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle.triangle {
  background: transparent none;
}

/* line 352, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle.custom {
  background: transparent none;
}

/* line 356, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

/* line 363, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
  background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}

/* line 387, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick.round {
  border-radius: 50%;
}

/* line 391, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick.triangle {
  background: transparent none;
}

/* line 395, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick.custom {
  background: transparent none;
}

/* line 399, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

/* line 406, app/assets/stylesheets/vendor/bootstrap-slider.css */
.slider-tick.in-selection {
  background-color: #46c1fe;
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
  opacity: 1;
}

/* line 1, app/assets/stylesheets/vendor/bootstrap-slider-overrides.css */
.slider-selection {
  background: #0079b4;
}

/* line 4, app/assets/stylesheets/vendor/bootstrap-slider-overrides.css */
.slider-track-high {
  background: #e2e2e2;
}

/* line 7, app/assets/stylesheets/vendor/bootstrap-slider-overrides.css */
.slider-handle {
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.51);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.51);
}

/* jQuery Signature (Keith Wood) */
/* Styles for signature plugin v1.2.0. */
/* line 2, app/assets/stylesheets/vendor/jquery.signature.css */
.kbw-signature {
  display: inline-block;
  -ms-touch-action: none;
  width: 80vw;
}

@media (min-width: 576px) {
  /* line 2, app/assets/stylesheets/vendor/jquery.signature.css */
  .kbw-signature {
    width: 400px;
  }
}

/* line 10, app/assets/stylesheets/vendor/jquery.signature.css */
.kbw-signature-disabled {
  opacity: 0.35;
}

/* ===================================================================== */
/* ===================================================================== */
/* Datepicker Div
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div {
  z-index: 3000 !important;
}

@media (max-width: 480px) {
  /* line 6, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div {
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 47px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 47px;
    width: calc(100vw - 16px);
    border-radius: 16px;
  }
  /* line 9, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div:not(.ui-datepicker-div--input-attached) {
    position: fixed !important;
    top: 10% !important;
    left: 50% !important;
    transform: translateY(0%) translateX(-50%) scale(1) !important;
  }
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div {
    border-radius: 16px;
    width: 350px;
    box-shadow: -2px 11px 36px 2px #000000ad;
    webkit-box-shadow: -2px 11px 36px 2px #000000ad;
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div {
    border-color: #cfcfcf;
    box-shadow: 0px 9px 18px 2px #00000040;
    -webkit-box-shadow: 0px 9px 18px 2px #00000040;
  }
}

/* line 33, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
input.hasDatepicker:read-only:hover {
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div.ui-datepicker-div--lead-form {
  width: calc(100% - 16px) !important;
  max-width: 400px !important;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-radius: 16px;
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div.ui-datepicker-div--lead-form {
    max-width: 340px !important;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Inline Datepicker
/* ===================================================================== */
/* ===================================================================== */
/* line 59, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
.ui-datepicker-inline.ui-datepicker {
  width: 100%;
  padding: 0px;
  border-width: 0px;
}

/* Fonts
======================================================================== */
/* line 67, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div, #ui-datepicker-div select,
.ui-datepicker-inline, .ui-datepicker-inline select {
  font-family: 'Nunito Sans', sans-serif;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header - Prev/Next & Current Month/Year
/* ===================================================================== */
/* ===================================================================== */
/* line 77, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-widget-header,
.ui-datepicker-inline .ui-widget-header {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 0px;
  padding: 16px 0px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 77, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-widget-header,
.ui-datepicker-inline .ui-widget-header {
    padding: 8px 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Prev / Next Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span,
.ui-datepicker-inline .ui-datepicker-prev span,
.ui-datepicker-inline .ui-datepicker-next span {
  display: none !important;
}

/* line 103, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before,
.ui-datepicker-inline .ui-datepicker-prev:before,
.ui-datepicker-inline .ui-datepicker-next:before {
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 109, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev:before,
.ui-datepicker-inline .ui-datepicker-prev:before {
  content: "\f053";
}

/* line 113, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev-hover,
.ui-datepicker-inline .ui-datepicker-prev-hover {
  left: 2px;
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-prev {
    left: 8px;
  }
}

@media (min-width: 1200px) {
  /* line 122, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  .ui-datepicker-inline .ui-datepicker-prev {
    left: 0px;
  }
}

/* line 128, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-next:before,
.ui-datepicker-inline .ui-datepicker-next:before {
  content: "\f054";
}

/* line 132, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-next-hover,
.ui-datepicker-inline .ui-datepicker-next-hover {
  right: 2px;
}

@media (min-width: 1200px) {
  /* line 136, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-next {
    right: 8px;
  }
}

@media (min-width: 1200px) {
  /* line 141, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  .ui-datepicker-inline .ui-datepicker-next {
    right: 0px;
  }
}

/* line 147, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-next {
  background-color: transparent;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: unset;
  width: 56px;
  font-size: 25px;
  font-weight: 400;
  color: #727272;
  transition: transform 0.2s;
}

@media (min-width: 1200px) {
  /* line 147, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    border-radius: 12px;
    font-weight: 300;
    font-size: 22px;
  }
}

/* line 170, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover,
.ui-datepicker-inline .ui-datepicker-prev-hover,
.ui-datepicker-inline .ui-datepicker-next-hover {
  border-color: transparent;
  background-color: transparent;
  transform: scale(1.3);
  transition: background-color 0s;
}

@media (min-width: 1200px) {
  /* line 170, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover,
.ui-datepicker-inline .ui-datepicker-prev-hover,
.ui-datepicker-inline .ui-datepicker-next-hover {
    background-color: #f5f5f5;
    transform: translateY(-50%) scale(1);
  }
}

@media (min-width: 1200px) {
  /* line 182, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-prev-hover:active,
#ui-datepicker-div .ui-datepicker-next-hover:active,
.ui-datepicker-inline .ui-datepicker-prev-hover:active,
.ui-datepicker-inline .ui-datepicker-next-hover:active {
    background-color: #ececec;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Header Title (Month/Year string or Select)
/* ===================================================================== */
/* ===================================================================== */
/* line 194, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-title,
.ui-datepicker-inline .ui-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0px 68px;
}

/* Month/Year Text
======================================================================== */
/* line 204, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-title span,
.ui-datepicker-inline .ui-datepicker-title span {
  font-size: 19px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 204, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-title span,
.ui-datepicker-inline .ui-datepicker-title span {
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* Month/Year Select
======================================================================== */
/* line 216, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-title select,
.ui-datepicker-inline .ui-datepicker-title select {
  border-width: 0px;
  position: relative;
  color: #2f2f2f;
  font-size: 19px;
  font-weight: 600;
  background-color: #f5f5f5;
  border-radius: 12px;
  height: 60px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

@media (min-width: 576px) {
  /* line 216, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-title select,
.ui-datepicker-inline .ui-datepicker-title select {
    height: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 216, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-title select,
.ui-datepicker-inline .ui-datepicker-title select {
    font-size: 16px;
    transition: all 0.2s;
    padding-left: 12px;
    width: 50%;
  }
  /* line 237, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-title select:hover,
.ui-datepicker-inline .ui-datepicker-title select:hover {
    cursor: pointer;
    background-color: #ececec;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Container
/* ===================================================================== */
/* ===================================================================== */
/* line 249, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div table.ui-datepicker-calendar,
.ui-datepicker-inline table.ui-datepicker-calendar {
  margin: 12px;
  width: calc(100% - 24px);
}

/* Week Row Padding
======================================================================== */
/* line 256, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div td,
.ui-datepicker-inline td {
  padding-top: 4px;
  padding-bottom: 4px;
  width: 14.258%;
}

@media (min-width: 1200px) {
  /* line 256, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div td,
.ui-datepicker-inline td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Day of Week Labels
/* ===================================================================== */
/* ===================================================================== */
/* line 272, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-calendar thead,
.ui-datepicker-inline .ui-datepicker-calendar thead {
  background-color: transparent;
}

/* line 277, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-calendar thead th,
.ui-datepicker-inline .ui-datepicker-calendar thead th {
  color: #727272;
  border-top: 0px !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.7pt;
}

@media (min-width: 1200px) {
  /* line 277, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-datepicker-calendar thead th,
.ui-datepicker-inline .ui-datepicker-calendar thead th {
    font-weight: 400;
    font-size: 14px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Dates
/* ===================================================================== */
/* ===================================================================== */
/* line 296, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div a.ui-state-default,
.ui-datepicker-inline a.ui-state-default {
  background-color: transparent;
  border-color: transparent;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 17px;
}

@media (min-width: 1200px) {
  /* line 296, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div a.ui-state-default,
.ui-datepicker-inline a.ui-state-default {
    font-size: 16px;
  }
}

/* line 310, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div a.ui-state-default:active,
.ui-datepicker-inline a.ui-state-default:active {
  background-color: #2d2d2d;
  color: #fff;
}

/* line 315, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div a.ui-state-default.ui-state-hover,
.ui-datepicker-inline a.ui-state-default.ui-state-hover {
  background-color: #f5f5f5;
}

/* line 321, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-state-disabled .ui-state-default,
.ui-datepicker-inline .ui-state-disabled .ui-state-default {
  background-color: transparent;
  border-color: transparent;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 17px;
  opacity: 0.5;
}

@media (min-width: 1200px) {
  /* line 321, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div .ui-state-disabled .ui-state-default,
.ui-datepicker-inline .ui-state-disabled .ui-state-default {
    font-size: 16px;
  }
}

/* line 338, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div a.ui-state-default.ui-state-active,
.ui-datepicker-inline a.ui-state-default.ui-state-active {
  background-color: #2d2d2d !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* line 345, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div tr td.ui-datepicker-today a:not(.ui-state-active),
.ui-datepicker-inline tr td.ui-datepicker-today a:not(.ui-state-active) {
  background-color: #fff2f5;
  color: #c22e53;
  font-weight: 650;
}

@media (min-width: 1200px) {
  /* line 350, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div tr td.ui-datepicker-today a:not(.ui-state-active):hover,
.ui-datepicker-inline tr td.ui-datepicker-today a:not(.ui-state-active):hover {
    background-color: #fff2f5;
    border-color: #c22f53;
  }
}

@media (min-width: 1200px) {
  /* line 356, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
  #ui-datepicker-div tr td.ui-datepicker-today a:not(.ui-state-active):active, #ui-datepicker-div tr td.ui-datepicker-today a.ui-state-active:not(.ui-state-active),
.ui-datepicker-inline tr td.ui-datepicker-today a:not(.ui-state-active):active,
.ui-datepicker-inline tr td.ui-datepicker-today a.ui-state-active:not(.ui-state-active) {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    color: #fff;
  }
}

/* line 365, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-priority-secondary,
#ui-datepicker-div .ui-widget-content .ui-priority-secondary,
#ui-datepicker-div .ui-widget-header .ui-priority-secondary,
.ui-datepicker-inline .ui-priority-secondary,
.ui-datepicker-inline .ui-widget-content .ui-priority-secondary,
.ui-datepicker-inline .ui-widget-header .ui-priority-secondary {
  opacity: 0.5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Button Pane
/* ===================================================================== */
/* ===================================================================== */
/* line 382, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button.btn,
.ui-datepicker-inline .ui-datepicker-buttonpane button.btn {
  padding: 10px 20px;
  border-radius: 11px;
  font-weight: 550;
  font-size: 14px;
  letter-spacing: .5pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 393, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button,
.ui-datepicker-inline .ui-datepicker-buttonpane button {
  font-family: 'Nunito Sans', sans-serif;
}

/* line 396, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button.btn-secondary,
.ui-datepicker-inline .ui-datepicker-buttonpane button.btn-secondary {
  background-color: #fff;
  color: #616161;
  border-color: #d3d3d3;
}

/* line 401, app/assets/stylesheets/vendor/jquery-datepicker-overrides.scss */
#ui-datepicker-div .ui-datepicker-buttonpane button.btn-secondary:hover,
.ui-datepicker-inline .ui-datepicker-buttonpane button.btn-secondary:hover {
  color: teal;
  border-color: teal;
}

/* line 1, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_shape {
  stroke-width: 1;
  stroke-dasharray: 10 10;
  stroke: black;
  stroke-opacity: 0.1;
  pointer-events: none;
  fill: none;
}

/* line 10, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_shape_pointSelect {
  stroke-width: 1;
  fill: none;
  stroke-dasharray: 10 10;
  stroke: black;
  stroke-opacity: 0.8;
  pointer-events: none;
}

/* line 19, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle {
  stroke-width: 3;
  stroke: black;
  fill: none;
}

/* line 25, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_rot {
  fill: white;
  stroke: black;
  stroke-width: 1;
  cursor: move;
}

/* line 32, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_lt {
  cursor: nw-resize;
}

/* line 35, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_rt {
  cursor: ne-resize;
}

/* line 38, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_rb {
  cursor: se-resize;
}

/* line 41, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_lb {
  cursor: sw-resize;
}

/* line 44, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_t {
  cursor: n-resize;
}

/* line 47, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_r {
  cursor: e-resize;
}

/* line 50, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_b {
  cursor: s-resize;
}

/* line 53, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_l {
  cursor: w-resize;
}

/* line 57, app/assets/stylesheets/vendor/svg.select.css */
.svg_select_handle_point {
  stroke: black;
  stroke-width: 1;
  cursor: move;
  fill: white;
}

/**
* Project : simply-countdown
* File : simplyCountdown.theme.default
* Author : Vincent Loy <vincent.loy1@gmail.com>
* Theme : Light Modern
*/
/* Layouts
=========================================================================================================================*/
/* Layouts
======================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Nav - Secondary Column
/* ===================================================================== */
/* ===================================================================== */
/* line 28, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-secondary-h-clip #primary-nav-column #secondary-column {
  top: 53px;
}

/* line 33, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-secondary-h-full #primary-nav-column #secondary-column {
  top: 0px;
}

/* line 39, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-secondary-w-md #primary-nav-column #secondary-column {
  width: 200px;
}

/* line 44, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-secondary-w-lg #primary-nav-column #secondary-column {
  width: 285px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Breadcrumbs
/* ===================================================================== */
/* ===================================================================== */
/* line 57, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-secondary-h-full #top-nav-bar .breadcrumbs {
  margin-left: 204px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Header Primary Fixed
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/layouts/layout_system.scss */
.primary-header-fixed {
  top: 75px;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/layouts/layout_system.scss */
  .primary-header-fixed {
    top: 53px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Header Secondary Fixed                                                // mobile/tablet, but not desktop
/* ===================================================================== */
/* ===================================================================== */
/* line 79, app/assets/stylesheets/layouts/layout_system.scss */
.secondary-header-fixed {
  top: 75px;
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/layouts/layout_system.scss */
  .secondary-header-fixed {
    top: 53px;
  }
}

/* line 87, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--head-primary-fixed .secondary-header-fixed {
  top: calc(75px + 55px);
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed .secondary-header-fixed {
    top: calc(53px + 55px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Primary Content Container Top Padding / Primary Content Container Fixed
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/layouts/layout_system.scss */
#primary-content-container {
  padding-top: 75px;
}

@media (min-width: 1200px) {
  /* line 100, app/assets/stylesheets/layouts/layout_system.scss */
  #primary-content-container {
    padding-top: 53px;
  }
}

/* line 105, app/assets/stylesheets/layouts/layout_system.scss */
#primary-content-container .primary-content-container__fixed-container {
  top: 75px;
}

@media (min-width: 1200px) {
  /* line 105, app/assets/stylesheets/layouts/layout_system.scss */
  #primary-content-container .primary-content-container__fixed-container {
    top: 53px;
  }
}

/* line 113, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--head-primary-fixed #primary-content-container {
  padding-top: calc(75px + 55px);
}

@media (min-width: 1200px) {
  /* line 113, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed #primary-content-container {
    padding-top: calc(53px + 55px);
  }
}

/* line 118, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--head-primary-fixed #primary-content-container .primary-content-container__fixed-container {
  top: calc(75px + 55px);
}

@media (min-width: 1200px) {
  /* line 118, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed #primary-content-container .primary-content-container__fixed-container {
    top: calc(53px + 55px);
  }
}

@media (max-width: 1200px) {
  /* line 127, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-secondary-fixed-mobile-tablet #primary-content-container {
    padding-top: calc(75px + 50px);
  }
}

@media (max-width: 1200px) {
  /* line 131, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-secondary-fixed-mobile-tablet #primary-content-container .primary-content-container__fixed-container {
    top: calc(75px + 50px);
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-secondary-fixed-desktop #primary-content-container {
    padding-top: calc(53px + 50px);
  }
}

@media (min-width: 1200px) {
  /* line 143, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-secondary-fixed-desktop #primary-content-container .primary-content-container__fixed-container {
    top: calc(53px + 50px);
  }
}

@media (max-width: 1200px) {
  /* line 151, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed.lay--head-secondary-fixed-mobile-tablet #primary-content-container {
    padding-top: calc(75px + 55px + 50px);
  }
}

@media (max-width: 1200px) {
  /* line 155, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed.lay--head-secondary-fixed-mobile-tablet #primary-content-container .primary-content-container__fixed-container {
    top: calc(75px + 55px + 50px);
  }
}

@media (min-width: 1200px) {
  /* line 163, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed.lay--head-secondary-fixed-desktop #primary-content-container {
    padding-top: calc(53px + 55px + 50px);
  }
}

@media (min-width: 1200px) {
  /* line 167, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed.lay--head-secondary-fixed-desktop #primary-content-container .primary-content-container__fixed-container {
    top: calc(53px + 55px + 50px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Split Grid Layout Height
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 181, app/assets/stylesheets/layouts/layout_system.scss */
  .split-grid-layout {
    height: calc(100vh - 53px);
  }
  /* line 183, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed .split-grid-layout {
    height: calc(100vh - 53px - 55px);
  }
  /* line 185, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-secondary-fixed-desktop .split-grid-layout {
    height: calc(100vh - 53px - 50px);
  }
  /* line 187, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--head-primary-fixed.lay--head-secondary-fixed-desktop .split-grid-layout {
    height: calc(100vh - 53px - 55px - 50px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Width/Lefts for Primary Content Container (and fixed child continer) and page header elements
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 199, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary #primary-content-container {
    margin-left: 55px;
  }
  /* line 200, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary .primary-header-fixed {
    left: 55px;
  }
  /* line 201, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary .secondary-header-fixed {
    left: 55px;
  }
  /* line 202, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary #primary-content-container .primary-content-container__fixed-container {
    left: 55px;
  }
  /* line 205, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md #primary-content-container {
    margin-left: calc(55px + 199px);
  }
  /* line 206, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md .primary-header-fixed {
    left: calc(55px + 199px);
  }
  /* line 207, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md .secondary-header-fixed {
    left: calc(55px + 199px);
  }
  /* line 208, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md #primary-content-container .primary-content-container__fixed-container {
    left: calc(55px + 199px);
  }
  /* line 211, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg #primary-content-container {
    margin-left: calc(55px + 285px - 1px);
  }
  /* line 212, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg .primary-header-fixed {
    left: calc(55px + 285px - 1px);
  }
  /* line 213, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg .secondary-header-fixed {
    left: calc(55px + 285px - 1px);
  }
  /* line 214, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg #primary-content-container .primary-content-container__fixed-container {
    left: calc(55px + 285px - 1px);
  }
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary[data-portal='true'] #primary-content-container {
    margin-left: 0px;
  }
  /* line 223, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary[data-portal='true'] .primary-header-fixed {
    left: 0px;
  }
  /* line 224, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary[data-portal='true'] .secondary-header-fixed {
    left: 0px;
  }
  /* line 225, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary[data-portal='true'] #primary-content-container .primary-content-container__fixed-container {
    left: 0px;
  }
  /* line 228, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md[data-portal='true'] #primary-content-container {
    margin-left: calc(0px + 199px);
  }
  /* line 229, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md[data-portal='true'] .primary-header-fixed {
    left: calc(0px + 199px);
  }
  /* line 230, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md[data-portal='true'] .secondary-header-fixed {
    left: calc(0px + 199px);
  }
  /* line 231, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-md[data-portal='true'] #primary-content-container .primary-content-container__fixed-container {
    left: calc(0px + 199px);
  }
  /* line 234, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg[data-portal='true'] #primary-content-container {
    margin-left: calc(0px + 285px);
  }
  /* line 235, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg[data-portal='true'] .primary-header-fixed {
    left: calc(0px + 285px);
  }
  /* line 236, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg[data-portal='true'] .secondary-header-fixed {
    left: calc(0px + 285px);
  }
  /* line 237, app/assets/stylesheets/layouts/layout_system.scss */
  body.lay--nav-primary.lay--nav-secondary-w-lg[data-portal='true'] #primary-content-container .primary-content-container__fixed-container {
    left: calc(0px + 285px);
  }
}

/* line 246, app/assets/stylesheets/layouts/layout_system.scss */
body.lay--nav-admin #primary-content-container {
  margin-left: 235px;
  padding: 70px 20px;
}

/* line 1, app/assets/stylesheets/layouts/primary_content_container.scss */
#primary-content-container {
  background-color: #fff;
  overflow: hidden;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/layouts/primary_content_container.scss */
  #primary-content-container {
    min-height: calc(100vh);
  }
}

/* line 11, app/assets/stylesheets/layouts/primary_content_container.scss */
#primary-content-container .primary-content-container__fixed-container {
  position: fixed;
  background-color: #fff;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/*
   _____ _               _                  _____      _
  / ____| |             | |                / ____|    | |
 | (___ | |__   __ _  __| | _____      __ | |     ___ | |_   _ _ __ ___  _ __
  \___ \| '_ \ / _` |/ _` |/ _ \ \ /\ / / | |    / _ \| | | | | '_ ` _ \| '_ \
  ____) | | | | (_| | (_| | (_) \ V  V /  | |___| (_) | | |_| | | | | | | | | |
 |_____/|_| |_|\__,_|\__,_|\___/_\_/\_/    \_____\___/|_|\__,_|_| |_| |_|_| |_|
 | |                           | |
 | |     __ _ _   _  ___  _   _| |_
 | |    / _` | | | |/ _ \| | | | __|
 | |___| (_| | |_| | (_) | |_| | |_
 |______\__,_|\__, |\___/ \__,_|\__|
               __/ |
              |___/
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Section
  = Sub Section
*/
/* Notes ===================================================================================================================
============================================================================================================================
A of 6/5/22, it's used in only one place: Contact show page. Only visible on
tablet or larger devices.
*/
/* Shadow Column Layout
=========================================================================================================================*/
/* line 33, app/assets/stylesheets/layouts/shadow_column_layout.scss */
.shadow-column-layout {
  /* Left Column (Data)
  =========================================================================================================================*/
}

/* line 34, app/assets/stylesheets/layouts/shadow_column_layout.scss */
.shadow-column-layout .container-fluid {
  min-height: 100vh;
}

/* line 36, app/assets/stylesheets/layouts/shadow_column_layout.scss */
.shadow-column-layout .container-fluid .row {
  min-height: 100vh;
}

/* line 42, app/assets/stylesheets/layouts/shadow_column_layout.scss */
.shadow-column-layout #left-column {
  min-height: 100vh;
  -webkit-box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 35px 25px 0px 35px;
}

/* line 47, app/assets/stylesheets/layouts/shadow_column_layout.scss */
.shadow-column-layout #left-column .section-divider {
  background-color: #d5d9dd;
  height: 1px;
  width: calc(100% + 60px);
  position: relative;
  left: -35px;
}

/* line 1, app/assets/stylesheets/layouts/project_layout.scss */
body.project-layout {
  background-color: #fff;
  height: calc(100% - 80px);
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout .left-layout {
    position: fixed;
    top: 53px;
    left: 242px;
    bottom: 0px;
    right: calc(28vw - 27px);
    overflow: scroll;
    padding-top: 35px;
    padding-right: 40px;
    padding-left: 10px;
  }
  /* line 12, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout .left-layout .row {
    margin: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 18, app/assets/stylesheets/layouts/show_split_layout.scss */
  body[data-portal='true'] .show-split-layout .left-layout {
    left: 186px;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout .right-layout {
    position: fixed;
    top: 53px;
    right: 0px;
    bottom: 0px;
    width: 28vw;
    z-index: 2;
    overflow: hidden;
    webkit-box-shadow: -3px 4px 11px 1px rgba(0, 0, 0, 0.25);
    box-shadow: -3px 4px 11px 1px rgba(0, 0, 0, 0.25);
  }
}

/* line 39, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout.no-page-header .left-layout, .show-split-layout.no-page-header .right-layout {
  top: 53px;
}

/* line 42, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout.no-page-header .left-layout {
  padding-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Split Layout Implementations
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout.vendor-job .left-layout {
    padding-left: 70px;
    padding-right: 100px;
  }
}

/* line 62, app/assets/stylesheets/layouts/show_split_layout.scss */
#manage-document-page.show-split-layout .left-layout, #manage-document-page.show-split-layout .right-layout {
  top: 107px;
}

/* line 69, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header {
  padding: 0px;
}

/* line 73, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header {
  padding: 0px;
  height: 65px;
  background-color: #fff;
}

/* line 77, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header .left-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  box-sizing: content-box;
  margin-right: 100px;
  left: 15px;
}

/* line 84, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header .left-info h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 89, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header .left-info .fader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 110px;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 22%);
}

/* line 99, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header .right-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  text-align: right;
}

/* line 105, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header .right-info .dropdown i {
  font-size: 28px;
}

/* line 110, app/assets/stylesheets/layouts/show_split_layout.scss */
.show-split-layout .page-header .primary-header h1 {
  font-size: 20px;
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout .page-header .primary-header h1 {
    font-size: 23px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Nav (.desktop-nav-enabled)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout.desktop-nav-enabled .page-nav-container {
    display: block;
  }
}

@media (min-width: 1200px) {
  /* line 135, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout.desktop-nav-enabled .left-layout {
    padding-top: 15px;
    top: 267px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Comments Widget
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 148, app/assets/stylesheets/layouts/show_split_layout.scss */
  .show-split-layout #comments-widget {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0px;
  }
}

/* line 1, app/assets/stylesheets/layouts/fixed_right_column.scss */
.fixed-right-column {
  position: fixed;
  display: none;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/layouts/fixed_right_column.scss */
  .fixed-right-column {
    display: block;
  }
}

/* line 9, app/assets/stylesheets/layouts/fixed_right_column.scss */
.fixed-right-column .section-title {
  font-size: 16px;
  position: relative;
  display: block;
  font-weight: 600;
  background-color: #d6e0e8;
  padding: 9px;
  margin-bottom: 10px;
  border-radius: 5px;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/layouts/fixed_right_column.scss */
  .fixed-right-column .section-title {
    font-size: 14.5px;
  }
}

/* line 18, app/assets/stylesheets/layouts/fixed_right_column.scss */
.fixed-right-column .section-title i {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest List Summary
/* ===================================================================== */
/* ===================================================================== */
/* line 28, app/assets/stylesheets/layouts/fixed_right_column.scss */
.fixed-right-column.guest-list-summary {
  top: 159px;
  right: 0px;
  bottom: 0px;
  width: 220px;
  padding-right: 15px;
  padding-bottom: 75px;
  overflow-y: scroll;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/layouts/record_with_info_column.scss */
  .layout--rwic {
    display: flex;
    min-height: 100vh;
  }
}

/* line 8, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-record-container {
  background-color: transparent;
  flex-grow: 1;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/layouts/record_with_info_column.scss */
  .layout--rwic-info-container {
    display: block;
    background-color: #f1f5f8;
    flex: 0 0 30%;
    max-width: 390px;
    transition: all 0.3s;
    overflow: hidden;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.02);
    border-bottom-left-radius: 15px;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
}

/* line 30, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-info-container-content {
  opacity: 1;
  transition: all 0.3s;
  transition-delay: 0.3s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Collapse Trigger
/* ===================================================================== */
/* ===================================================================== */
/* line 41, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger {
  display: none;
  position: fixed;
  z-index: 2;
  padding: 5px;
  transform: translate(-18px, 17px);
  transition: all 0.4s;
  transition-delay: 0.2s;
}

@media (min-width: 1200px) {
  /* line 41, app/assets/stylesheets/layouts/record_with_info_column.scss */
  .layout--rwic-collapse-toggle-trigger {
    display: block;
  }
}

/* line 52, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger .icon-container {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  background-color: #f1f5f8;
  border: 1px solid #bebebe;
  border-radius: 6px;
  display: block;
  transition: all 0.2s;
  padding: 11px 4px;
  font-size: 14px;
  color: #8c8c8c;
}

/* line 63, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger .icon-container i {
  transform: scale(0.85);
  transition: all 0.5s;
}

/* line 69, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger:hover {
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger:hover .icon-container {
  transform: scale(1.2);
}

/* line 74, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-collapse-toggle-trigger:hover .icon-container i {
  transform: scale(0.85) translateX(4px);
}

/* line 79, app/assets/stylesheets/layouts/record_with_info_column.scss */
body[data-auth-context="share_link"] .layout--rwic-collapse-toggle-trigger {
  transform: translate(-18px, 56px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Collapsed
/* ===================================================================== */
/* ===================================================================== */
/* line 92, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-info-container {
  flex: 0 0 40px;
  overflow: hidden;
  background-color: #fff;
}

/* line 96, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-info-container:hover {
  cursor: pointer;
  flex: 0 0 60px;
}

/* line 99, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-info-container:hover .layout--rwic-collapse-toggle-trigger {
  transform: translate(-17px, 30vh) rotate(180deg) scale(1.2);
  transition-delay: 0s;
}

/* line 105, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-info-container-content {
  opacity: 0;
  transition-delay: 0s;
  pointer-events: none;
}

/* line 110, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-collapse-toggle-trigger {
  transform: translate(-14px, 30vh) rotate(180deg);
  transition-delay: 0.5s;
  pointer-events: none;
}

/* line 114, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic.collapsed .layout--rwic-collapse-toggle-trigger .icon-container {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section Header
/* ===================================================================== */
/* ===================================================================== */
/* line 125, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-card {
  background-color: #fff;
  padding: 25px;
  border-radius: 11px;
  border: 1px solid #e0e0e0;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* line 132, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-card .rwic-header {
  position: relative;
  font-size: 16.5px;
  padding-left: 0px;
  padding-top: 0px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 20px;
}

/* line 140, app/assets/stylesheets/layouts/record_with_info_column.scss */
.layout--rwic-card .rwic-header i {
  margin-right: 5px;
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/layouts/split_grid_layout.scss */
  .page.page-split-grid-layout {
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/layouts/split_grid_layout.scss */
  .split-grid-layout .split-grid-layout-left-column--fixed-pane-bottom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    padding-bottom: 0px !important;
  }
  /* line 17, app/assets/stylesheets/layouts/split_grid_layout.scss */
  .split-grid-layout .split-grid-layout-left-column--fixed-pane-bottom .left-column-content {
    overflow: scroll;
  }
}

/* line 25, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .column-fixed-header {
  position: absolute;
}

/* line 29, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .column-fixed-header--top-right {
  top: 0px;
  right: 0px;
}

/* line 35, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .column-fixed-header--top-right .__ellipsis-dropdown button.dropdown-toggle {
  border-top-width: 0px;
  border-right-width: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Expand/Collapse Controls
/* ===================================================================== */
/* ===================================================================== */
/* line 54, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-top-width: 0px;
  box-shadow: -2px 2px 4px 0px #0000000d;
  -webkit-box-shadow: -2px 2px 4px 0px #0000000d;
  width: 24px;
  height: 40px;
}

@media (max-width: 1200px) {
  /* line 54, app/assets/stylesheets/layouts/split_grid_layout.scss */
  .split-grid-layout .panel-expand-collapse-button {
    display: none !important;
  }
}

/* line 65, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 15px;
  color: #878787;
}

/* line 71, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button:hover {
  cursor: pointer;
  border-color: teal;
}

/* line 74, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button:hover i {
  color: teal;
}

/* line 81, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button.--collapse-right-panel {
  position: fixed;
  border-right-width: 0px;
  border-bottom-left-radius: 8px;
}

/* line 88, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout.right-column-collapsed .panel-expand-collapse-button.--collapse-right-panel {
  display: none;
}

/* line 93, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-with-info-container--right-column {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  opacity: 0;
  transition: background-color 0.1s;
  background-color: #f1f1f1;
  z-index: 2;
  width: 100%;
  height: 100%;
}

/* line 102, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-with-info-container--right-column:hover {
  background-color: #fff;
  cursor: pointer;
}

/* line 105, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-with-info-container--right-column:hover .panel-expand-collapse-button.--expand-right-panel {
  border-color: teal;
}

/* line 107, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-with-info-container--right-column:hover .panel-expand-collapse-button.--expand-right-panel i {
  color: teal;
}

/* line 115, app/assets/stylesheets/layouts/split_grid_layout.scss */
.split-grid-layout .panel-expand-collapse-button.--expand-right-panel {
  position: relative;
  border-left-width: 0px;
  border-bottom-right-radius: 8px;
}

/* line 1, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
.split-grid-layout--two-column {
  transition: grid-template-columns 0.3s;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  grid-template-areas: "left-column" "right-column";
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
  .split-grid-layout--two-column {
    grid-template-rows: auto;
    grid-template-columns: 1fr 400px;
    grid-template-areas: "left-column right-column";
  }
}

/* line 17, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
.split-grid-layout--two-column.right-column-collapsed {
  grid-template-columns: 1fr 40px;
}

/* line 19, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
.split-grid-layout--two-column.right-column-collapsed .split-grid-layout-right-column .right-column-content {
  opacity: 0;
  pointer-events: none;
}

/* line 23, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
.split-grid-layout--two-column.right-column-collapsed .panel-expand-with-info-container--right-column {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Left Column
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
  .split-grid-layout--two-column .split-grid-layout-left-column {
    padding-bottom: 85px;
    overflow: scroll;
  }
}

/* line 46, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
.split-grid-layout--two-column .split-grid-layout-left-column .left-column-content .sub-grid-column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
  .split-grid-layout--two-column .split-grid-layout-left-column .left-column-content .sub-grid-column {
    grid-gap: 56px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Right Column
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 60, app/assets/stylesheets/layouts/split_grid_two_column_layout.scss */
  .split-grid-layout--two-column .split-grid-layout-right-column {
    height: 100%;
    position: relative;
    border-left: 1px solid #d5d5d5;
  }
}

/* line 4, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left {
  position: relative;
  transition: grid-template-columns 0.3s;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  grid-template-areas: "left-column" "center-column" "right-column";
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left {
    grid-template-rows: auto;
    grid-template-columns: 270px 1fr 350px;
    grid-template-areas: "left-column center-column right-column";
  }
}

/* line 22, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left.right-column-collapsed {
  grid-template-columns: 270px 1fr 40px;
}

/* line 24, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left.right-column-collapsed .split-grid-layout-right-column .right-column-content {
  opacity: 0;
  pointer-events: none;
}

/* line 28, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left.right-column-collapsed .panel-expand-with-info-container--right-column {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Left Column
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left .split-grid-layout-left-column {
  position: relative;
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-left-column {
    padding-bottom: 85px;
    overflow: scroll;
    border-right: 1px solid #d5d5d5;
    background-color: #fff;
  }
}

/* line 53, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left .split-grid-layout-left-column .left-column-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-left-column .left-column-content {
    grid-gap: 56px;
    grid-template-columns: 1fr;
  }
}

/* line 64, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left .split-grid-layout-left-column .left-column-content .sub-grid-column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-left-column .left-column-content .sub-grid-column {
    grid-gap: 56px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Center Column
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-center-column {
    position: relative;
    overflow: scroll;
    box-shadow: 0px 0px 20px 2px #00000014;
    -webkit-box-shadow: 0px 0px 20px 2px #00000014;
    z-index: 2;
  }
  /* line 85, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-center-column::-webkit-scrollbar {
    display: none;
  }
}

/* line 91, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
.split-grid-layout--three-column-fixed-left .split-grid-layout-center-column .center-column-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 91, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-center-column .center-column-content {
    padding-bottom: 85px;
    grid-gap: 32px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Right Column
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 107, app/assets/stylesheets/layouts/split_grid_three_column_fixed_layout.scss */
  .split-grid-layout--three-column-fixed-left .split-grid-layout-right-column {
    height: 100%;
    position: relative;
    border-left: 1px solid #d5d5d5;
  }
}

/* line 4, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle {
  background-color: #fff;
  padding: 4px;
  border: 1px solid #d7d7d7;
  border-radius: 6px;
  font-size: 13px;
}

@media (max-width: 1200px) {
  /* line 4, app/assets/stylesheets/layouts/focus_mode.scss */
  .focus-mode-toggle {
    display: none !important;
  }
}

/* line 15, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  color: #afafaf;
}

/* line 20, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle:hover {
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle--enable {
  position: fixed;
  top: 65px;
  left: 244px;
  width: 22px;
  height: 30px;
  z-index: 250;
}

/* line 32, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle--enable:hover {
  cursor: w-resize;
}

/* line 37, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle--disable {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7px;
  width: 36px;
  height: 41px;
  border-radius: 6px;
}

/* line 43, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-toggle--disable:hover {
  cursor: e-resize;
}

/* line 49, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode .focus-mode-toggle--enable {
  display: none;
}

/* line 55, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #primary-nav-column {
  transition: all 0.3s;
}

/* line 60, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #primary-nav-column {
  transition: all 0.3s;
  transform: translateX(-110%);
}

/* line 65, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #secondary-column {
  transform: translateX(-110%);
}

/* line 69, app/assets/stylesheets/layouts/focus_mode.scss */
#top-nav-bar {
  transition: all 0.3s;
}

/* line 73, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #top-nav-bar {
  transition: all 0.3s;
  transform: translateY(-100%);
}

/* line 78, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #primary-content-container {
  margin-left: 55px !important;
  padding-top: 55px;
  transition: all 0.3s;
}

/* line 84, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode .primary-header-fixed {
  left: 55px !important;
  top: 0px !important;
  transition: all 0.3s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Project Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 95, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-project-bar {
  position: fixed;
  z-index: 20;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 55px;
  background-color: #fdfdfd;
  border-right: 1px solid #dadada;
  transition: width 0.2s;
}

@media (max-width: 1200px) {
  /* line 95, app/assets/stylesheets/layouts/focus_mode.scss */
  .focus-mode-project-bar {
    display: none !important;
  }
}

/* line 108, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-project-bar .focus-mode--event-name {
  position: absolute;
  top: 0%;
  width: fit-content;
  white-space: nowrap;
  font-size: 18px;
  letter-spacing: 2px;
  display: block;
  transform: translateX(calc(-100% + 26px)) translateY(50px) rotate(-90deg);
  transform-origin: right center;
  transition: transform 0.2s;
}

/* line 120, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-project-bar:hover {
  cursor: e-resize;
  width: 65px;
}

/* line 123, app/assets/stylesheets/layouts/focus_mode.scss */
.focus-mode-project-bar:hover .focus-mode--event-name {
  transform: translateX(calc(-100% + 32px)) translateY(50px) rotate(-90deg);
}

/* ===================================================================== */
/* ===================================================================== */
/* Schedules
/* ===================================================================== */
/* ===================================================================== */
/* line 134, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #primary-content-container:has(#edit-event-schedule-page) {
  padding-top: 0px;
}

/* line 138, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #edit-event-schedule-page .split-grid-layout {
  height: 100vh;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJob Page
/* ===================================================================== */
/* ===================================================================== */
/* line 148, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #vendor-job-page .vendor-details-column.for-vendor-job {
  transition: all 0.3s;
  top: 0px;
  left: 55px;
}

/* line 153, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #primary-content-container:has(#vendor-job-page) {
  padding-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Budget
/* ===================================================================== */
/* ===================================================================== */
/* line 163, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #budget-container-page .primary-content-container__fixed-container {
  transition: all 0.3s;
  left: 55px !important;
  top: 55px !important;
}

/* line 168, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #budget-container-page .budget-container__rollup-footer {
  transition: all 0.3s;
  left: 55px;
}

/* line 174, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #budget-payment-page-content-container.split-grid-layout {
  height: calc(100vh - 55px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest List
/* ===================================================================== */
/* ===================================================================== */
/* line 183, app/assets/stylesheets/layouts/focus_mode.scss */
body.focus-mode #guest_parties-page .sticky-table-outer {
  transition: all 0.3s;
  top: 54px;
  left: 55px;
}

/* line 1, app/assets/stylesheets/layouts/primary_content_layouts/parent_child.scss */
.pcl--pc {
  display: flex;
}

/* line 5, app/assets/stylesheets/layouts/primary_content_layouts/parent_child.scss */
.pcl--pc .pcl--pc-parent-column {
  display: none;
  flex: 0 0 250px;
  padding: 20px;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/layouts/primary_content_layouts/parent_child.scss */
  .pcl--pc .pcl--pc-parent-column {
    display: initial;
    border-right: 1px solid #e0e6ea;
    border-bottom: 1px solid #e0e6ea;
    border-bottom-right-radius: 10px;
  }
}

/* line 17, app/assets/stylesheets/layouts/primary_content_layouts/parent_child.scss */
.pcl--pc .pcl--pc-child-column {
  flex-grow: 1;
}

/* Navigation
=========================================================================================================================*/
/* line 1, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 250;
}

/* line 9, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column {
  position: relative;
  z-index: 1001;
  background-color: #161618;
  height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Menu Popover
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .sub-menu-popover {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  transition-delay: 0.3s;
  position: absolute;
  top: 0px;
  right: -3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(calc(100% - 30px));
  padding-left: 30px;
}

/* line 42, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .sub-menu-popover a {
  display: block;
  color: #fff;
  padding: 12px 10px;
  font-size: 14.5px;
  border-radius: 6px;
  color: #fff;
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: .5pt;
  border-radius: 6px;
}

/* line 53, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .sub-menu-popover a i {
  margin-right: 5px;
  color: #b7b7b7;
}

/* line 58, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .sub-menu-popover a:hover {
  background-color: #323232;
}

/* line 61, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .sub-menu-popover .sub-menu-popover-content {
  background-color: #161618;
  width: 204px;
  border-radius: 10px;
  padding: 10px 10px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 71, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .expander-link.active-hover .sub-menu-popover {
  opacity: 1;
  pointer-events: unset;
}

/* line 75, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .expander-link.active-hover .nav-icon-label-container {
  background-color: #323232;
}

/* ===================================================================== */
/* ===================================================================== */
/* Planpage Logo
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column a.planpage-logo-icon-link {
  padding: 0px;
  margin-bottom: 0px;
}

/* line 88, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column a.planpage-logo-icon-link:not(.selected):hover {
  background-color: transparent;
}

/* line 92, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .planpage-logo-icon {
  filter: invert(100%) sepia(41%) saturate(0%) hue-rotate(193deg) brightness(115%) contrast(100%);
  margin-bottom: 15px;
  width: 55px;
  padding-left: 11px;
  padding-right: 11px;
  margin-top: 14px;
}

/* line 104, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .planpage-logo-wordmark {
  filter: invert(100%) sepia(41%) saturate(0%) hue-rotate(193deg) brightness(115%) contrast(100%);
  position: absolute;
  top: 18px;
  left: 55px;
  width: 90px;
  pointer-events: none;
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Link Icons & Labels
/* ===================================================================== */
/* ===================================================================== */
/* line 119, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container {
  color: #ededed;
  display: flex !important;
  align-items: center;
  margin: 10px 9px;
  border-radius: 6px;
  padding: 9px 0px;
  transition: all 0.15s;
  border: 1px solid transparent;
}

/* line 130, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container:hover {
  background-color: #323232;
}

/* line 134, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container i {
  font-size: 19px;
  font-weight: 400;
}

/* line 139, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container .text-label {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-left: 2px;
  letter-spacing: .5pt;
}

/* line 147, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container.selected {
  background-color: #343436;
  color: #ffffff;
  border-color: #9f9fa7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Divider
/* ===================================================================== */
/* ===================================================================== */
/* line 160, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .divider {
  height: 1px;
  background-color: #494949;
  margin: 0px 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Notification Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 171, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .nav-icon-label-container .text-label .notification-badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* line 176, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .nav-icon-label-container .notification-badge-for-collapsed .notification-badge {
  position: absolute;
  top: 0px;
  right: 3px;
}

/* line 182, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column.expanded .nav-icon-label-container .notification-badge-for-collapsed .notification-badge,
body[data-primary-nav='static'] #primary-nav-column .nav-icon-label-container .notification-badge-for-collapsed .notification-badge {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Love Quote
/* ===================================================================== */
/* ===================================================================== */
/* line 192, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #love-quote-container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  padding: 15px;
  font-size: 13px;
  color: #959595;
  line-height: 1.3;
}

/* line 202, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #love-quote-container .author {
  display: block;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 211, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column .expander-trigger {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Admin Maintenance Mode Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 220, app/assets/stylesheets/nav/primary_nav_column.scss */
#primary-nav-column #dark-bar-column .admin-maintenance-mode-indicator-icon-container {
  background-color: #dc3645;
  color: #fff;
  border-radius: 6px;
  padding: 6px 13px;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 15px;
  border: 1px solid #ff9595;
}

/* Expanding Primary Nav Column
======================================================================== */
/* line 3, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column {
  width: 55px;
  transition: width 0.05s;
}

/* line 8, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column.expanded {
  width: 180px;
  transition: width 0.2s;
}

/* Nav Icon Label Container
======================================================================== */
/* Nav Icon Label Container (Icon Container)
======================================================================== */
/* line 21, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column #dark-bar-column .nav-icon-label-container .icon-container {
  padding-left: 6px;
  position: relative;
}

/* Nav Icon Label Container (Text Label)
======================================================================== */
/* line 35, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column .nav-icon-label-container .text-label {
  width: 0px;
  height: 0px;
  overflow: hidden;
  padding-left: 0px;
  opacity: 0;
}

/* line 43, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column.expanded .nav-icon-label-container .text-label,
body[data-primary-nav='static'] #primary-nav-column .nav-icon-label-container .text-label {
  width: initial;
  height: initial;
  white-space: nowrap;
  padding-left: 9px;
  opacity: 1;
}

/* Logo (Wordmark)
======================================================================== */
/* line 54, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column.expanded #dark-bar-column .planpage-logo-wordmark {
  opacity: 1;
  pointer-events: auto;
}

/* Love Quote
======================================================================== */
/* line 62, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column #love-quote-container {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
}

/* line 68, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
#primary-nav-column.expanded #love-quote-container,
body[data-primary-nav='static'] #primary-nav-column #love-quote-container {
  opacity: 1;
  transition: 0.2s;
  transition-delay: 0.17s;
}

/* line 77, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
body[data-primary-nav='static'] #primary-nav-column #dark-bar-column {
  width: 160px;
}

/* line 80, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
body[data-primary-nav='static'] #primary-nav-column #secondary-column {
  left: 160px;
}

/* line 82, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
body[data-primary-nav='static'] #primary-nav-column #secondary-column .column-header {
  left: 160px !important;
}

/* line 86, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
body[data-primary-nav='static'] #top-nav-bar {
  left: 160px;
}

/* line 92, app/assets/stylesheets/nav/primary_nav_column_expander.scss */
body:has(#primary-nav-column.expanded) .focus-mode-toggle {
  display: none;
}

/* line 1, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column {
  position: absolute;
  left: 55px;
  top: 0px;
  bottom: 0px;
  background-color: #fdfdfd;
  padding-top: 12px;
  overflow-y: scroll;
  border-right: 1px solid #d7d7d7;
}

/* line 13, app/assets/stylesheets/nav/secondary_nav_column.scss */
body[data-portal='true'] #primary-nav-column #secondary-column {
  left: 0px;
}

/* line 17, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu a {
  font-size: 14px;
  position: relative;
  color: #c2d7e4;
  display: block;
  padding: 14px 15px;
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 2px;
  font-weight: 600;
  border-left: 0px solid #f1f5f8;
  animation: all 0.5s;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column .secondary-column-default-menu a {
    font-size: 13.5px;
  }
}

/* line 30, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu a:hover {
  background-color: #23475a;
  border-left-color: #b5b5b5;
  animation: all 0.5s;
}

/* line 35, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu a i {
  margin-right: 5px;
}

/* line 40, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .divider {
  display: block;
  height: 1px;
  background-color: #f3f3f3;
  margin-top: 4px;
  margin-bottom: 13px;
}

/* line 48, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .divider-with-name {
  position: relative;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  border-top: 1px solid #eeeeee;
}

/* line 56, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .divider-with-name .divider-with-name__name {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  background-color: #fdfdfd;
  border: 1px solid #eeeeee;
  padding: 4px;
  font-size: 13px;
  border-radius: 6px;
  color: #6f6f6f;
}

/* line 68, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-header,
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-toggle-header {
  position: relative;
  display: block;
  text-transform: none;
  font-size: 14px;
  padding: 10px 25px;
  color: #505050;
  margin-top: 10px;
  margin-bottom: 5px;
  border-top: 1px solid #ededed;
}

/* line 82, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-header {
  background-color: transparent;
  color: #9c9c9c;
  padding: 6px 10px;
  border-top: 1px solid #e9e9e9;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 2px;
  padding-left: 30px;
}

/* line 93, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-header i {
  margin-right: 4px;
  display: none;
}

/* line 100, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-toggle-header:hover {
  cursor: pointer;
  background-color: #f0f0f0;
  color: #000;
}

/* line 104, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-toggle-header:hover .toggle-icon {
  color: #000;
}

/* line 108, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-toggle-header .toggle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  color: #a2a2a2;
  transition: transform 0.2s;
}

/* line 116, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-section .menu-items-container {
  transition: max-height 0.25s, opacity 0.4s;
  max-height: 1000px;
  opacity: 1;
  overflow: hidden;
}

/* line 124, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-section[data-is-expanded='false'] .menu-items-container {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}

/* line 129, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column .secondary-column-default-menu .menu-section[data-is-expanded='false'] .menu-toggle-header .toggle-icon {
  transform: translateY(-50%) rotate(-90deg);
}

/* line 134, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a,
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a i {
  font-size: 15px;
  text-align: left;
  color: #727272;
}

/* line 141, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller,
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller i {
  font-size: 14px;
}

@media (min-height: 820px) {
  /* line 141, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller,
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller i {
    font-size: 14.5px;
  }
}

@media (min-height: 900px) {
  /* line 141, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller,
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.smaller i {
    font-size: 14.5px;
  }
}

/* line 152, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a {
  padding: 7px 10px;
  padding-right: 5px;
  margin: 0px 12px;
  border: 1px solid transparent;
  font-size: 14.5px;
  letter-spacing: 0.25pt;
}

@media (min-height: 820px) {
  /* line 152, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a {
    padding: 8px 10px;
    font-size: 14.5px;
  }
}

@media (min-height: 900px) {
  /* line 152, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a {
    padding: 9px 10px;
    font-size: 15px;
  }
}

/* line 170, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu.secondary-column-default-menu--portal a {
  padding: 10px 10px;
  font-size: 15px;
}

@media (min-height: 820px) {
  /* line 170, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu.secondary-column-default-menu--portal a {
    padding: 10px 10px;
    font-size: 15px;
  }
}

@media (min-height: 900px) {
  /* line 170, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu.secondary-column-default-menu--portal a {
    padding: 10px 10px;
    font-size: 15px;
  }
}

/* line 184, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode.thirty-two-spacing .secondary-column-default-menu a {
  padding: 10px 18px;
  padding-left: 18px;
}

/* line 189, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.selected {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a.selected i {
  color: #2f2f2f;
}

/* line 199, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a i {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 199, app/assets/stylesheets/nav/secondary_nav_column.scss */
  #primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a i {
    margin-right: 2px;
    color: #acacac;
    font-weight: 300;
  }
}

/* line 210, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.project-mode .secondary-column-default-menu a:not(.selected):hover {
  background-color: #f5f5f5;
}

/* Fixed Column Header
======================================================================== */
/* line 216, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.with-fixed-column-header {
  padding-top: 70px;
  padding-bottom: 20px;
}

/* line 221, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.with-fixed-column-header .column-header {
  position: fixed;
  top: 53px;
  left: 55px;
  width: calc(200px - 1px);
  height: 55px;
  z-index: 2;
  background-color: #fdfdfd;
  border-bottom: 1px solid #eaeaea;
}

/* line 233, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.with-fixed-column-header .column-header .secondary-column-header-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  padding-left: 32px;
}

/* Leads
======================================================================== */
/* line 242, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.for-lead .lead-badge {
  width: fit-content;
  padding: 4px 6px;
  border-radius: 5px;
  position: absolute;
  top: 7px;
  left: 20px;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-bottom-left-radius: 0px;
  border: 1px solid #ffffff33;
}

/* line 257, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.for-lead .project-avatar {
  border: 1px solid #c9c9c9;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

/* line 263, app/assets/stylesheets/nav/secondary_nav_column.scss */
#primary-nav-column #secondary-column.for-lead .lead-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
}

/* line 1, app/assets/stylesheets/components/notification_nav_icons.scss */
a.notification-nav-icon-link {
  display: inline-block;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* line 8, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon {
  position: relative;
  height: 50px;
  width: 40px;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 8, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon {
    height: 47px;
    width: 47px;
  }
}

/* line 19, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon i {
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #2f2f2f;
  font-size: 20px;
  font-weight: 350;
}

@media (max-width: 480px) {
  /* line 19, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon i {
    font-size: 24px;
    font-weight: 300;
  }
}

/* line 31, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon .icon-container {
  transition: all 0.15s;
  width: 35px;
  height: 35px;
  border-radius: 9px;
}

/* line 47, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon .badge {
  position: absolute;
  z-index: 1;
}

@media (max-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon .badge {
    color: transparent;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    border: 1px solid #fff;
    right: 2px;
    top: 6px;
    overflow: hidden;
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon .badge {
    right: 1px;
    top: 2px;
    font-size: 9px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Hover States
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon:not(.open):hover .icon-container {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Open States
/* ===================================================================== */
/* ===================================================================== */
/* line 89, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon.open .icon-container {
  transition: all 0.3s;
  transform: translateY(-40%) translateX(-50%) scale(1.2);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 93, app/assets/stylesheets/components/notification_nav_icons.scss */
.notification-nav-icon.open .icon-container i {
  transition: all 0.3s;
  color: #fff;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon.open .icon-container {
    transform: translateY(-50%) translateX(-50%) scale(1.2);
  }
  /* line 99, app/assets/stylesheets/components/notification_nav_icons.scss */
  .notification-nav-icon.open .icon-container i {
    color: #000;
  }
}

/* line 1, app/assets/stylesheets/components/staff_new_update_widget.scss */
.current-profile-container .staff-new-update-alert {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0px 10px;
  border-radius: 9px;
  color: #fff;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
  width: 128px;
  background-image: radial-gradient(circle 874px at 11.1% 99.3%, rgba(248, 97, 41, 0.85) 0%, #f7c237 100.2%);
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/staff_new_update_widget.scss */
  .current-profile-container .staff-new-update-alert {
    font-size: 14.5px;
  }
}

/* line 14, app/assets/stylesheets/components/staff_new_update_widget.scss */
.current-profile-container .staff-new-update-alert:hover {
  background-color: #8e328c;
}

/* line 17, app/assets/stylesheets/components/staff_new_update_widget.scss */
.current-profile-container .staff-new-update-alert i {
  animation-duration: 1.3s;
}

/* line 1, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: #fff;
  height: 75px;
  z-index: 20;
  border-bottom: 1px solid #eaeaea;
}

/* line 12, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .logo-icon-container {
  position: relative;
  background-color: #2d2d2d;
  width: 45px;
  height: 45px;
  margin-left: 24px;
  border-radius: 8px;
}

/* line 21, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  height: 20px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(260deg) brightness(104%) contrast(101%);
}

/* line 29, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .fa-bars {
  font-size: 25px;
  padding: 24px;
  padding-left: 12px;
  margin-left: 12px;
  color: #2f2f2f;
}

/* ===================================================================== */
/* ===================================================================== */
/* Project Header
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .left-col {
  z-index: 1;
}

/* line 46, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-header {
  align-items: center;
  padding-right: 5px;
}

/* line 51, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-avatar-container {
  background-color: #7d7d7d;
  background-size: cover;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  border-radius: 8px;
}

/* line 59, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-avatar-container .demo-data-record-badge {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* line 67, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-header .project-name-container {
  padding: 8px 5px;
  padding-left: 0px;
  padding-right: 10px;
  margin-left: 80px;
  margin-right: 10px;
  border-radius: 6px;
}

/* line 76, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-header .project-name {
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 650;
}

/* line 87, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .project-avatar-container--for-lead .project-avatar {
  width: 45px;
  height: 45px;
  border-radius: 8px;
}

/* line 94, app/assets/stylesheets/components/primbary_mobile_nav_bar.scss */
#primary-mobile-nav-bar .fixed-lead-badge {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0px;
  border-bottom-right-radius: 8px;
  padding: 6px 8px;
  padding-right: 10px;
}

/* line 1, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 55px;
  background-color: #fcfcfc;
  height: 53px;
  border-bottom: 1.5px dotted #d8d8d8;
  z-index: 25;
}

/* Right Menu
======================================================================== */
/* line 15, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar #right-menu {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: right;
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/components/top_nav_bar.scss */
  #top-nav-bar #right-menu {
    background: #FCFCFC;
    background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #fcfcfc 57px, #fcfcfc 100%);
  }
}

/* Current Profile Container
======================================================================== */
/* line 30, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container {
  display: flex;
  align-items: center;
  right: 0px;
  padding-left: 85px;
}

/* line 39, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown {
  padding: 0px 15px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  transition: all 0.5s;
  height: 53px;
}

@media (min-width: 1200px) {
  /* line 39, app/assets/stylesheets/components/top_nav_bar.scss */
  #top-nav-bar .current-profile-container .profile-dropdown {
    margin-left: 12px;
  }
}

/* line 50, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown .fa-caret-down {
  margin-left: 8px;
}

/* line 53, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown i {
  transition: all 0.2s;
  color: #8e8e8e;
}

/* line 57, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown:hover {
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown:hover i {
  transform: scale(1.2);
  color: #464646;
}

/* line 65, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .profile-dropdown .profile-avatar {
  margin-right: 10px;
  display: block;
  border-color: #fff;
  background-color: #898989;
}

/* Trial Countdown
======================================================================== */
/* line 75, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .trial-countdown {
  font-size: 16px;
  margin-right: 10px;
  background-image: linear-gradient(89.2deg, #fcfcfc -1.3%, #7a10bd94 281.6%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  padding-right: 4px;
  height: 46px;
  border-radius: 12px;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/components/top_nav_bar.scss */
  #top-nav-bar .current-profile-container .trial-countdown {
    font-size: 14.5px;
  }
}

/* Setup Guide
======================================================================== */
/* line 98, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .setup-guide-button {
  width: 151px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 100px;
  margin-left: 12px;
  margin-right: 9px;
  color: #2d363c;
  font-weight: 600;
  font-size: 14.5px;
  border: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

/* line 114, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .setup-guide-button .rocket-circle {
  width: 29px;
  height: 29px;
  border-radius: 100%;
  margin-right: 5px;
  position: relative;
  transition: all 0.3s;
}

/* line 121, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .setup-guide-button .rocket-circle i {
  position: absolute;
  top: 50%;
  left: 63%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 15px;
}

/* line 129, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .setup-guide-button:hover {
  background-color: #dfe5ea;
}

/* line 131, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .current-profile-container .setup-guide-button:hover .rocket-circle {
  transform: scale(1.17);
}

/* Breadcrumbs
======================================================================== */
/* line 139, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 32px;
  font-size: 14px;
  opacity: 1;
  color: #8d8d8d;
  display: flex;
  align-items: center;
}

/* line 148, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs i {
  margin: 0px;
}

/* line 151, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs i.fa-angle-right {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 10px;
}

/* line 156, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs a {
  color: #8d8d8d;
  padding: 9px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}

/* line 161, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs a:not(.home-icon):hover {
  color: #2b2b2b;
  background-color: #f0f0f0;
}

/* line 167, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs a.home-icon {
  padding-left: 0px;
}

/* line 170, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs a.home-icon i {
  transition: all 0.3s;
}

/* line 173, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs a.home-icon:hover i {
  transform: scale(1.35);
}

/* line 178, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs .current-location {
  margin-left: 8px;
  color: #2b2b2b;
}

/* line 183, app/assets/stylesheets/components/top_nav_bar.scss */
#top-nav-bar .breadcrumbs .no-link-pointer {
  margin-left: 8px;
  margin-right: 8px;
}

/* line 188, app/assets/stylesheets/components/top_nav_bar.scss */
body.project-layout #top-nav-bar .breadcrumbs {
  margin-left: 200px;
}

/* line 7, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  transform: translateX(100%);
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/components/global_mobile_nav.scss */
  #global-mobile-nav-container {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .nav-container {
  background-color: #15384a;
  position: absolute;
  z-index: 25;
  top: 0px;
  bottom: 0px;
  left: 0px;
  transition: all 0.2s;
  width: 350px;
}

@media (min-width: 576px) {
  /* line 20, app/assets/stylesheets/components/global_mobile_nav.scss */
  #global-mobile-nav-container .nav-container {
    width: 389px;
  }
}

/* line 34, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open-step-1 .nav-container {
  transform: translateX(-100px);
}

/* line 38, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open-step-2 .nav-container {
  transform: translateX(-300px) !important;
}

/* Open Contexts
======================================================================== */
/* line 46, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open .nav-container {
  transform: translateX(-100px);
}

/* line 50, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open[data-context='events_index'] .nav-container,
#global-mobile-nav-container.open[data-context='leads_index'] .nav-container {
  transform: translateX(-350px);
  transition: all .55s;
}

@media (min-width: 576px) {
  /* line 50, app/assets/stylesheets/components/global_mobile_nav.scss */
  #global-mobile-nav-container.open[data-context='events_index'] .nav-container,
#global-mobile-nav-container.open[data-context='leads_index'] .nav-container {
    transform: translateX(-389px);
  }
}

/* line 59, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.index.projects,
#global-mobile-nav-container .context-container.index.leads {
  display: none;
}

/* line 64, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open[data-context='events_index'] .context-container.index.projects {
  display: block;
}

/* line 67, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open[data-context='leads_index'] .context-container.index.leads {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .header {
  display: none;
  height: 60px;
  border-bottom: 1px solid #425e6e;
}

/* line 82, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .header .logo-container {
  width: 100px;
  height: 60px;
}

/* line 87, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .header .logo-icon {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(192deg) brightness(102%) contrast(100%);
  display: block;
  transform: scale(0.6);
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Links Container
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* Link Styles
======================================================================== */
/* line 113, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container a,
#global-mobile-nav-container .company-links-container .tab-link {
  display: block;
  color: #d0e5f3;
  text-align: center;
  padding: 14px 0px;
  font-weight: 800;
  font-size: 14px;
}

/* line 123, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container .tab-link {
  position: relative;
}

/* line 127, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container a i,
#global-mobile-nav-container .company-links-container .tab-link i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  font-size: 18px;
}

/* line 136, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container a:active,
#global-mobile-nav-container .company-links-container .tab-link:active {
  background-color: #2b5a71;
}

/* line 141, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container a.selected,
#global-mobile-nav-container .company-links-container .tab-link.selected {
  background-color: #00ab86;
  color: #fff;
}

/* line 147, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container .tab-link .expander-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  color: #516e7e;
  font-size: 12px;
  transition: all 0.5s;
}

/* line 154, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container .tab-link.selected .expander-indicator {
  transform: translateX(50px) translateY(50%);
}

/* line 158, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container .notification-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 35%;
  left: 75%;
}

/* Profile Avatar
======================================================================== */
/* line 166, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .company-links-container .profile-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Container
/* ===================================================================== */
/* ===================================================================== */
/* line 179, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container {
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 0px;
  left: 100px;
  background-color: #fff;
  border-top-left-radius: 8px;
  overflow-y: scroll;
}

/* line 190, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.index {
  padding: 10px;
}

/* line 194, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project .back-to-index-button {
  position: absolute;
  top: 0px;
  right: 0px;
}

/* line 200, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project {
  padding: 20px;
  transform: translateX(100%);
  transition: all 0.2s;
}

/* line 206, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project.open {
  transform: translateX(0%);
}

/* line 210, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container .indexed-item {
  padding: 15px 5px;
  padding-left: 15px;
  border-bottom: 1px solid #f1f1f1;
}

/* line 216, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container .indexed-item .project-avatar {
  margin-right: 8px;
}

/* line 220, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.index .new-record-button {
  margin-top: 10px;
  padding: 10px 15px;
  display: inline-block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Project Links
/* ===================================================================== */
/* ===================================================================== */
/* line 231, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project a {
  display: block;
  color: #747474;
  padding: 15px 10px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
}

/* line 240, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project a.selected {
  background-color: #00ab86;
  color: #fff;
}

/* line 245, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project a:active {
  background-color: #c4c4c4;
}

/* line 249, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project .divider {
  height: 1px;
  background-color: #d6d6d6;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 256, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .context-container.project .menu-header {
  color: #adb1b7;
  font-size: 14px;
  font-weight: 800;
  display: block;
  margin-bottom: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Blur
/* ===================================================================== */
/* ===================================================================== */
/* line 269, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container .blur-behind-div {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 20;
  opacity: 0;
  transition: opacity 0.3s;
}

/* line 279, app/assets/stylesheets/components/global_mobile_nav.scss */
#global-mobile-nav-container.open .blur-behind-div {
  transform: translateX(-100%);
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Portal Styles
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Inbox Unread EmailThreads count
/* ===================================================================== */
/* ===================================================================== */
/* line 299, app/assets/stylesheets/components/global_mobile_nav.scss */
.staff-member-unread-email-threads-count-badge[data-count='0'] {
  display: none;
}

/* line 3, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  pointer-events: none;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 15, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .blur-behind-div {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: #ffffffcf;
  opacity: 0;
  transition: all 0.1s;
}

/* line 24, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .nav-container {
  background-color: #fff;
  position: absolute;
  z-index: 25;
  top: 0px;
  bottom: 0px;
  right: 0px;
  transition: all 0.2s;
  width: 100vw;
  overflow: hidden;
  opacity: 0;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .nav-container {
    width: 389px;
  }
}

/* line 40, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open {
  pointer-events: auto;
}

/* line 42, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open .blur-behind-div {
  opacity: 1;
}

/* line 45, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open .nav-container {
  opacity: 1;
}

@media (min-width: 576px) {
  /* line 50, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  body[data-portal="true"] #global-mobile-nav-container-new .nav-container {
    border-left: 1px solid #cfcfcf;
    box-shadow: 0px 0px 30px 1px #0000001f;
    -webkit-box-shadow: 0px 0px 30px 1px #0000001f;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Nav Header
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .nav-header {
  margin-left: 95px;
  padding-left: 24px;
  height: 75px;
  background-color: #fff;
  border-bottom: 1px solid transparent;
  position: sticky;
  top: 0px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

/* line 74, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .nav-header .close-button {
  font-size: 30px;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 74, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .nav-header .close-button {
    display: none;
  }
}

/* line 82, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal="true"] #global-mobile-nav-container-new .nav-header {
  margin-left: 0px;
}

/* line 84, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal="true"] #global-mobile-nav-container-new .nav-header .close-button {
  padding: 16px 24px;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  body[data-portal="true"] #global-mobile-nav-container-new .nav-header .close-button {
    display: block;
  }
}

/* line 92, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal="true"] #global-mobile-nav-container-new .company-logo-for-portal-mobile-nav {
  pointer-events: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  z-index: 10;
  max-width: 100%;
  max-height: 75px;
}

@media (min-width: 576px) {
  /* line 92, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  body[data-portal="true"] #global-mobile-nav-container-new .company-logo-for-portal-mobile-nav {
    max-width: 150px;
    max-height: 150px;
    bottom: 48px;
  }
}

/* line 106, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .nav-header .context-nav-button-container {
  grid-column-start: 1;
  grid-row-start: 1;
}

/* line 111, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-nav-button-container {
  pointer-events: none;
  opacity: 0;
  transform-origin: left center;
  transform: translateX(30px) scale(0.8);
  transition-property: opacity, transform;
  transition-duration: 0.2s, 0.2s;
}

/* line 120, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='events_index']:not(:has(.context-container.project.open)) .context-nav-button-container.new-project {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0px) scale(1);
}

/* line 127, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='events_index']:has(.context-container.project.open) .context-nav-button-container.projects {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0px) scale(1);
}

/* line 134, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='leads_index']:not(:has(.context-container.project.open)) .context-nav-button-container.new-lead {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0px) scale(1);
}

/* line 141, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='leads_index']:has(.context-container.project.open) .context-nav-button-container.leads {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0px) scale(1);
}

/* ===================================================================== */
/* ===================================================================== */
/* Primary Links Container
/* ===================================================================== */
/* ===================================================================== */
/* line 153, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #161618;
  width: calc(100vw - 140px);
  border-radius: 16px;
  transform: translateX(70px);
  transition-property: transform, width, margin;
  transition-duration: 0.2s, 0.2s, 0.2s;
  z-index: 2;
  margin: 8px 0px;
  will-change: contents;
}

@media (min-width: 576px) {
  /* line 153, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .primary-company-links-container {
    position: absolute;
    transform: translateX(0px);
    width: 380px;
  }
}

/* line 179, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new[data-context='events_index'] .primary-company-links-container,
#global-mobile-nav-container-new[data-context='leads_index'] .primary-company-links-container {
  width: 95px;
  transform: translateX(0px);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-radius: 0px;
  margin: 0px 0px;
}

@media (min-width: 576px) {
  /* line 179, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new[data-context='events_index'] .primary-company-links-container,
#global-mobile-nav-container-new[data-context='leads_index'] .primary-company-links-container {
    margin: 8px 0px;
    border-radius: 16px;
  }
}

/* line 191, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new[data-context='events_index'] .nav-header,
#global-mobile-nav-container-new[data-context='leads_index'] .nav-header {
  border-bottom-color: #eaeaea;
}

/* line 196, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a,
#global-mobile-nav-container-new .primary-company-links-container .tab-link {
  position: relative;
  text-align: center;
  padding: 16px 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5pt;
  border-bottom: 1px solid #2f2f2f;
}

/* line 209, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a i,
#global-mobile-nav-container-new .primary-company-links-container .tab-link i {
  display: block;
  margin: 0px auto;
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 16px;
  opacity: 0.9;
}

@media (min-width: 576px) {
  /* line 209, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .primary-company-links-container a i,
#global-mobile-nav-container-new .primary-company-links-container .tab-link i {
    font-size: 18px;
    margin-bottom: 12px;
  }
}

/* line 221, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a i.expander-indicator,
#global-mobile-nav-container-new .primary-company-links-container .tab-link i.expander-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  font-weight: 600;
  font-size: 13.5px;
  margin-bottom: 0px;
  opacity: 0.5;
  transform-origin: left center;
  transition: opacity 0.2s;
}

/* line 233, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a.selected,
#global-mobile-nav-container-new .primary-company-links-container .tab-link.selected {
  background-color: #49494c;
}

/* line 236, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a.selected i,
#global-mobile-nav-container-new .primary-company-links-container .tab-link.selected i {
  color: #fff;
  opacity: 1;
}

/* line 240, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a.selected i.expander-indicator,
#global-mobile-nav-container-new .primary-company-links-container .tab-link.selected i.expander-indicator {
  opacity: 0;
}

/* line 245, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a.loading {
  animation: mobile_primary_link_loading_shimmer 2s infinite;
  background: linear-gradient(to right, #49494c 0%, #707070 11%, #49494c 40%);
  background-size: 1000px 100%;
  background-color: #161618;
}

/* line 250, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container a.loading i {
  color: #fff;
  opacity: 1;
}

@keyframes mobile_primary_link_loading_shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* line 266, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .primary-company-links-container .notification-badge {
  position: absolute;
  top: 6px;
  right: 26px;
  color: transparent;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fafafa;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Containers Position & State Handling (Index & Records)
/* ===================================================================== */
/* ===================================================================== */
/* line 283, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container {
  position: absolute;
  top: 75px;
  right: 0px;
  bottom: 0px;
  left: 95px;
  background-color: #fff;
  overflow-y: scroll;
}

/* line 293, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.index.projects,
#global-mobile-nav-container-new .context-container.index.leads {
  display: none;
}

/* line 298, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='events_index'] .context-container.index.projects {
  display: block;
}

/* line 301, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open[data-context='leads_index'] .context-container.index.leads {
  display: block;
}

/* line 306, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.index .sticky-header {
  position: sticky;
  z-index: 1;
  top: 0px;
  background-color: #f9f9f9;
  padding: 16px 24px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 306, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .context-container.index .sticky-header {
    font-size: 13.5px;
  }
}

/* line 316, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal="true"] #global-mobile-nav-container-new .context-container {
  left: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Container (Project/Lead Header)
/* ===================================================================== */
/* ===================================================================== */
/* line 325, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header,
body[data-portal='true'] #global-mobile-nav-container-new .project-header {
  display: grid;
  grid-template-columns: auto 1fr 16px;
  align-items: center;
  gap: 16px;
}

/* line 332, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal='true'] #global-mobile-nav-container-new .project-header {
  grid-template-columns: auto 1fr;
  gap: 11px;
}

/* line 337, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--index {
  padding: 16px 24px;
}

/* line 343, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--show {
  padding: 24px;
}

/* Project Avatar
======================================================================== */
/* line 349, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header .project-avatar-container,
#global-mobile-nav-container-new .context-container .project-header .project-avatar,
body[data-portal='true'] #global-mobile-nav-container-new .project-avatar-container {
  background-color: #f5f5f5;
  background-size: cover;
  width: 45px;
  height: 45px;
  border-radius: 8px;
  position: relative;
}

/* line 358, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header .project-avatar-container .demo-data-record-badge,
#global-mobile-nav-container-new .context-container .project-header .project-avatar .demo-data-record-badge,
body[data-portal='true'] #global-mobile-nav-container-new .project-avatar-container .demo-data-record-badge {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

/* Project Name & Details
======================================================================== */
/* line 369, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--index .project-name-and-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 375, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header .project-name,
body[data-portal='true'] #global-mobile-nav-container-new .project-header .project-name {
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 650;
}

/* line 386, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--index .project-name {
  font-size: 15px;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

/* line 392, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--index .project-details {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 392, app/assets/stylesheets/components/global_mobile_nav_new.scss */
  #global-mobile-nav-container-new .context-container .project-header--index .project-details {
    font-size: 12.5px;
  }
}

/* line 395, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header--index .project-details i {
  transform-origin: left center;
  scale: 0.8;
}

/* line 401, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container .project-header .action-icon {
  text-align: right;
  color: #c4c4c4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Container (Index)
/* ===================================================================== */
/* ===================================================================== */
/* line 411, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.index {
  padding-bottom: 150px;
}

/* line 415, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .project-header--index {
  border-bottom: 1px solid #ebebeb;
}

/* line 419, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .new-leads-callout {
  margin: 16px;
  padding: 24px;
  border: 1px dashed #3896ae;
  border-radius: 8px;
  background-color: #f8feff;
  color: #2f2f2f;
}

/* line 429, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new #mobile-nav-leads-index-container[data-new-leads-count="0"] .new-leads-callout {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Container (Project/Lead Specific)
/* ===================================================================== */
/* ===================================================================== */
/* line 439, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project {
  pointer-events: none;
  z-index: 2;
  transform: translateX(50%);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.15s, 0.15s;
}

/* line 447, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project.open {
  transform: translateX(0%);
  opacity: 1;
}

/* line 451, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new.open .context-container.project.open {
  pointer-events: auto;
}

/* Link Tiles
======================================================================== */
/* line 458, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project .links-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  padding: 0px 24px;
  grid-auto-rows: 64px;
  gap: 16px;
}

/* line 467, app/assets/stylesheets/components/global_mobile_nav_new.scss */
body[data-portal="true"] #global-mobile-nav-container-new .context-container.project .links-container {
  padding: 24px;
  grid-auto-rows: 64px;
}

/* line 472, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project .links-container a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 8px;
  color: #2f2f2f;
  font-size: 14.5px;
  font-weight: 600;
  padding: 8px;
  border: 1px solid transparent;
}

/* line 485, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project .links-container a i {
  display: block;
  font-size: 16px;
}

/* line 489, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project .links-container a .text-label--small {
  font-size: 12px;
}

/* line 494, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project.active .links-container a.selected {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
#global-mobile-nav-container-new .context-container.project.active .links-container a.selected i {
  color: #2f2f2f;
}

/* line 498, app/assets/stylesheets/components/global_mobile_nav_new.scss */
#global-mobile-nav-container-new .context-container.project .links-container a.loading {
  border-color: #d1d1d1;
  animation: mobile_project_link_loading_shimmer 2s infinite;
  background: linear-gradient(to right, #f9f9f9 0%, #eeeeee 11%, #f9f9f9 40%);
  background-size: 1000px 100%;
  background-color: #fff;
}

@keyframes mobile_project_link_loading_shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* line 1, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 235px;
  z-index: 300;
  background-color: #161618;
  overflow-y: scroll;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
}

/* line 15, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav .logo {
  filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
  margin: 7px 90px 10px 0px;
  display: block;
}

/* line 21, app/assets/stylesheets/components/admin_nav.scss */
.pp-admin-mailbox-folder-table-cell {
  position: relative;
}

/* line 23, app/assets/stylesheets/components/admin_nav.scss */
.pp-admin-mailbox-folder-table-cell.level-2 {
  padding-left: 30px;
}

/* line 26, app/assets/stylesheets/components/admin_nav.scss */
.pp-admin-mailbox-folder-table-cell.level-3 {
  padding-left: 60px;
}

/* line 29, app/assets/stylesheets/components/admin_nav.scss */
.pp-admin-mailbox-folder-table-cell.level-4 {
  padding-left: 90px;
}

/* line 35, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav a {
  display: block;
  color: #e2e2e2;
  padding: 10px 10px;
  font-size: 14px;
  border-radius: 5px;
  transition: all 0.02s;
  border: 1px solid transparent;
}

/* line 43, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav a i {
  margin-right: 4px;
  font-weight: 400;
}

/* line 49, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav a:not(.selected):hover {
  background-color: #323232;
}

/* line 53, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav a.selected {
  display: block;
  background-color: #343436;
  color: #ffffff;
  border-color: #9f9fa7;
}

/* line 60, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav .menu-header {
  color: #fff;
  font-size: 13px;
  border-top: 1px solid #494949;
  display: block;
  padding-top: 12px;
  margin-top: 5px;
  margin-bottom: 6px;
  padding-left: 12px;
}

/* line 72, app/assets/stylesheets/components/admin_nav.scss */
body.lay--nav-admin .content-bg-container {
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: none;
  border: 1px solid #dddddd;
}

/* ===================================================================== */
/* ===================================================================== */
/* Admin Maintenance Mode Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/components/admin_nav.scss */
#pp-admin-nav .admin-maintenance-mode-indicator-icon-container {
  position: absolute;
  top: 11px;
  right: 5px;
  background-color: #dc3645;
  color: #fff;
  border-radius: 6px;
  padding: 6px 8px;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 16px;
  border: 1px solid #ff9595;
}

/* line 99, app/assets/stylesheets/components/admin_nav.scss */
.admin-zero-value {
  opacity: 0.2;
}

/* Components
=========================================================================================================================*/
/* line 7, app/assets/stylesheets/components/sub_navigation/simple_vertical.scss */
.subnav--sv a.nav-item {
  font-size: 16px;
  display: block;
  padding: 10px;
  border-radius: 6px;
  color: #464646;
  margin-bottom: 3px;
  line-height: 18px;
  transition: all 0.2s;
  border: 1px solid transparent;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/components/sub_navigation/simple_vertical.scss */
  .subnav--sv a.nav-item {
    font-size: 14.5px;
  }
}

/* line 19, app/assets/stylesheets/components/sub_navigation/simple_vertical.scss */
.subnav--sv a.nav-item:not(.selected):hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 23, app/assets/stylesheets/components/sub_navigation/simple_vertical.scss */
.subnav--sv a.nav-item.selected {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
.subnav--sv a.nav-item.selected i {
  color: #2f2f2f;
}

/* line 1, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000;
  z-index: 1600;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

/* line 11, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #content-container {
  position: fixed;
  background-color: #fdfdfd;
  z-index: 1700;
  overflow: scroll;
  scroll-behavior: smooth;
  opacity: 0;
  pointer-events: none;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (max-width: 1200px) {
  /* line 11, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader #content-container {
    transition: transform 0.4s;
    top: 10px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    transform: translateY(30px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}

@media (min-width: 480px) and (max-width: 1200px) {
  /* line 11, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader #content-container {
    left: 40%;
    top: 0px;
    border-radius: 0px;
  }
}

/* line 37, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #content-container #loaded-content-container {
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s;
  height: 100%;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 47, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='loading'] #snap-loader #backdrop, body[data-snap-loader='active'] #snap-loader #backdrop, body[data-snap-loader='saving'] #snap-loader #backdrop {
  opacity: 0.5;
  pointer-events: auto;
}

/* line 51, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='loading'] #snap-loader #content-container, body[data-snap-loader='active'] #snap-loader #content-container, body[data-snap-loader='saving'] #snap-loader #content-container {
  opacity: 1;
  pointer-events: auto;
  transition: transform .15s;
  transform: translateX(0px) translateY(0px);
}

/* line 57, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='loading'] .intercom-lightweight-app, body[data-snap-loader='active'] .intercom-lightweight-app, body[data-snap-loader='saving'] .intercom-lightweight-app {
  opacity: 0;
  pointer-events: none;
}

/* line 63, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='active'], body[data-snap-loader='saving'] {
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='active'] #snap-loader #content-container #loaded-content-container, body[data-snap-loader='saving'] #snap-loader #content-container #loaded-content-container {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fixed Desktop Header
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary {
  background-color: #fff;
  position: sticky;
  z-index: 2;
  top: 0;
  height: 53px;
  border-bottom: 1.5px dotted #d8d8d8;
  display: flex;
  align-items: center;
  padding: 0px 32px;
}

/* line 86, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary .left-col {
  flex-grow: 1;
}

/* line 90, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='saving'] #snap-loader .snap-loader-desktop-fixed-header-primary {
  animation: snap_loader_saving_shimmer 2s infinite;
  background: linear-gradient(to right, #def2e1 0%, #e5fee9 50%, #def2e1 80%);
  background-size: 100% 100%;
}

/* line 97, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary .close-button-container {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  width: 54px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}

/* line 106, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary .close-button-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 30px;
  font-weight: 300;
  color: #9c9c9c;
  transition: all 0.2s ease-in-out;
}

/* line 113, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary .close-button-container:hover {
  cursor: pointer;
  border-color: #8fb3c5;
}

/* line 116, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-primary .close-button-container:hover i {
  color: #2f7396;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

/* ===================================================================== */
/* ===================================================================== */
/* Fixed Desktop Modal Style Header
/* ===================================================================== */
/* ===================================================================== */
/* line 130, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary {
  background-color: #fff;
  position: sticky;
  z-index: 3;
  top: 0;
  height: 65px;
  border-bottom: 1.5px dotted #d8d8d8;
  display: flex;
  align-items: center;
  padding: 0px 32px;
}

/* line 140, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary .left-col {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 144, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary h4 {
  color: #2f2f2f;
  font-size: 17px;
}

/* line 148, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary .close-button-container {
  position: absolute;
  top: 5px;
  right: 15px;
  bottom: 5px;
  width: 54px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
}

/* line 158, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary .close-button-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 30px;
  font-weight: 300;
  color: #9c9c9c;
  transition: all 0.2s ease-in-out;
}

/* line 165, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary .close-button-container:hover {
  cursor: pointer;
  border-color: teal;
}

/* line 168, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary .close-button-container:hover i {
  color: teal;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

/* line 176, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='saving'] #snap-loader .snap-loader-desktop-fixed-modal-style-header-primary {
  animation: snap_loader_saving_shimmer 2s infinite;
  background: linear-gradient(to right, #def2e1 0%, #e5fee9 50%, #def2e1 80%);
  background-size: 100% 100%;
}

/* line 182, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.extra-padding {
  padding-left: 48px;
  padding-right: 48px;
}

/* line 187, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.matching-top-nav-bar {
  height: 53px;
}

/* line 189, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.matching-top-nav-bar .close-button-container {
  right: 22px;
}

/* line 194, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.matching-top-nav-bar-extra-padding {
  height: 53px;
  padding-left: 48px;
  padding-right: 48px;
}

/* line 198, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.matching-top-nav-bar-extra-padding .close-button-container {
  right: 22px;
}

/* line 203, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-primary.expanding-header-height {
  height: unset;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 210, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .record-linker-container {
  display: flex;
  align-items: center;
  color: #808080;
}

/* line 214, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .record-linker-container .linker-item {
  font-size: 14px;
  font-size: 14.5px;
  border: 1px solid #cbcbcb;
  color: #2f2f2f;
  padding: 6px 8px;
  border-radius: 5px;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

@media (min-width: 576px) {
  /* line 214, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .record-linker-container .linker-item {
    font-size: 13.5px;
  }
}

/* line 226, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .record-linker-container .linker-item i {
  margin-right: 3px;
}

/* line 230, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .record-linker-container .fa-caret-right {
  margin: 0px 7px;
  font-size: 14px;
  color: #c4c4c4;
}

/* line 237, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-header-secondary {
  position: sticky;
  z-index: 3;
  top: 53px;
  background-color: #fdfdfd;
}

/* line 245, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-secondary {
  position: sticky;
  z-index: 3;
  top: 65px;
  background-color: #fdfdfd;
}

/* line 253, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-fixed-modal-style-header-secondary-matching-top-nav-bar {
  position: sticky;
  z-index: 3;
  top: 53px;
  background-color: #fdfdfd;
}

/* line 260, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-column {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 100px;
}

/* line 264, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-column .snap-loader-callout-header {
  padding: 24px 32px;
  margin-bottom: 32px;
  margin-left: -32px;
  margin-right: -32px;
  border-radius: 0px;
}

/* line 273, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-column-extra-padding {
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 100px;
}

/* line 278, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-column-extra-padding .full-width-divider {
  margin-left: -40px;
  margin-right: -40px;
}

/* line 282, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-column-extra-padding .snap-loader-callout-header {
  padding: 20px 40px;
  margin-top: -32px;
  margin-bottom: 32px;
  margin-left: -40px;
  margin-right: -40px;
  border-radius: 0px;
}

/* line 292, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-controls {
  position: fixed;
  z-index: 2;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  padding: 25px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 300, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-form-controls .btn {
  padding: 11px 20px;
  border-width: 0px;
}

/* line 307, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-desktop-info-column {
  position: fixed;
  z-index: 2;
  top: 53px;
  right: 0px;
  bottom: 0px;
  width: 450px;
  background-color: #f7f7f7;
  border-left: 1px solid #ededed;
  padding: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Fixed Header Primary
/* ===================================================================== */
/* ===================================================================== */
/* line 324, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary {
  background-color: #fff;
  position: sticky;
  height: 60px;
  z-index: 4;
  top: 0;
  border-bottom: 1.5px dotted #d8d8d8;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 5px 8px;
}

/* line 338, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary .btn {
  border-radius: 11px;
  padding: 10px 20px;
}

/* line 342, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary .btn-secondary {
  border-color: #f0f0f0;
}

/* line 345, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.--tall {
  height: 75px;
}

/* line 348, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary h4 {
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 15px;
  word-break: break-all;
  margin-bottom: 0px;
}

/* line 359, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary h4.with-post-label, #snap-loader .snap-loader-mobile-fixed-header-primary h4.with-pre-label {
  -webkit-line-clamp: 2;
}

/* line 361, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary h4.with-post-label .pre-post-label, #snap-loader .snap-loader-mobile-fixed-header-primary h4.with-pre-label .pre-post-label {
  display: block;
  font-size: 75%;
}

/* line 366, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary h4.with-post-label .pre-post-label.--post, #snap-loader .snap-loader-mobile-fixed-header-primary h4.with-pre-label .pre-post-label.--post {
  margin-top: 4px;
}

/* line 371, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary .btn.dismiss-button {
  border: 1px solid #f0f0f0;
}

/* line 375, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='saving'] #snap-loader .snap-loader-mobile-fixed-header-primary {
  animation: snap_loader_saving_shimmer 2s infinite;
  background: linear-gradient(to right, #d0ffd7 0%, #adeba4 50%, #d0ffd7 80%);
  background-size: 300% 100%;
}

/* line 381, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header {
  grid-template-columns: 20% 1fr 20%;
}

/* line 383, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .btn, #snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .btn-group {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

/* line 388, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .left-col {
  text-align: left;
}

/* line 391, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .left-col button {
  border: 1px solid #f0f0f0;
}

/* line 394, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .right-col {
  text-align: right;
}

/* line 397, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-fixed-header-primary.three-col-header .center-col {
  flex-grow: 1;
  text-align: center;
}

/* line 403, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container {
  position: sticky;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 16px;
  z-index: 3;
  height: 60px;
  top: 60px;
  background-color: #fff;
  border-bottom: 1px solid #e3e3e3;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* line 418, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container .panel-selector {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  height: 60px;
  min-width: 90px;
  color: #727272;
  font-weight: 600;
  transition: all 0.2s;
  border-bottom: 4px solid transparent;
  letter-spacing: 0.4pt;
}

/* line 432, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container .panel-selector i.panel-icon {
  display: block;
  margin: 0px auto;
  margin-bottom: 5px;
  margin-top: 8px;
  font-size: 15px;
}

/* line 439, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container .panel-selector .active-bar {
  display: none;
  transition: all 0.2s;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 5px;
  border-radius: 0px;
  background-color: #15384a;
  opacity: 0;
}

/* line 453, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container .panel-selector.active {
  color: #2f2f2f;
  border-bottom-color: #2f2f2f;
}

/* line 456, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-mobile-panel-selector-container .panel-selector.active .active-bar {
  opacity: 1;
}

/* line 461, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-sticky-record-header {
  position: sticky;
  top: 120px;
  z-index: 2;
  background-color: #fff;
  padding: 0px;
  border-bottom: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 469, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-sticky-record-header textarea, #snap-loader .snap-loader-mobile-sticky-record-header input {
  padding: 20px 20px;
}

/* line 474, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-mobile-sticky-record-header.snap-loader-mobile-sticky-record-header--for-mobile-header--tall {
  top: 75px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Default Scroll Container
/* ===================================================================== */
/* ===================================================================== */
/* line 483, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container {
  overflow: hidden;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 32px;
  padding-bottom: 80px;
}

/* line 489, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container .snap-loader-callout-header {
  padding: 24px;
  margin-top: calc(32px * -1);
  margin-bottom: 32px;
  margin-left: -24px;
  margin-right: -24px;
  border-radius: 0px;
}

/* line 497, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container .field-box-shadow-style {
  margin-left: -24px;
  margin-right: -24px;
  border-radius: 0px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 504, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container button.bottom-sheet-stacked-action {
  border-radius: 0px;
  display: block;
  width: calc(100% + 48px);
  margin-left: -24px;
  border: 0px;
  text-align: left;
  padding-left: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: normal;
}

/* line 516, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container button.bottom-sheet-stacked-action:active {
  background-color: #c4c4c4;
}

/* line 519, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container button.bottom-sheet-stacked-action i {
  margin-right: 16px;
}

/* line 523, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-default-mobile-scroll-container .full-width-divider {
  margin-left: -24px;
  margin-right: -24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 534, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-panel.side-padding {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 539, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-panel.bottom-padding {
  padding-bottom: 90px;
}

/* line 543, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-panel.for-activity {
  background-color: #fcfcfc;
  min-height: 100vh;
}

/* ===================================================================== */
/* ===================================================================== */
/* Saving Shimmer
/* ===================================================================== */
/* ===================================================================== */
@keyframes snap_loader_saving_shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* line 577, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader="saving"] #snap-loader #saving-shimmer {
  transform: translateY(0%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Loading Spinner Container
/* ===================================================================== */
/* ===================================================================== */
/* line 587, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #loading-spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 1s;
}

/* line 592, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #loading-spinner-container .spinner-icon {
  color: #d1d1d1;
  font-size: 30px;
}

@media (min-width: 1200px) {
  /* line 592, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader #loading-spinner-container .spinner-icon {
    font-size: 40px;
  }
}

/* line 601, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='loading'] #snap-loader #loading-spinner-container {
  opacity: 1;
}

/* line 605, app/assets/stylesheets/components/snap_loader/base_styles.scss */
body[data-snap-loader='active'] #snap-loader #loading-spinner-container, body[data-snap-loader='saving'] #snap-loader #loading-spinner-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* SnapLoader Folder Tree
/* ===================================================================== */
/* ===================================================================== */
/* line 615, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-folder-tree-left-column {
  background-color: #fdfdfd;
  position: absolute;
  top: 65px;
  left: 0px;
  bottom: 0px;
  width: 300px;
  padding: 20px 32px;
  border-right: 1px solid #f1f1f1;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 628, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-folder-tree-right-column {
  background-color: #fff;
  position: absolute;
  top: 65px;
  right: 0px;
  bottom: 0px;
  left: 300px;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 639, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader #snap-loader-folder-tree-right-column .sticky-header {
  position: sticky;
  top: 0px;
  z-index: 5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Full Width Divider
/* ===================================================================== */
/* ===================================================================== */
/* line 650, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .full-width-divider {
  height: 1px;
  background-color: #eaeaea;
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 650, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .full-width-divider {
    margin-bottom: 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sticky Search (Mobile & Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 664, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-sticky-search {
  border-bottom: 1px solid #d1d1d1;
  box-shadow: 0px 5px 8px 1px #0000000a;
  -webkit-box-shadow: 0px 5px 8px 1px #0000000a;
}

/* line 668, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-sticky-search input {
  padding-left: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1200px) {
  /* line 668, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-sticky-search input {
    font-size: 17px;
  }
}

/* line 676, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-sticky-search .fa-search {
  opacity: 0.5;
  left: 24px;
}

@media (min-width: 1200px) {
  /* line 676, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-sticky-search .fa-search {
    left: 20px;
  }
}

/* line 683, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-sticky-search #clear-search-button i {
  font-weight: 300;
  font-size: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Record Linker
/* ===================================================================== */
/* ===================================================================== */
/* line 697, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button {
  text-align: left;
  padding: 12px 24px;
  border-radius: 0px;
  transition: all 0.1s;
  border-bottom: 1px solid #f3f3f3;
  color: #2f2f2f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
}

@media (min-width: 576px) {
  /* line 697, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-record-linker button.record-link-button {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  /* line 697, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-record-linker button.record-link-button {
    padding: 8px 48px;
  }
}

@media (min-width: 1200px) {
  /* line 713, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-record-linker button.record-link-button:hover, #snap-loader .snap-loader-record-linker button.record-link-button:focus {
    color: #2f2f2f;
    background-color: #f5f5f5;
  }
}

/* line 722, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .record-linker-group-header {
  background-color: #f4f4f4;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 16px 24px;
}

@media (min-width: 1200px) {
  /* line 722, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-record-linker .record-linker-group-header {
    padding: 16px 48px;
  }
}

/* line 733, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container {
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
}

/* Link Status Container (Plus, Added Badge, Angle Icon, Etc.)
======================================================================== */
/* line 744, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .add-plus-icon, #snap-loader .snap-loader-record-linker .link-status-container .added-badge, #snap-loader .snap-loader-record-linker .link-status-container .secondary-icon, #snap-loader .snap-loader-record-linker .link-status-container .single-link-icon, #snap-loader .snap-loader-record-linker .link-status-container .single-link-selected-icon,
#snap-loader .snap-loader-record-linker .link-status-container .multi-link-icon, #snap-loader .snap-loader-record-linker .link-status-container .multi-link-selected-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  transition: all 0.1s ease-in-out;
}

/* line 750, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .add-plus-icon, #snap-loader .snap-loader-record-linker .link-status-container .single-link-icon, #snap-loader .snap-loader-record-linker .link-status-container .single-link-selected-icon, #snap-loader .snap-loader-record-linker .link-status-container .multi-link-icon, #snap-loader .snap-loader-record-linker .link-status-container .multi-link-selected-icon {
  font-size: 18px;
}

/* line 753, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .add-plus-icon, #snap-loader .snap-loader-record-linker .link-status-container .single-link-icon, #snap-loader .snap-loader-record-linker .link-status-container .multi-link-icon {
  color: #c2c2c2;
}

/* line 756, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .single-link-selected-icon, #snap-loader .snap-loader-record-linker .link-status-container .multi-link-selected-icon {
  opacity: 0;
}

/* line 759, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .multi-link-selected-icon {
  transform: translateY(-50%) scale(0);
}

/* line 762, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .added-badge {
  opacity: 0;
  scale: 0.8;
  transition-delay: 0.1s;
}

/* line 766, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .added-badge i {
  color: #fff !important;
}

/* line 770, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker .link-status-container .secondary-icon {
  right: 40px;
  color: #c2c2c2;
  z-index: 1;
}

/* line 780, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button:hover .add-plus-icon, #snap-loader .snap-loader-record-linker button.record-link-button:hover .single-link-icon, #snap-loader .snap-loader-record-linker button.record-link-button:hover .multi-link-icon, #snap-loader .snap-loader-record-linker button.record-link-button:focus .add-plus-icon, #snap-loader .snap-loader-record-linker button.record-link-button:focus .single-link-icon, #snap-loader .snap-loader-record-linker button.record-link-button:focus .multi-link-icon {
  color: #2f2f2f;
}

/* Is Added (Shared Styles)
======================================================================== */
/* line 788, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added {
  background-color: transparent;
  color: green;
}

/* line 791, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added i {
  color: green;
}

/* line 794, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added:hover {
  cursor: default;
}

/* Is Added (Multi Add)
======================================================================== */
/* line 803, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--multi-add .add-plus-icon {
  transform: translateY(-50%) translateX(-40px);
  opacity: 0;
}

/* line 807, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--multi-add .added-badge {
  opacity: 1;
  scale: 1;
}

/* line 811, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--multi-add .secondary-icon {
  transform: translateY(-50%) translateX(-48px);
}

/* Is Added (Single Select) (usually right angle icon)
======================================================================== */
/* line 821, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--single-select .single-link-icon {
  transform: translateY(-50%) translateX(-40px);
  opacity: 0;
}

/* line 825, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--single-select .single-link-selected-icon {
  opacity: 1;
}

/* Is Added (Multi Select) (usually square or plus, and check-square)
======================================================================== */
/* line 838, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--multi-select .multi-link-icon {
  transform: translateY(-50%) translateX(0px);
  opacity: 0;
}

/* line 842, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added .link-status-container--multi-select .multi-link-selected-icon {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/* line 847, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker button.record-link-button.is-added:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Record Linker (xl) 32 padding
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 860, app/assets/stylesheets/components/snap_loader/base_styles.scss */
  #snap-loader .snap-loader-record-linker.snap-loader-record-linker--xl button.record-link-button {
    padding: 4px 32px;
  }
}

/* line 865, app/assets/stylesheets/components/snap_loader/base_styles.scss */
#snap-loader .snap-loader-record-linker.snap-loader-record-linker--xl .record-linker-group-header {
  padding: 12px 32px;
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-wide"] #content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 1100px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    transform: translateX(10px) translateY(0px);
  }
  /* line 13, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-wide"] .snap-loader-desktop-form-column {
    margin-right: 450px;
  }
  /* line 16, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-wide"] .snap-loader-desktop-form-controls {
    right: 450px;
  }
}

@media (min-width: 1200px) {
  /* line 25, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-fixed-scroll-narrow"] #content-container,
#snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] #content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 900px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    transform: translateX(10px) translateY(0px);
  }
  /* line 35, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-fixed-scroll-narrow"] .snap-loader-fixed-column,
#snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] .snap-loader-fixed-column {
    position: absolute;
    top: 53px;
    left: 0px;
    bottom: 0px;
    width: 50%;
    border-right: 1px solid #e9e9e9;
    box-shadow: 0px 0px 7px 1px #0000000d;
    -webkit-box-shadow: 0px 0px 7px 1px #0000000d;
    overflow: scroll;
  }
  /* line 46, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-fixed-scroll-narrow"] .snap-loader-scroll-column,
#snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] .snap-loader-scroll-column {
    position: absolute;
    top: 53px;
    right: 0px;
    bottom: 0px;
    width: 50%;
    overflow: scroll;
  }
  /* line 54, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="two-column-fixed-scroll-narrow"] .snap-loader-desktop-form-controls,
#snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] .snap-loader-desktop-form-controls {
    right: 0px;
  }
}

/* line 60, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] #content-container {
  right: initial;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%) translateY(-20px) !important;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

/* line 70, app/assets/stylesheets/components/snap_loader/layout_types.scss */
body[data-snap-loader='loading'] #snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] #content-container, body[data-snap-loader='active'] #snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] #content-container, body[data-snap-loader='saving'] #snap-loader[data-layout-type="two-column-fixed-scroll-narrow--dropped-center"] #content-container {
  transform: translateX(-50%) translateY(0px) !important;
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-wide"] #content-container {
    width: 650px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    transform: translateX(10px) translateY(0px);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  /* line 88, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-wide"] .snap-loader-desktop-form-column {
    margin-right: 0px;
  }
  /* line 91, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-wide"] .snap-loader-desktop-form-controls {
    right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 99, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-slim"] #content-container {
    width: 550px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    transform: translateX(10px) translateY(0px);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  /* line 108, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-slim"] .snap-loader-desktop-form-column {
    margin-right: 0px;
  }
  /* line 111, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-slim"] .snap-loader-desktop-form-controls {
    right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 119, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-narrow"] #content-container {
    width: 470px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    transform: translateX(10px) translateY(0px);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  /* line 128, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-narrow"] .snap-loader-desktop-form-column {
    margin-right: 0px;
  }
  /* line 131, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="one-column-narrow"] .snap-loader-desktop-form-controls {
    right: 0px;
  }
}

/* line 138, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="center-page-split-grid-layout"] #backdrop {
  opacity: 0.7 !important;
}

@media (min-width: 1200px) {
  /* line 142, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="center-page-split-grid-layout"] #content-container {
    transform: translateX(-50%) translateY(20px) !important;
    left: 50%;
    overflow-y: hidden;
  }
}

/* line 150, app/assets/stylesheets/components/snap_loader/layout_types.scss */
body[data-snap-loader='loading'] #snap-loader[data-layout-type="center-page-split-grid-layout"] #content-container, body[data-snap-loader='active'] #snap-loader[data-layout-type="center-page-split-grid-layout"] #content-container, body[data-snap-loader='saving'] #snap-loader[data-layout-type="center-page-split-grid-layout"] #content-container {
  transform: translateX(-50%) translateY(0px) !important;
  left: 50%;
  top: 0px;
  bottom: 0px;
  width: calc(100vw - 120px);
  max-width: 1440px;
}

/* line 161, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="center-page-split-grid-layout--narrow"] #backdrop {
  opacity: 0.7 !important;
}

@media (min-width: 1200px) {
  /* line 165, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="center-page-split-grid-layout--narrow"] #content-container {
    transform: translateX(-50%) translateY(20px) !important;
    left: 50%;
    overflow-y: hidden;
  }
}

/* line 173, app/assets/stylesheets/components/snap_loader/layout_types.scss */
body[data-snap-loader='loading'] #snap-loader[data-layout-type="center-page-split-grid-layout--narrow"] #content-container, body[data-snap-loader='active'] #snap-loader[data-layout-type="center-page-split-grid-layout--narrow"] #content-container, body[data-snap-loader='saving'] #snap-loader[data-layout-type="center-page-split-grid-layout--narrow"] #content-container {
  transform: translateX(-50%) translateY(0px) !important;
  left: 50%;
  top: 0px;
  bottom: 0px;
  width: calc(100vw - 120px);
  max-width: 1000px;
}

@media (min-width: 1200px) {
  /* line 190, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="right-tray-extra-wide"] #content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 85vw;
    max-width: 1500px;
    border-top-left-radius: 00px;
    border-bottom-left-radius: 0px;
    transform: translateX(10px) translateY(0px);
  }
  /* line 200, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="right-tray-extra-wide"] .snap-loader-desktop-form-column {
    margin-right: 450px;
  }
  /* line 203, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="right-tray-extra-wide"] .snap-loader-desktop-form-controls {
    right: 450px;
  }
}

/* line 210, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="note--desktop--inline"] #backdrop {
  background-color: transparent;
  pointer-events: none !important;
}

@media (min-width: 1200px) {
  /* line 215, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="note--desktop--inline"] #content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 600px;
    border-top-left-radius: 00px;
    border-bottom-left-radius: 0px;
    border-left: 1px solid #d8d8d8;
    transform: translateX(10px) translateY(0px);
    box-shadow: none;
    background-color: #fff;
  }
  /* line 227, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="note--desktop--inline"] .snap-loader-desktop-form-column {
    margin-right: 450px;
  }
  /* line 230, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="note--desktop--inline"] .snap-loader-desktop-form-controls {
    right: 450px;
  }
}

/* line 237, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="mobile-bottom-sheet-modal"] #content-container {
  top: 50%;
}

@media (min-width: 576px) {
  /* line 237, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="mobile-bottom-sheet-modal"] #content-container {
    left: 50%;
    border-top-left-radius: 24px;
  }
}

/* line 247, app/assets/stylesheets/components/snap_loader/layout_types.scss */
#snap-loader[data-layout-type="mobile-bottom-sheet-modal--tall"] #content-container {
  top: 30%;
}

@media (min-width: 576px) {
  /* line 247, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="mobile-bottom-sheet-modal--tall"] #content-container {
    left: 50%;
    border-top-left-radius: 24px;
  }
}

@media (min-width: 576px) {
  /* line 257, app/assets/stylesheets/components/snap_loader/layout_types.scss */
  #snap-loader[data-layout-type="mobile-tablet--max-size"] #content-container {
    left: 48px;
    right: 48px;
    top: 48px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}

/* line 1, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-content {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  pointer-events: none;
}

/* line 7, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-backdrop {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

/* line 15, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-content-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fdfdfd;
  overflow: scroll;
  scroll-behavior: smooth;
  opacity: 0;
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-content-container #secondary-loaded-content-container {
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s;
  height: 100%;
  overflow: scroll;
  scroll-behavior: smooth;
}

/* line 34, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='loading'] #snap-loader #secondary-content, body[data-snap-loader-secondary-content='active'] #snap-loader #secondary-content, body[data-snap-loader-secondary-content='saving'] #snap-loader #secondary-content {
  pointer-events: auto;
}

/* line 37, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='loading'] #snap-loader #secondary-backdrop, body[data-snap-loader-secondary-content='active'] #snap-loader #secondary-backdrop, body[data-snap-loader-secondary-content='saving'] #snap-loader #secondary-backdrop {
  opacity: 0.5;
  pointer-events: auto;
}

/* line 41, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='loading'] #snap-loader #secondary-content-container, body[data-snap-loader-secondary-content='active'] #snap-loader #secondary-content-container, body[data-snap-loader-secondary-content='saving'] #snap-loader #secondary-content-container {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: transform .15s !important;
  transform: translateX(0px) translateY(0px) !important;
}

/* line 49, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='active'], body[data-snap-loader-secondary-content='saving'] {
  overflow: hidden;
}

/* line 51, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='active'] #snap-loader #secondary-content-container #secondary-loaded-content-container, body[data-snap-loader-secondary-content='saving'] #snap-loader #secondary-content-container #secondary-loaded-content-container {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Loading Spinner Container
/* ===================================================================== */
/* ===================================================================== */
/* line 62, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-loading-spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 1s;
}

/* line 67, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
#snap-loader #secondary-loading-spinner-container .spinner-icon {
  color: #d1d1d1;
  font-size: 30px;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
  #snap-loader #secondary-loading-spinner-container .spinner-icon {
    font-size: 40px;
  }
}

/* line 76, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='loading'] #snap-loader #secondary-loading-spinner-container {
  opacity: 1;
}

/* line 80, app/assets/stylesheets/components/snap_loader/secondary_base_styles.scss */
body[data-snap-loader-secondary-content='active'] #snap-loader #secondary-loading-spinner-container, body[data-snap-loader-secondary-content='saving'] #snap-loader #secondary-loading-spinner-container {
  display: none;
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="half-width-slide"] #secondary-content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: initial;
    width: 50%;
    min-width: 450px;
    transform: translateX(100px) translateY(0px);
  }
  /* line 13, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="half-width-slide"] .snap-loader-secondary-scroll-column {
    padding: 40px;
  }
  /* line 15, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="half-width-slide"] .snap-loader-secondary-scroll-column .snap-loader-callout-header {
    padding: 20px 40px;
    margin-bottom: 40px;
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="full-width-slide"] #secondary-content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    transform: translateX(100px) translateY(0px);
  }
  /* line 37, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="full-width-slide"] .snap-loader-secondary-scroll-column {
    padding: 40px;
  }
  /* line 39, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="full-width-slide"] .snap-loader-secondary-scroll-column .snap-loader-callout-header {
    padding: 20px 40px;
    margin-bottom: 40px;
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="secondary-category-picker"] #secondary-content-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: unset;
    width: 400px;
    transform: translateX(100px) translateY(0px);
  }
  /* line 63, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="secondary-category-picker"] .snap-loader-secondary-scroll-column {
    padding: 40px;
  }
  /* line 65, app/assets/stylesheets/components/snap_loader/secondary_layout_types.scss */
  #snap-loader #secondary-content[data-layout-type="secondary-category-picker"] .snap-loader-secondary-scroll-column .snap-loader-callout-header {
    padding: 20px 40px;
    margin-bottom: 40px;
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 0px;
  }
}

/* line 1, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
.onboarding-helper-callout-container {
  background-color: #fff;
  background-image: linear-gradient(132.9deg, #5536ab 14.4%, #36216e 62.5%);
  border-radius: 15px;
  position: fixed;
  z-index: 1000;
  box-shadow: 10px 9px 28px 1px rgba(0, 0, 0, 0.38);
  -webkit-box-shadow: 10px 9px 28px 1px rgba(0, 0, 0, 0.38);
}

/* line 11, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
.onboarding-helper-callout-container h4 {
  width: fit-content;
  color: #fff;
  padding: 10px 15px;
  border-radius: 100px;
  font-size: 16px;
  margin-bottom: 15px;
  background-color: #32008082;
  border: 1px solid #5c4d84;
}

/* line 22, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
.onboarding-helper-callout-container p {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

/* line 28, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
.onboarding-helper-callout-container .btn {
  border-radius: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Lead Settings
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#lead-settings-onboarding-helper-callout {
  width: 570px;
  padding: 15px;
  padding-left: 40px;
  padding-right: 40px;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.3s;
}

/* line 47, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#lead-settings-onboarding-helper-callout.open {
  opacity: 1;
  transform: translateX(0);
}

/* line 52, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#lead-settings-onboarding-helper-callout .helper-content {
  display: flex;
  align-items: center;
  height: 100%;
}

/* line 56, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#lead-settings-onboarding-helper-callout .helper-content .fa-circle-left {
  font-size: 25px;
  margin-right: 25px;
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Getting Started Guide
/* ===================================================================== */
/* ===================================================================== */
/* line 68, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#getting-started-guide-onboarding-helper-callout {
  width: 400px;
  padding: 40px;
  transform: translateX(-50%) translateY(-120%);
  opacity: 0;
  transition: all 0.3s;
}

/* line 76, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#getting-started-guide-onboarding-helper-callout.open {
  opacity: 1;
  transform: translateX(-50%) translateY(0px);
}

/* line 81, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#getting-started-guide-onboarding-helper-callout .helper-content {
  align-items: center;
  height: 100%;
}

/* line 84, app/assets/stylesheets/components/onboarding_helpers/helper_callouts.scss */
#getting-started-guide-onboarding-helper-callout .helper-content .fa-circle-up {
  font-size: 25px;
  margin-bottom: 25px;
  color: #fff;
  animation-duration: 1s;
}

/* line 1, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column {
  color: #727272;
}

/* line 5, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .help-icon {
  font-size: 20px;
  margin-bottom: 20px;
}

/* line 11, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .help-icon-with-title-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 15, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .help-icon-with-title-header .help-icon {
  margin-bottom: 0px;
  margin-right: 15px;
}

/* line 19, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .help-icon-with-title-header h4 {
  margin-bottom: 0px;
  font-weight: 500;
}

/* line 29, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column h5 {
  margin-top: 20px;
}

/* line 34, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column p {
  font-size: 14px;
  line-height: 20px;
}

/* line 40, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column a {
  text-decoration: underline;
}

/* line 47, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .contact-support-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  margin-top: 30px;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/components/inline_help/help_column.scss */
  .inline-help-column .contact-support-footer {
    font-size: 14.5px;
  }
}

/* line 53, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .contact-support-footer button {
  background-color: transparent;
  transition: all 0.2s;
}

/* line 56, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .contact-support-footer button:hover {
  transform: scale(1.05);
  border-color: #92a0a7;
}

/* line 61, app/assets/stylesheets/components/inline_help/help_column.scss */
.inline-help-column .contact-support-footer .logo {
  width: 100px;
  opacity: 0.4;
  filter: invert(19%) sepia(30%) saturate(896%) hue-rotate(156deg) brightness(93%) contrast(98%);
}

/* Help Resources
======================================================================== */
/* line 3, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container {
  border-radius: 15px;
  margin-top: 30px;
  border: 1px solid #ededed;
}

/* line 9, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource {
  display: block;
  position: relative;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ededed;
  transition: transform 0.2s, border-radius 0.2s;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #15384a;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/components/inline_help/help_resources.scss */
  .inline-help-resources-container .help-resource {
    font-size: 14.5px;
  }
}

/* line 20, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* line 24, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

/* line 30, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource:hover {
  transform: scale(1.05);
  cursor: pointer;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

/* line 38, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource .title-and-icon {
  display: flex;
  align-items: center;
}

/* line 41, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource .title-and-icon .title {
  flex-grow: 1;
  padding-right: 25px;
  line-height: 16px;
}

/* line 50, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource.for-video-link .video-thumbnail {
  position: relative;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* line 61, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource.for-video-link .video-thumbnail .play-container {
  border: 1px solid #7777776e;
  backdrop-filter: blur(3px);
  background-color: #fff;
  -webkit-backdrop-filter: blur(3px);
  width: 60px;
  height: 60px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 71, app/assets/stylesheets/components/inline_help/help_resources.scss */
.inline-help-resources-container .help-resource.for-video-link .video-thumbnail .play-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #15384a;
  font-size: 20px;
}

/* line 1, app/assets/stylesheets/components/inline_help/help_dropdown.scss */
.inline-help-dropdown button.dropdown-toggle {
  border-color: transparent;
}

/* line 7, app/assets/stylesheets/components/inline_help/help_dropdown.scss */
.inline-help-dropdown:hover button.dropdown-toggle, .inline-help-dropdown.show button.dropdown-toggle {
  outline-style: none;
  box-shadow: none !important;
}

/* line 10, app/assets/stylesheets/components/inline_help/help_dropdown.scss */
.inline-help-dropdown:hover button.dropdown-toggle i, .inline-help-dropdown.show button.dropdown-toggle i {
  opacity: 1;
}

/* line 17, app/assets/stylesheets/components/inline_help/help_dropdown.scss */
.inline-help-dropdown button.dropdown-toggle i {
  font-size: 24px !important;
  opacity: 0.7;
  font-weight: 300 !important;
}

/* line 23, app/assets/stylesheets/components/inline_help/help_dropdown.scss */
.inline-help-dropdown .dropdown-menu {
  width: 390px;
  background-color: #fdfdfd;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0px 12px 30px 1px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 0px 12px 30px 1px rgba(0, 0, 0, 0.42);
}

/* Border Color Options
======================================================================== */
/* line 3, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container {
  border: 1px solid #000;
}

/* line 5, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-grey {
  border: 1px solid #e8e8e8;
}

/* line 7, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-grey .rounded-index-menu-item {
  border-top: 1px solid #e8e8e8;
}

/* line 9, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-grey .rounded-index-menu-item.bg-match-border {
  background-color: #e8e8e8;
}

/* Border Radius Options
======================================================================== */
/* line 19, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-radius-md {
  border-radius: 20px;
}

/* line 21, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-radius-md .rounded-index-menu-item:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* line 25, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container.rounded-index-menu-border-radius-md .rounded-index-menu-item:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* line 34, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item:first-child {
  border-top: 0px;
}

/* line 40, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item {
  position: relative;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

/* line 43, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item.item-bg-white {
  background-color: #fff;
}

/* line 48, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item.hover-with-box-shadow:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

/* line 53, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item.success-background-shimmer {
  z-index: 1;
}

/* Item Header and Actions
======================================================================== */
/* line 59, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item .item-header-and-actions {
  display: flex;
  align-items: center;
}

/* line 62, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item .item-header-and-actions .item-header-col {
  flex-grow: 1;
}

/* Sort Handle
======================================================================== */
/* line 69, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item .sort-handle {
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 8px;
  transition: background-color 0.2s;
  color: #a2a2a2;
}

/* line 75, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item .sort-handle:hover {
  background-color: #e2e7ea;
}

/* line 80, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item:not(.ui-sortable-helper) .sort-handle:hover {
  cursor: grab;
}

/* line 84, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item.ui-sortable-helper {
  cursor: grabbing !important;
  border-radius: 20px;
}

/* line 87, app/assets/stylesheets/components/index_components/rounded_index_menu.scss */
.rounded-index-menu-container .rounded-index-menu-item.ui-sortable-helper .sort-handle {
  background-color: #e2e7ea;
}

/* line 1, app/assets/stylesheets/components/search_modal.scss */
#search-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100000000000;
  pointer-events: none;
  opacity: 0;
}

/* line 8, app/assets/stylesheets/components/search_modal.scss */
#search-modal #backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity 0.35s;
}

/* line 17, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container,
#search-modal #search-loading-container {
  position: fixed;
  z-index: 21;
  background-color: #fff;
  transition: opacity 0.2s, transform 0.35s;
  overflow: hidden;
  opacity: 0;
}

@media (max-width: 480px) {
  /* line 17, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container,
#search-modal #search-loading-container {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container,
#search-modal #search-loading-container {
    width: 90vw;
    left: 50%;
    transform: translateX(-50%) translateY(-10px) scale(100%);
    top: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container,
#search-modal #search-loading-container {
    width: 580px;
  }
}

/* line 46, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-loading-container {
  height: 64px;
  opacity: 1;
  transition: opacity 0.2s;
}

/* line 50, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-loading-container .loading-spinner-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-size: 25px;
}

/* line 57, app/assets/stylesheets/components/search_modal.scss */
#search-modal.open[data-loading='false'] #search-loading-container {
  opacity: 0;
  pointer-events: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Open State
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/components/search_modal.scss */
#search-modal.open {
  pointer-events: initial;
  opacity: 1;
}

/* line 72, app/assets/stylesheets/components/search_modal.scss */
#search-modal.open #backdrop {
  opacity: 1;
}

/* line 76, app/assets/stylesheets/components/search_modal.scss */
#search-modal.open #search-content-container,
#search-modal.open #search-loading-container {
  opacity: 1;
}

@media (min-width: 576px) {
  /* line 76, app/assets/stylesheets/components/search_modal.scss */
  #search-modal.open #search-content-container,
#search-modal.open #search-loading-container {
    transform: translateX(-50%) translateY(0px) scale(100%);
  }
}

/* line 85, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-bar {
  position: sticky;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 65px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
  padding: 15px 20px;
}

/* line 96, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-bar i.fa-search {
  font-size: 23px;
  color: #6b6b6b;
}

/* line 102, app/assets/stylesheets/components/search_modal.scss */
#search-modal #close-button-container {
  opacity: 0;
  position: fixed;
  transition-delay: 0.2s;
  transition: all 0.3s;
  top: 13px;
  right: 9px;
  z-index: 25;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  padding: 6px 11px;
  border-radius: 9px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #close-button-container {
    top: 53px;
    right: 22px;
  }
}

@media (min-width: 1200px) {
  /* line 102, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #close-button-container {
    right: calc(50vw - 340px);
    border-radius: 11px;
    border: 0px;
    top: 52px;
    padding: 11px 13px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
  /* line 125, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #close-button-container:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
}

/* line 130, app/assets/stylesheets/components/search_modal.scss */
#search-modal #close-button-container i {
  font-size: 25px;
  font-weight: 300;
  color: #6b6b6b;
}

/* line 137, app/assets/stylesheets/components/search_modal.scss */
#search-modal[data-loading='false'] #close-button-container {
  opacity: 1;
}

/* line 141, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-bar input {
  font-size: 17px;
}

@media (min-width: 1200px) {
  /* line 141, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-bar input {
    font-size: 21px;
  }
}

/* line 148, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results {
  max-height: 100vh;
  overflow: scroll;
  padding-bottom: 350px;
}

@media (min-width: 576px) {
  /* line 148, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results {
    max-height: calc(100vh - 143px);
  }
}

@media (min-width: 1200px) {
  /* line 148, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results {
    padding-bottom: 60px;
  }
}

/* line 160, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .search-category-header {
  font-size: 15px;
  color: #6a6a6a;
  font-weight: 700;
  margin: 15px 20px;
}

/* line 165, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .search-category-header i {
  margin-right: 5px;
}

@media (max-width: 1200px) {
  /* line 170, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item.hidden-on-mobile {
    display: none !important;
  }
}

/* line 176, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item {
  font-size: 16px;
  padding: 12px 8px;
  margin: 0px 10px;
  border-radius: 7px;
  position: relative;
  transition: all 0.1s;
  opacity: 0.9;
  border: 1px solid transparent;
}

@media (min-width: 576px) {
  /* line 176, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item {
    font-size: 14.5px;
  }
}

/* line 185, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.active {
  background-color: #f7f7f7;
  color: #000;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-color: #d4d4d4;
}

/* line 192, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item:hover {
  cursor: pointer;
}

/* line 197, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-empty-section {
  padding: 0px 8px;
  margin: 0px 10px;
  border-radius: 7px;
  position: relative;
}

/* line 202, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-empty-section.active, #search-modal #search-content-container #search-results .result-item.for-empty-section:hover {
  background-color: transparent;
  cursor: default;
}

/* line 206, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-empty-section p {
  color: #c4c4c4;
}

/* line 211, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-command {
  display: flex;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 55px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 211, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item.for-command {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 211, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item.for-command {
    height: 45px;
  }
}

/* line 221, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-command .left-col {
  flex-grow: 1;
}

/* line 223, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-command .left-col i.primary-icon {
  margin-right: 5px;
  color: #7a7a7a;
  font-weight: 399;
  font-size: 16px;
}

/* line 229, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-command .left-col i.sub-page-icon {
  margin-left: 7px;
  margin-right: 7px;
  font-weight: 400;
  color: #828282;
}

/* line 236, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-command .keyboard-square-icon {
  margin-left: 5px;
}

/* line 241, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-events {
  padding: 17px 9px;
}

@media (min-width: 1200px) {
  /* line 241, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item.for-events {
    padding: 15px;
  }
}

/* line 248, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-contacts {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 17px 9px;
}

@media (min-width: 1200px) {
  /* line 248, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-results .result-item.for-contacts {
    padding: 9px 8px;
  }
}

/* line 256, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-contacts .avatar {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-color: #c4c4c4;
  color: #fff;
  position: relative;
  margin-right: 8px;
}

/* line 268, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-results .result-item.for-contact-company .initial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 273, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-footer-desktop {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  background-color: #fbfbfb;
  border-top: 1px solid #e9e9e9;
  color: #767676;
  font-size: 14px;
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  /* line 273, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-footer-desktop {
    display: none;
  }
}

@media (min-width: 576px) {
  /* line 273, app/assets/stylesheets/components/search_modal.scss */
  #search-modal #search-content-container #search-footer-desktop {
    font-size: 13.5px;
  }
}

/* line 288, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-footer-desktop .keyboard-square-icon {
  margin-right: 4px;
}

/* line 291, app/assets/stylesheets/components/search_modal.scss */
#search-modal #search-content-container #search-footer-desktop .logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 87px;
  opacity: 0.35;
}

/* line 299, app/assets/stylesheets/components/search_modal.scss */
#search-modal .search-category-container[data-result-items="0"] {
  display: none;
}

/* line 304, app/assets/stylesheets/components/search_modal.scss */
#search-modal #no-results-container {
  background-color: #e9e9e9;
  margin: 20px 10px 0px 10px;
  padding: 20px;
  text-align: center;
  border-radius: 6px;
  display: none;
}

/* line 313, app/assets/stylesheets/components/search_modal.scss */
#search-modal[data-total-result-items='0'] #no-results-container {
  display: block;
}

/* line 1, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%) scale(0.7);
  position: fixed;
  top: 40%;
  background-color: #15384a;
  color: #fff;
  z-index: 1000;
  padding: 40px 90px;
  font-size: 26px;
  border-radius: 10px;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  pointer-events: none;
  opacity: 0;
}

/* line 19, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container.show {
  opacity: 0.9;
  transform: translateY(-50%) translateX(-50%) scale(1);
  pointer-events: initial;
}

/* line 25, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container {
  animation: hotkey_feedback_shimmer 2s infinite;
  background: linear-gradient(to right, #15384a 0%, #245067 11%, #15384a 60%);
  background-size: 1000px 100%;
  background-color: #15384a;
}

/* line 30, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container:hover {
  background: none;
  background-color: #15384a;
}

@keyframes hotkey_feedback_shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Hotkey Keys
/* ===================================================================== */
/* ===================================================================== */
/* line 50, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon {
  display: block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 6px;
  color: #909090;
}

@media (max-width: 1200px) {
  /* line 50, app/assets/stylesheets/components/hotkey_feedback.scss */
  .keyboard-square-icon {
    display: none !important;
  }
}

/* line 62, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #909090;
  font-size: 10px;
}

/* line 69, app/assets/stylesheets/components/hotkey_feedback.scss */
.btn-with-hotkeys {
  display: inline-flex;
}

/* line 72, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon-for-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 6px;
  border: 1px solid transparent;
  margin-left: 5px;
}

/* line 80, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon-for-button:first-child {
  margin-left: 12px;
}

/* line 83, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon-for-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 10px;
}

/* line 89, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon-for-button.escape-key {
  width: 35px;
}

/* line 93, app/assets/stylesheets/components/hotkey_feedback.scss */
.btn-with-hotkeys.btn-primary .keyboard-square-icon-for-button {
  border-color: #fff;
}

/* line 97, app/assets/stylesheets/components/hotkey_feedback.scss */
.btn-with-hotkeys .keyboard-square-icon-for-button {
  font-size: 12px;
}

/* line 101, app/assets/stylesheets/components/hotkey_feedback.scss */
.btn-with-hotkeys.btn-secondary .keyboard-square-icon-for-button {
  border-color: #8fb3c5;
}

/* line 105, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon.tab-key {
  width: 32px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

/* line 112, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-square-icon.ctrl-key {
  width: 32px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: .6pt;
}

/* line 120, app/assets/stylesheets/components/hotkey_feedback.scss */
.keyboard-combo-icon-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* line 127, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container .command-feedback {
  display: none;
}

/* line 130, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-projects'] .command-feedback[data-command='go-to-projects'] {
  display: block;
}

/* line 133, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-leads'] .command-feedback[data-command='go-to-leads'] {
  display: block;
}

/* line 136, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-home'] .command-feedback[data-command='go-to-home'] {
  display: block;
}

/* line 139, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-email'] .command-feedback[data-command='go-to-email'] {
  display: block;
}

/* line 142, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-calendar'] .command-feedback[data-command='go-to-calendar'] {
  display: block;
}

/* line 145, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-new-project'] .command-feedback[data-command='go-to-new-project'] {
  display: block;
}

/* line 148, app/assets/stylesheets/components/hotkey_feedback.scss */
#hotkey-feedback-container[data-command='go-to-new-lead'] .command-feedback[data-command='go-to-new-lead'] {
  display: block;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/default_elements.scss */
  .container {
    max-width: 1026px;
  }
}

/* line 7, app/assets/stylesheets/components/default_elements.scss */
b {
  font-weight: 600;
}

/* Page
=========================================================================================================================*/
/* line 13, app/assets/stylesheets/components/default_elements.scss */
.page {
  padding-bottom: 85px;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/components/default_elements.scss */
  .page {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 70px;
  }
}

/* line 25, app/assets/stylesheets/components/default_elements.scss */
.page.page-bg-soft-grey {
  background-color: #fdfdfd;
}

/* line 29, app/assets/stylesheets/components/default_elements.scss */
body.project-layout .page {
  padding-top: 0px;
  margin-top: 0px;
}

/* Page Header
=========================================================================================================================*/
/* line 36, app/assets/stylesheets/components/default_elements.scss */
.page-header {
  padding-top: 0px;
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/components/default_elements.scss */
  .page-header {
    padding-top: 0px;
  }
}

/* Primary Header
=========================================================================================================================*/
/* line 47, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header {
  background-color: #f1f5f8;
  padding: 10px 0px;
  padding-bottom: 15px;
  position: relative;
  z-index: 2;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/components/default_elements.scss */
  .page-header .primary-header {
    padding: 25px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/components/default_elements.scss */
  .page-header .primary-header h1, .page-header .primary-header h2, .page-header .primary-header h3, .page-header .primary-header h4, .page-header .primary-header h5 {
    margin: 0px 30px 0px 0px;
    display: inline;
  }
}

/* line 63, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header h1 {
  /*text-transform: uppercase;*/
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 800;
}

/* line 69, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header .filter-container {
  display: block;
  /*margin-top: 13px;*/
}

@media (min-width: 576px) {
  /* line 69, app/assets/stylesheets/components/default_elements.scss */
  .page-header .primary-header .filter-container {
    margin-bottom: 0px;
    display: inline;
    position: relative;
    top: -5px;
  }
}

/* line 78, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header .filter-container h1, .page-header .primary-header .filter-container h2, .page-header .primary-header .filter-container h3, .page-header .primary-header .filter-container h4, .page-header .primary-header .filter-container h5 {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 78, app/assets/stylesheets/components/default_elements.scss */
  .page-header .primary-header .filter-container h1, .page-header .primary-header .filter-container h2, .page-header .primary-header .filter-container h3, .page-header .primary-header .filter-container h4, .page-header .primary-header .filter-container h5 {
    margin-bottom: 0px;
  }
}

/* line 86, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header .filter-container .badge {
  /*font-weight: normal;*/
  margin-top: 15px;
  padding: .5em;
}

@media (min-width: 1200px) {
  /* line 86, app/assets/stylesheets/components/default_elements.scss */
  .page-header .primary-header .filter-container .badge {
    margin-top: 0px;
  }
}

/* line 93, app/assets/stylesheets/components/default_elements.scss */
.page-header .primary-header .filter-container .badge.active {
  background-color: teal;
}

/* Page Buttons */
/* line 101, app/assets/stylesheets/components/default_elements.scss */
.page-button-container {
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 101, app/assets/stylesheets/components/default_elements.scss */
  .page-button-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    margin-top: 0px;
  }
}

/* Page Nav
=========================================================================================================================*/
/* line 114, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container a, .page-nav-container span {
  color: #636363;
  display: inline-block;
  padding: 12px 15px;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.2s;
  background-color: transparent;
  border-radius: 30px;
  border: 1px solid #d7d7d7;
  margin-right: 6px;
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/components/default_elements.scss */
  .page-nav-container a, .page-nav-container span {
    font-size: 14px;
    padding: 9px 12px;
  }
}

@media (min-width: 1200px) {
  /* line 129, app/assets/stylesheets/components/default_elements.scss */
  .page-nav-container a:hover, .page-nav-container span:hover {
    color: #353535;
    background-color: #d9e6ed;
    cursor: pointer;
  }
}

/* line 136, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container a.active, .page-nav-container span.active {
  color: #fff;
  background-color: #15384a;
  border-color: #15384a;
}

/* line 142, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container.no-bg {
  background-color: transparent;
}

/* line 147, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container span.label {
  border-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

/* line 151, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container span.label:hover {
  background-color: transparent;
  cursor: default;
  color: #636363;
}

/* line 158, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container a.link {
  border-color: #0180803d;
  color: teal;
}

/* line 161, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container a.link:hover {
  background-color: #00ab86;
  border-color: #00ab86;
  color: #fff;
}

/* line 166, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container a.link i {
  margin-right: 5px;
}

/* line 171, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container div.count-badge {
  display: inline-block;
  background-color: #e0e0e0;
  color: #7d7d7d;
  padding: 5px;
  line-height: .7;
  border-radius: 5px;
  margin-left: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Nav (Mobile Tablet Only)
/* ===================================================================== */
/* ===================================================================== */
/* line 186, app/assets/stylesheets/components/default_elements.scss */
.page-nav-container.mobile-tablet-only {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

@media (min-width: 1200px) {
  /* line 186, app/assets/stylesheets/components/default_elements.scss */
  .page-nav-container.mobile-tablet-only {
    display: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Nav (All Screen Sizes)
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 200, app/assets/stylesheets/components/default_elements.scss */
  .page-nav-container.for-all-screen-sizes {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1200px) {
  /* line 206, app/assets/stylesheets/components/default_elements.scss */
  .page-nav-container.for-all-screen-sizes.mobile-p-lg {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* line 215, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 215, app/assets/stylesheets/components/default_elements.scss */
  .content-bg-container {
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  }
}

/* line 228, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.full-width {
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
}

/* line 234, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.no-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 239, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.mobile-bg {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

/* line 246, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.no-decoration {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
}

@media (min-width: 1200px) {
  /* line 253, app/assets/stylesheets/components/default_elements.scss */
  .content-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* line 260, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.overflow-visible {
  overflow: visible;
}

/* line 264, app/assets/stylesheets/components/default_elements.scss */
.content-bg-container.transparent {
  padding: 15px;
  border-radius: 10px;
  background-color: transparent;
}

/* ===================================================================== */
/* ===================================================================== */
/* Widgets
/* ===================================================================== */
/* ===================================================================== */
/* line 275, app/assets/stylesheets/components/default_elements.scss */
.widget-container {
  position: relative;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}

@media (min-width: 1200px) {
  /* line 275, app/assets/stylesheets/components/default_elements.scss */
  .widget-container {
    border-radius: 10px;
  }
}

/* line 286, app/assets/stylesheets/components/default_elements.scss */
.widget-container .widget-header {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}

/* line 289, app/assets/stylesheets/components/default_elements.scss */
.widget-container .widget-header h4 {
  margin: 0px;
  padding: 15px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 289, app/assets/stylesheets/components/default_elements.scss */
  .widget-container .widget-header h4 {
    font-size: 14.5px;
  }
}

/* line 296, app/assets/stylesheets/components/default_elements.scss */
.widget-container .widget-content {
  padding: 15px;
}

/* line 300, app/assets/stylesheets/components/default_elements.scss */
.widget-container .widget-header .widget-menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

/* Bottom Page Button Container
=========================================================================================================================*/
/* line 307, app/assets/stylesheets/components/default_elements.scss */
.bottom-page-button-container {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  text-align: center;
  padding: 10px 10px 25px 10px;
}

/* line 315, app/assets/stylesheets/components/default_elements.scss */
.bottom-page-button-container .btn {
  border-radius: 50px;
}

/* line 318, app/assets/stylesheets/components/default_elements.scss */
.bottom-page-button-container .btn-secondary {
  background-color: #fff;
}

/* Scrolling Wrapper
=========================================================================================================================*/
/* line 325, app/assets/stylesheets/components/default_elements.scss */
.scrolling-wrapper {
  width: 100vw;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 10px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* line 337, app/assets/stylesheets/components/default_elements.scss */
.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1200px) {
  /* line 325, app/assets/stylesheets/components/default_elements.scss */
  .scrolling-wrapper {
    width: initial;
  }
}

@media (min-width: 1200px) {
  /* line 346, app/assets/stylesheets/components/default_elements.scss */
  .project-layout .scrolling-wrapper.desktop-scroll-enabled {
    width: calc(100vw - 238px);
    padding-left: 20px;
  }
}

/* line 353, app/assets/stylesheets/components/default_elements.scss */
.background-gradient--gentle {
  background-color: #fff;
  background: linear-gradient(180deg, #ffffff 39.9%, #fbfbfb 100%);
}

/* line 1, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed {
  position: fixed;
  left: 0px;
  width: 100vw;
  transition: all 0.4s;
  z-index: 19;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed {
    width: initial;
    right: 0px;
  }
}

/* line 21, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar,
.primary-header-fixed-mockup--main-bar {
  background-color: #fff;
  height: 55px;
  border-bottom: 1px solid #eaeaea;
}

/* line 28, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar .main-bar-nav-container,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 24px;
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar .main-bar-nav-container,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container {
    padding-left: 32px;
  }
}

/* line 39, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar {
  flex-grow: 1;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
  display: flex;
  justify-content: end;
  align-items: center;
}

@media (max-width: 1200px) {
  /* line 39, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar-nav-container .desktop-action-bar,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar {
    display: none;
  }
}

/* line 51, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .btn:not(.normal-button-display),
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .btn:not(.normal-button-display) {
  font-size: 15px;
  padding: 6px 13px;
  height: 36px;
  margin-left: 9px;
}

/* line 57, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display),
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) {
  width: 40px;
}

/* line 59, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 20px;
  font-weight: 300;
  margin-left: 0px;
  margin-right: 0px;
}

/* line 66, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i.fa-ellipsis, .primary-header-fixed .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i.fa-ellipsis-vertical,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i.fa-ellipsis,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .btn-icon-only:not(.normal-button-display) i.fa-ellipsis-vertical {
  font-weight: 400;
}

/* line 70, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .sort-filter-option-container,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .sort-filter-option-container {
  display: inline-block;
  margin-left: 10px;
}

/* line 73, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .sort-filter-option-label,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .sort-filter-option-label {
  font-size: 16px;
  position: relative;
  top: 1px;
  color: #989898;
}

@media (min-width: 576px) {
  /* line 73, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .sort-filter-option-label,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .sort-filter-option-label {
    font-size: 14.5px;
  }
}

/* line 79, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .btn,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .desktop-action-bar .sort-filter-option-container .btn {
  margin-left: 0px;
}

/* line 85, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .mobile-action-bar {
  height: calc(55px - 1px);
  padding-right: 5px;
  padding-left: 35px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  gap: 12px;
  align-items: center;
  background: #FCFCFC;
  background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #fcfcfc 35px, #fcfcfc 100%);
}

@media (min-width: 1200px) {
  /* line 85, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar-nav-container .mobile-action-bar,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .mobile-action-bar {
    display: none;
  }
}

/* line 101, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .btn-icon-only,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .mobile-action-bar .btn-icon-only {
  width: 38px;
  position: relative;
}

/* line 104, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .btn-icon-only i,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .mobile-action-bar .btn-icon-only i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-left: 0px;
  margin-right: 0px;
}

/* line 114, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group button.dropdown-toggle,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group button.dropdown-toggle {
  height: 44px;
  width: 58px;
  border-radius: 8px;
  margin-left: 0px;
  background-color: #2d2d2d;
  border-color: #2d2d2d;
  appearance: none;
  outline-style: none;
  box-shadow: none;
  transition: all 0.4s;
}

/* line 126, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group.show button.dropdown-toggle,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group.show button.dropdown-toggle {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 130, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group button.dropdown-toggle i,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group button.dropdown-toggle i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-left: 0px;
  margin-right: 0px;
  font-size: 25px;
  transition: all 0.4s;
}

/* line 139, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group.show button.dropdown-toggle i,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group.show button.dropdown-toggle i {
  transform: translateY(-50%) translateX(-50%) scale(1.2) rotate(180deg);
}

/* line 143, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group .dropdown-menu,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group .dropdown-menu {
  min-width: 230px;
  max-width: 80vw;
  max-height: 50vh;
  overflow: scroll;
}

/* line 149, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group .dropdown-menu .btn-primary,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group .dropdown-menu .btn-primary {
  color: #fff;
  font-weight: 600;
}

/* line 158, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group--white button.dropdown-toggle,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group--white button.dropdown-toggle {
  background-color: #fff;
  border-color: #c4c4c4;
}

/* line 162, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group--white.show button.dropdown-toggle,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group--white.show button.dropdown-toggle {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #8f8f8f;
}

/* line 173, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group--narrow button.dropdown-toggle,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group--narrow button.dropdown-toggle {
  width: 50px;
}

/* line 176, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .mobile-action-btn-group--narrow button.dropdown-toggle i,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .mobile-action-btn-group--narrow button.dropdown-toggle i {
  font-size: 18px;
}

/* line 185, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar-nav-container .mobile-action-bar .dropdown-menu.dropdown-menu--mobile-action-bar-full-screen,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .dropdown-menu.dropdown-menu--mobile-action-bar-full-screen {
  max-width: 100vw;
  width: calc(100vw - 12px);
  max-height: 100vh;
  height: calc(100vh - 150px);
}

@media (min-width: 576px) {
  /* line 185, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar-nav-container .mobile-action-bar .dropdown-menu.dropdown-menu--mobile-action-bar-full-screen,
.primary-header-fixed-mockup--main-bar .mobile-action-bar .dropdown-menu.dropdown-menu--mobile-action-bar-full-screen {
    width: 50vw;
    height: 70vh;
  }
}

/* line 199, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
#primary-nav-column #secondary-column .column-header .secondary-column-header-title,
.primary-header-fixed .main-bar .main-bar-nav-container .header-and-title,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .header-and-title {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

/* line 205, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
#primary-nav-column #secondary-column .column-header .secondary-column-header-title i,
.primary-header-fixed .main-bar .main-bar-nav-container .header-and-title i,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .header-and-title i {
  font-size: 18px;
  margin-right: 8px;
  display: none;
}

/* line 210, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
#primary-nav-column #secondary-column .column-header .secondary-column-header-title h5,
.primary-header-fixed .main-bar .main-bar-nav-container .header-and-title h5,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .header-and-title h5 {
  font-size: 18px;
  margin: 0px;
  font-weight: 600;
}

/* line 215, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
#primary-nav-column #secondary-column .column-header .secondary-column-header-title h5.smaller,
.primary-header-fixed .main-bar .main-bar-nav-container .header-and-title h5.smaller,
.primary-header-fixed-mockup--main-bar .main-bar-nav-container .header-and-title h5.smaller {
  font-size: 14px;
}

@media (max-width: 1200px) {
  /* line 223, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar .main-bar-nav-container .header-and-title h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Open On Scroll
/* ===================================================================== */
/* ===================================================================== */
/* line 239, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed--open-on-scroll {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-100%);
}

/* line 245, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed--open-on-scroll.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Header Sub Nav
/* ===================================================================== */
/* ===================================================================== */
/* line 256, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar .desktop-header-sub-nav {
  margin-left: 32px;
  display: none;
}

@media (min-width: 1200px) {
  /* line 256, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar .desktop-header-sub-nav {
    display: flex;
    height: 100%;
    gap: 8px;
  }
}

/* line 266, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar .desktop-header-sub-nav .sub-nav-item {
  font-size: 16px;
  color: #7d7d7d;
  height: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 600;
  transition: all 0.1s;
  border-bottom: 2px solid transparent;
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 576px) {
  /* line 266, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .main-bar .desktop-header-sub-nav .sub-nav-item {
    font-size: 14.5px;
  }
}

/* line 279, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar .desktop-header-sub-nav .sub-nav-item.active {
  color: #2f2f2f;
  border-bottom-color: #2f2f2f;
}

/* line 283, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .main-bar .desktop-header-sub-nav .sub-nav-item:not(.active):hover {
  border-bottom-color: teal;
  color: teal;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Table Head
/* ===================================================================== */
/* ===================================================================== */
/* line 297, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .table-head-container {
  opacity: 0;
  transition: all 0.3s;
  display: none;
}

@media (min-width: 1200px) {
  /* line 297, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .table-head-container {
    display: block;
    height: 0px;
    overflow: hidden;
  }
  /* line 305, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
  .primary-header-fixed .table-head-container.with-bottom-border {
    border-bottom: 1px solid #dee2e6;
  }
}

/* line 311, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
body.project-layout .primary-header-fixed .table-head-container {
  margin-left: 0px;
}

/* line 315, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed .table-head-container.open {
  opacity: 1;
  height: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* With Record Split
/* ===================================================================== */
/* ===================================================================== */
/* line 326, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed.split-with-child .split-parent-container {
  width: 238px;
}

/* line 329, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed.split-with-child .split-child-container {
  display: flex;
  flex-grow: 1;
}

/* line 332, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed.split-with-child .split-child-container .header-and-title {
  flex-grow: 1;
}

/* line 338, app/assets/stylesheets/components/fixed_primary_page_headers.scss */
.primary-header-fixed.split-with-child .main-bar .split-child-container .header-and-title h5 {
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 395px;
}

/* line 1, app/assets/stylesheets/components/fixed_secondary_page_headers.scss */
.secondary-header-fixed {
  height: 50px;
  position: fixed;
  left: 0px;
  width: 100vw;
  transition: all 0.4s;
  z-index: 18;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/fixed_secondary_page_headers.scss */
  .secondary-header-fixed {
    background-color: #fff;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/fixed_secondary_page_headers.scss */
  .secondary-header-fixed {
    width: initial;
    right: 0px;
  }
}

/* Hide automatically if body doesn't have the class ".lay--head-secondary-fixed-desktop"
======================================================================== */
@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/components/fixed_secondary_page_headers.scss */
  body:not(.lay--head-secondary-fixed-desktop) .secondary-header-fixed {
    display: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Header
/* ===================================================================== */
/* ===================================================================== */
/* line 33, app/assets/stylesheets/components/fixed_secondary_page_headers.scss */
.secondary-header-fixed .mobile-header {
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #d5d5d5;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Groups Container                                                      // there is usually a bottom margin from a .form-group.
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/forms.scss */
.form-groups-container {
  padding-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/components/forms.scss */
  .form-groups-container {
    padding-bottom: 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Section Title (this used to be that old blue bar w/ icon)
/* ===================================================================== */
/* ===================================================================== */
/* line 18, app/assets/stylesheets/components/forms.scss */
.form-section-title {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 18, app/assets/stylesheets/components/forms.scss */
  .form-section-title {
    margin-bottom: 24px;
  }
}

/* line 23, app/assets/stylesheets/components/forms.scss */
.form-section-title .form-section-title--subtext {
  margin-top: calc(32px / 2);
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/components/forms.scss */
  .form-section-title .form-section-title--subtext {
    margin-top: calc(24px / 2);
  }
}

/* line 31, app/assets/stylesheets/components/forms.scss */
.form-section-title {
  font-weight: 600;
}

/* line 33, app/assets/stylesheets/components/forms.scss */
.form-section-title i {
  font-weight: 300;
  width: 1.3rem;
}

/* line 37, app/assets/stylesheets/components/forms.scss */
.form-section-title .form-section-title--subtext {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3rem;
}

@media (min-width: 1200px) {
  /* line 45, app/assets/stylesheets/components/forms.scss */
  .form-section-title--sm .form-section-title--subtext {
    font-size: 14px;
  }
}

/* line 52, app/assets/stylesheets/components/forms.scss */
.form-section-title--md {
  font-size: 18px;
}

/* line 54, app/assets/stylesheets/components/forms.scss */
.form-section-title--md i {
  width: 1.5rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Group
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/components/forms.scss */
form .form-group {
  position: relative;
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/components/forms.scss */
  form .form-group {
    margin-bottom: 24px;
  }
}

/* line 72, app/assets/stylesheets/components/forms.scss */
form .form-group.form-group-mb-half {
  margin-bottom: calc(24px / 2);
}

/* line 77, app/assets/stylesheets/components/forms.scss */
form .form-group.required label:after {
  content: " *";
  color: red;
}

/* ===================================================================== */
/* ===================================================================== */
/* Label
/* ===================================================================== */
/* ===================================================================== */
/* line 88, app/assets/stylesheets/components/forms.scss */
form label, form .label, .form-label {
  display: inline-block;
  color: #606060;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Control
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/components/forms.scss */
.form-control {
  height: unset;
  padding: 12px;
  border-radius: 8px;
  border-color: #ced4da;
  color: #2f2f2f;
}

/* Focus
======================================================================== */
/* line 111, app/assets/stylesheets/components/forms.scss */
.form-control:focus {
  border-color: #b6b6b6;
  box-shadow: 0 0 0 .2rem #56565626;
  color: #2f2f2f;
}

/* Placeholder
======================================================================== */
/* line 118, app/assets/stylesheets/components/forms.scss */
input.form-control::placeholder {
  color: #a8a8a8;
}

/* line 122, app/assets/stylesheets/components/forms.scss */
.form-control.bold-input-field {
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* Input Size - Big
/* ===================================================================== */
/* ===================================================================== */
/* line 132, app/assets/stylesheets/components/forms.scss */
.form-group.big .form-control, .form-group.big .input-group-prepend .input-group-text, .form-group.big .input-group-append .input-group-text {
  font-size: 19px;
}

@media (min-width: 1200px) {
  /* line 132, app/assets/stylesheets/components/forms.scss */
  .form-group.big .form-control, .form-group.big .input-group-prepend .input-group-text, .form-group.big .input-group-append .input-group-text {
    font-size: 24px;
    line-height: 1.1;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/* line 144, app/assets/stylesheets/components/forms.scss */
.form-control.big {
  font-size: 19px;
}

@media (min-width: 1200px) {
  /* line 144, app/assets/stylesheets/components/forms.scss */
  .form-control.big {
    font-size: 24px;
    line-height: 1.1;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Input Size - Medium
/* ===================================================================== */
/* ===================================================================== */
/* line 161, app/assets/stylesheets/components/forms.scss */
.form-group.medium .form-control, .form-group.medium .input-group-prepend .input-group-text, .form-group.medium .input-group-append .input-group-text {
  font-size: 17px;
}

@media (min-width: 1200px) {
  /* line 161, app/assets/stylesheets/components/forms.scss */
  .form-group.medium .form-control, .form-group.medium .input-group-prepend .input-group-text, .form-group.medium .input-group-append .input-group-text {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* line 172, app/assets/stylesheets/components/forms.scss */
.form-control.medium {
  font-size: 17px;
}

@media (min-width: 1200px) {
  /* line 172, app/assets/stylesheets/components/forms.scss */
  .form-control.medium {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* line 182, app/assets/stylesheets/components/forms.scss */
.form-control.txt-md {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 182, app/assets/stylesheets/components/forms.scss */
  .form-control.txt-md {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Control Underlined
/* ===================================================================== */
/* ===================================================================== */
/* line 191, app/assets/stylesheets/components/forms.scss */
.form-control--underlined {
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  background-color: transparent;
}

/* line 198, app/assets/stylesheets/components/forms.scss */
.form-control--underlined:hover {
  border-color: #e6e6e6;
  box-shadow: 0px 3px 0px 0px #e6e6e6;
}

/* line 202, app/assets/stylesheets/components/forms.scss */
.form-control--underlined:focus {
  background-color: transparent;
  border-color: #b7b7b7;
  box-shadow: 0px 3px 0px 0px #b7b7b7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Control Dotted on Hover
/* ===================================================================== */
/* ===================================================================== */
/* line 214, app/assets/stylesheets/components/forms.scss */
.form-control--dotted-on-hover {
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  border-bottom-style: dotted;
  background-color: transparent;
}

/* line 223, app/assets/stylesheets/components/forms.scss */
.form-control--dotted-on-hover:hover {
  border-color: #bfbfbf;
}

/* line 227, app/assets/stylesheets/components/forms.scss */
.form-control--dotted-on-hover:focus {
  background-color: transparent;
  border-color: #b7b7b7;
  box-shadow: 0px 2px 0px 0px #b7b7b7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Group Compact
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 241, app/assets/stylesheets/components/forms.scss */
  .form-group.form-group-compact label, .form-group.form-group-compact .label, .form-group.form-group-compact .form-label {
    font-size: 14px;
  }
  /* line 244, app/assets/stylesheets/components/forms.scss */
  .form-group.form-group-compact .form-control {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  /* line 249, app/assets/stylesheets/components/forms.scss */
  .form-group.form-group-compact .selectize-input {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  /* line 253, app/assets/stylesheets/components/forms.scss */
  .form-group.form-group-compact .form-control.selectize-control {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 260, app/assets/stylesheets/components/forms.scss */
  .label.label-compact {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  /* line 266, app/assets/stylesheets/components/forms.scss */
  .form-label.form-label--compact {
    font-size: 14px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Field Input
/* ===================================================================== */
/* ===================================================================== */
/* line 278, app/assets/stylesheets/components/forms.scss */
.form-group.main-field-input label {
  left: 0px;
}

/* line 281, app/assets/stylesheets/components/forms.scss */
.form-group.main-field-input input, .form-group.main-field-input textarea {
  box-shadow: none;
  border: 1px solid transparent;
  padding: 12px;
  resize: none;
}

/* line 286, app/assets/stylesheets/components/forms.scss */
.form-group.main-field-input input:hover, .form-group.main-field-input input:focus, .form-group.main-field-input textarea:hover, .form-group.main-field-input textarea:focus {
  border-color: #cccccc;
}

/* Form Control Pull Left
======================================================================== */
/* line 295, app/assets/stylesheets/components/forms.scss */
.form-control.left-pull {
  margin-left: -10px;
}

/* Center Text Input
======================================================================== */
/* line 301, app/assets/stylesheets/components/forms.scss */
.form-group.small-centered-value input {
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Invalid
/* ===================================================================== */
/* ===================================================================== */
/* line 310, app/assets/stylesheets/components/forms.scss */
input.is-invalid, select.is-invalid, textarea.is-invalid, .selectize-input.is-invalid {
  background-color: #fff0f0 !important;
  border-color: #dc8e8e !important;
}

/* line 316, app/assets/stylesheets/components/forms.scss */
.form-group:has(.is-invalid) .invalid-feedback {
  display: block;
}

/* line 321, app/assets/stylesheets/components/forms.scss */
.invalid-feedback {
  margin-top: 10px;
}

/* In a form, the first child will be Div.form-errors. This is hidden by default but will show */
/* when user saves and fails a record. Error messages will appear in this container. */
/* line 327, app/assets/stylesheets/components/forms.scss */
form .form-errors {
  background-color: #ffe6e6;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* line 332, app/assets/stylesheets/components/forms.scss */
form .form-errors ul li {
  list-style: none;
  color: #af0000;
  margin-bottom: 5px;
  padding: 13px;
}

/* line 342, app/assets/stylesheets/components/forms.scss */
.form-control.is-invalid {
  background-image: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Disabled (Bootstrap Override)
/* ===================================================================== */
/* ===================================================================== */
/* line 352, app/assets/stylesheets/components/forms.scss */
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Expanding Fields
/* ===================================================================== */
/* ===================================================================== */
/* line 365, app/assets/stylesheets/components/forms.scss */
textarea.expanding-field {
  resize: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Grey Field
/* ===================================================================== */
/* ===================================================================== */
/* line 374, app/assets/stylesheets/components/forms.scss */
.form-group .grey-field {
  background-color: #f5f5f5;
  box-shadow: none;
  border: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Utility Classes
/* ===================================================================== */
/* ===================================================================== */
/* line 385, app/assets/stylesheets/components/forms.scss */
form .field-hide {
  display: none;
}

@media (min-width: 576px) {
  /* line 385, app/assets/stylesheets/components/forms.scss */
  form .field-hide {
    display: initial;
    visibility: hidden;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Radio Buttons (Circle Presentation)
/* ===================================================================== */
/* ===================================================================== */
/* line 398, app/assets/stylesheets/components/forms.scss */
.radio-button-option {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 398, app/assets/stylesheets/components/forms.scss */
  .radio-button-option {
    font-size: 14.5px;
  }
}

/* line 400, app/assets/stylesheets/components/forms.scss */
.radio-button-option .fa-check-circle {
  display: none;
}

/* line 403, app/assets/stylesheets/components/forms.scss */
.radio-button-option .fa-circle-dot {
  display: none;
}

/* line 409, app/assets/stylesheets/components/forms.scss */
.radio-button-option.selected .fa-check-circle {
  display: initial;
}

/* line 412, app/assets/stylesheets/components/forms.scss */
.radio-button-option.selected .fa-circle-dot {
  display: initial;
}

/* line 415, app/assets/stylesheets/components/forms.scss */
.radio-button-option.selected .fa-circle {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Radio Buttons (Square Presentation)
/* ===================================================================== */
/* ===================================================================== */
/* line 426, app/assets/stylesheets/components/forms.scss */
.radio-button-option .fa-check-square {
  display: none;
}

/* line 432, app/assets/stylesheets/components/forms.scss */
.radio-button-option.selected .fa-check-square {
  display: inline-block;
}

/* line 435, app/assets/stylesheets/components/forms.scss */
.radio-button-option.selected .fa-square {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Radio Button Formatting
/* ===================================================================== */
/* ===================================================================== */
/* line 445, app/assets/stylesheets/components/forms.scss */
.radio-button-option {
  width: fit-content;
  border-radius: 5px;
}

@media (min-width: 1200px) {
  /* line 449, app/assets/stylesheets/components/forms.scss */
  .radio-button-option:hover {
    cursor: pointer;
    background-color: #ebebeb;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Checkbox
/* ===================================================================== */
/* ===================================================================== */
/* For Checkbox fields, .checkbox is added to the .form-group that contains the checkbox field */
/* Example: GuestParty form > second_guest "plus_one" and "unkown_plus_one" fields ; */
/* line 463, app/assets/stylesheets/components/forms.scss */
.form-group.checkbox {
  margin-bottom: 20px;
}

/* line 465, app/assets/stylesheets/components/forms.scss */
.form-group.checkbox label {
  font-size: 16px;
  top: 1px;
  left: 26px;
  color: #000;
}

@media (min-width: 576px) {
  /* line 465, app/assets/stylesheets/components/forms.scss */
  .form-group.checkbox label {
    font-size: 14.5px;
  }
}

/* line 471, app/assets/stylesheets/components/forms.scss */
.form-group.checkbox input {
  width: 15px;
  height: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Append & Prepend
/* ===================================================================== */
/* ===================================================================== */
/* Boostrap Append & Prepend (with their .input-group method)
======================================================================== */
/* line 486, app/assets/stylesheets/components/forms.scss */
.form-group.bs-prepend .input-group-prepend .input-group-text {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: transparent;
}

/* line 491, app/assets/stylesheets/components/forms.scss */
.form-group.bs-prepend input {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* line 498, app/assets/stylesheets/components/forms.scss */
.form-group.bs-append .input-group-append .input-group-text {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: transparent;
}

/* line 503, app/assets/stylesheets/components/forms.scss */
.form-group.bs-append input {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

/* Custom Append & Prepend (with our custom .form-control-wrapper method)
======================================================================== */
/* line 511, app/assets/stylesheets/components/forms.scss */
.form-control-wrapper {
  position: relative;
}

/* line 515, app/assets/stylesheets/components/forms.scss */
.form-control-wrapper .prepend {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  pointer-events: none;
}

/* line 520, app/assets/stylesheets/components/forms.scss */
.form-control-wrapper .append {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  pointer-events: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* From Section
/* ===================================================================== */
/* ===================================================================== */
/* line 531, app/assets/stylesheets/components/forms.scss */
.form-section-container {
  padding-top: 40px;
  padding-bottom: 30px;
}

/* line 536, app/assets/stylesheets/components/forms.scss */
.form-section-container .form-section-container-header {
  margin-bottom: 30px;
}

/* line 538, app/assets/stylesheets/components/forms.scss */
.form-section-container .form-section-container-header p {
  font-size: 16px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 538, app/assets/stylesheets/components/forms.scss */
  .form-section-container .form-section-container-header p {
    font-size: 14.5px;
  }
}

/* line 544, app/assets/stylesheets/components/forms.scss */
.form-section-container h3 {
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 1200px) {
  /* line 544, app/assets/stylesheets/components/forms.scss */
  .form-section-container h3 {
    font-size: 23px;
  }
}

/* line 552, app/assets/stylesheets/components/forms.scss */
.form-section-container:not(:last-of-type) {
  border-bottom: 1px solid #ebebeb;
}

@media (min-width: 1200px) {
  /* line 556, app/assets/stylesheets/components/forms.scss */
  .form-section-container.form-section-container--two-column {
    display: grid;
    gap: 80px;
    grid-template-columns: 300px 1fr;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Divider
/* ===================================================================== */
/* ===================================================================== */
/* Horizontal divider to be used in forms */
/* line 573, app/assets/stylesheets/components/forms.scss */
form .divider {
  height: 1px;
  width: calc(100% + 30px);
  background-color: #e6e6e6;
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
  left: -15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Field Box
/* ===================================================================== */
/* ===================================================================== */
/* Wrapper for a group of fields. It puts them on a darker background */
/* Has an optional .delete-button element if the .field-box is deletable */
/* line 590, app/assets/stylesheets/components/forms.scss */
.field-box {
  position: relative;
  background-color: #e5eaee;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 16px;
  /*overflow: hidden;*/
}

/* line 597, app/assets/stylesheets/components/forms.scss */
.field-box .delete-button {
  position: absolute;
  z-index: 3;
  top: -13px;
  right: -10px;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #e4e4e4;
  transition: all 0.3s;
}

/* line 608, app/assets/stylesheets/components/forms.scss */
.field-box .delete-button .fal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: teal;
  font-size: 20px;
}

@media (min-width: 1200px) {
  /* line 613, app/assets/stylesheets/components/forms.scss */
  .field-box .delete-button:hover {
    cursor: pointer;
    transform: scale(1.2);
    border-color: teal;
  }
}

/* line 623, app/assets/stylesheets/components/forms.scss */
.field-box-shadow-style {
  padding: 32px;
  border-radius: 15px;
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
}

@media (min-width: 1200px) {
  /* line 623, app/assets/stylesheets/components/forms.scss */
  .field-box-shadow-style {
    padding: 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add New Record From Form (examples: + Add new category)
/* Apply to bootstrap col, breakpoint md for having it on same line as input
/* ===================================================================== */
/* ===================================================================== */
/* line 639, app/assets/stylesheets/components/forms.scss */
.add-new-record-from-form {
  margin-bottom: 25px;
  text-align: right;
}

@media (min-width: 768px) {
  /* line 639, app/assets/stylesheets/components/forms.scss */
  .add-new-record-from-form {
    margin-bottom: 0px;
    text-align: left;
  }
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Other Styles
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* No Field Decoration
======================================================================== */
/* line 656, app/assets/stylesheets/components/forms.scss */
.form-control.no-decoration {
  border-color: transparent;
}

/* line 658, app/assets/stylesheets/components/forms.scss */
.form-control.no-decoration:focus {
  border-color: transparent;
  box-shadow: none;
}

/* Add Nested Record
=========================================================================================================================*/
/* Used on forms with nested record. This styles the "Add ______" with Plus icon, usually this is */
/* inside a link_to_add_fields block */
/* line 668, app/assets/stylesheets/components/forms.scss */
form .add-nested-record {
  font-size: 16px;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px;
  color: teal;
}

@media (min-width: 576px) {
  /* line 668, app/assets/stylesheets/components/forms.scss */
  form .add-nested-record {
    font-size: 14.5px;
  }
}

/* line 675, app/assets/stylesheets/components/forms.scss */
form .add-nested-record:hover {
  border-color: #ced4da;
}

/* ===================================================================== */
/* ===================================================================== */
/* Datepicker Field
/* ===================================================================== */
/* ===================================================================== */
/* line 686, app/assets/stylesheets/components/forms.scss */
.form-group.datepicker-group .form-control[readonly] {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Clear Field Input Button
/* ===================================================================== */
/* ===================================================================== */
/* line 696, app/assets/stylesheets/components/forms.scss */
.clear-field {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 57px;
}

/* line 702, app/assets/stylesheets/components/forms.scss */
.clear-field .clear-button {
  position: absolute;
  border-radius: 6px;
  transition: all 0.3s;
  top: 5px;
  right: 5px;
  bottom: 5px;
  aspect-ratio: 1 / 1;
}

/* line 711, app/assets/stylesheets/components/forms.scss */
.clear-field i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 24px;
  font-weight: 300;
  color: #404e5c;
}

/* line 720, app/assets/stylesheets/components/forms.scss */
.clear-field:hover .clear-button {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 726, app/assets/stylesheets/components/forms.scss */
.clear-field.clear-field--p-none {
  position: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Search Field
/* ===================================================================== */
/* ===================================================================== */
/* line 735, app/assets/stylesheets/components/forms.scss */
.form-group.search-field {
  position: relative;
}

/* line 739, app/assets/stylesheets/components/forms.scss */
.form-group.search-field input {
  padding-left: 40px;
}

/* line 743, app/assets/stylesheets/components/forms.scss */
.form-group.search-field .fa-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  color: #2f2f2f;
  pointer-events: none;
}

/* line 750, app/assets/stylesheets/components/forms.scss */
.form-group.search-field #clear-search-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 20px;
}

/* line 754, app/assets/stylesheets/components/forms.scss */
.form-group.search-field #clear-search-button i {
  margin: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* File Field
/* ===================================================================== */
/* ===================================================================== */
/* line 764, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field label {
  text-align: center;
  display: block;
  position: inherit;
  left: 0px;
  top: 0px;
  padding: 20px;
  border: 2px dashed #ced4da;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  transition: all 0.3s;
}

/* line 776, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field label i {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 776, app/assets/stylesheets/components/forms.scss */
  .form-group.file-upload-field label i {
    font-size: 22px;
  }
}

/* line 783, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field:hover {
  cursor: pointer;
}

/* line 785, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field:hover label {
  border-color: #b6b6b6;
  box-shadow: 0 0 0 .2rem #56565626;
}

/* line 788, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field:hover input:hover {
  cursor: pointer;
}

/* line 793, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field input::-webkit-file-upload-button {
  visibility: hidden;
  width: 0px;
}

/* line 798, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field .input-prompt-or-filename {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 798, app/assets/stylesheets/components/forms.scss */
  .form-group.file-upload-field .input-prompt-or-filename {
    font-size: 14.5px;
  }
}

/* line 802, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field input {
  background-color: transparent;
  padding: 0px;
  height: initial;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  opacity: 0;
}

/* line 812, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field label.is-invalid {
  border-color: #dc3545;
}

/* line 814, app/assets/stylesheets/components/forms.scss */
.form-group.file-upload-field label.is-invalid i {
  color: #dc3545;
}

/* ===================================================================== */
/* ===================================================================== */
/* Address Field Box
/* ===================================================================== */
/* ===================================================================== */
/* line 824, app/assets/stylesheets/components/forms.scss */
.address-field-box {
  background-color: transparent;
  border: 1px solid #ced4da;
  border-radius: 8px;
}

/* line 828, app/assets/stylesheets/components/forms.scss */
.address-field-box label {
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 2;
  font-size: 11px !important;
  color: #a7a7a7;
  -webkit-font-smoothing: antialiased;
}

/* line 837, app/assets/stylesheets/components/forms.scss */
.address-field-box .form-group {
  margin: 0px;
  position: relative;
}

/* line 841, app/assets/stylesheets/components/forms.scss */
.address-field-box .form-row > .col, .address-field-box .form-row > [class*=col-] {
  padding-right: 0px;
  padding-left: 0px;
}

/* line 845, app/assets/stylesheets/components/forms.scss */
.address-field-box input {
  border-radius: 0px;
  border-width: 0px;
  position: relative;
  padding-top: 20px !important;
  padding-bottom: 8px !important;
}

/* line 852, app/assets/stylesheets/components/forms.scss */
.address-field-box input:focus {
  z-index: 1;
}

/* line 855, app/assets/stylesheets/components/forms.scss */
.address-field-box select:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 864, app/assets/stylesheets/components/forms.scss */
.address-field-box .address-type-form-group {
  margin-left: 5px;
}

/* line 866, app/assets/stylesheets/components/forms.scss */
.address-field-box .address-type-form-group select {
  min-width: 145px;
  border: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 1px solid #ebebeb;
  font-size: 14px !important;
  font-weight: 600;
}

/* line 877, app/assets/stylesheets/components/forms.scss */
.address-field-box .delete-button {
  margin-right: 20px;
}

/* line 881, app/assets/stylesheets/components/forms.scss */
.address-field-box .street-form-group {
  margin-left: 5px;
  margin-right: 5px;
}

/* line 884, app/assets/stylesheets/components/forms.scss */
.address-field-box .street-form-group input {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

/* line 890, app/assets/stylesheets/components/forms.scss */
.address-field-box .city-form-group {
  margin-left: 5px;
}

/* line 895, app/assets/stylesheets/components/forms.scss */
.address-field-box .state-form-group input {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

/* line 901, app/assets/stylesheets/components/forms.scss */
.address-field-box .zip-form-group {
  margin-right: 5px;
}

/* line 905, app/assets/stylesheets/components/forms.scss */
.address-field-box .country-form-group {
  margin-left: 5px;
  margin-right: 5px;
}

/* line 908, app/assets/stylesheets/components/forms.scss */
.address-field-box .country-form-group input {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Address (Second Line)
/* ===================================================================== */
/* ===================================================================== */
/* line 920, app/assets/stylesheets/components/forms.scss */
.address-form-container .street-2-container {
  display: none;
}

/* line 924, app/assets/stylesheets/components/forms.scss */
.address-form-container.show-street-2 .street-2-container {
  display: block;
}

/* Street 2 Add/Remove Buttons
======================================================================== */
/* line 930, app/assets/stylesheets/components/forms.scss */
.address-form-container .street-toggler {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: calc(50% + 12px);
  right: 12px;
  color: teal;
  font-size: 18px;
}

/* line 936, app/assets/stylesheets/components/forms.scss */
.address-form-container .street-toggler:hover {
  cursor: pointer;
}

/* line 941, app/assets/stylesheets/components/forms.scss */
.address-form-container.show-street-2 .street-toggler.add-street-2 {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Attribute Column Editor
/* ===================================================================== */
/* ===================================================================== */
/* line 953, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .attribute-row {
  clear: both;
  margin: 35px 0px;
}

@media (min-width: 1200px) {
  /* line 953, app/assets/stylesheets/components/forms.scss */
  .form-attribute-column-editor .attribute-row {
    display: flex;
    align-items: center;
    margin: 25px 0px;
  }
}

/* line 963, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .attribute-row.flex-align-top {
  align-items: flex-start;
}

@media (min-width: 1200px) {
  /* line 967, app/assets/stylesheets/components/forms.scss */
  .form-attribute-column-editor .attribute-row .attribute-row-left-col {
    flex: 0 0 150px;
  }
}

@media (min-width: 1200px) {
  /* line 972, app/assets/stylesheets/components/forms.scss */
  .form-attribute-column-editor .attribute-row .attribute-row-right-col {
    flex-grow: 1;
  }
}

/* line 978, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .attribute-label {
  color: #606060;
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 14px;
}

/* line 984, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .attribute-label i {
  margin-right: 5px;
}

@media (min-width: 1200px) {
  /* line 978, app/assets/stylesheets/components/forms.scss */
  .form-attribute-column-editor .attribute-label {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 0px;
    font-weight: normal;
  }
}

/* line 995, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .ad-hoc-record-add-icon {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px dashed #bfbfbf;
  color: #737373;
}

/* line 50, app/assets/stylesheets/base/mixins.scss */
.form-attribute-column-editor .ad-hoc-record-add-icon:hover {
  color: teal;
  border-color: teal;
}

/* line 1002, app/assets/stylesheets/components/forms.scss */
.form-attribute-column-editor .ad-hoc-record-add-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Truncation Container
/* ===================================================================== */
/* ===================================================================== */
/* line 1012, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container {
  position: relative;
}

/* line 1014, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container .truncated-overlay {
  transition: all 0.2s;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #FCFCFC;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffffbf 47%, white 100%);
  padding: 10px 0px;
  padding-top: 35px;
  z-index: 1;
  display: none;
  pointer-events: none;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 1014, app/assets/stylesheets/components/forms.scss */
  .custom-truncated-container .truncated-overlay {
    font-size: 13.5px;
  }
}

/* line 1029, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container .truncated-overlay:hover {
  cursor: pointer;
}

/* line 1032, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container .truncated-overlay .show-more {
  background-color: #fff;
  padding: 3px 11px;
  border: 1px solid #c3c3c3;
  border-radius: 11px;
  display: inline-block;
  color: #929292;
  transform-origin: bottom center;
  transition: all 0.2s;
  margin-bottom: 5px;
}

/* line 1044, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated {
  overflow: hidden;
}

/* line 1045, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated.px130 {
  max-height: 130px;
}

/* line 1048, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated.px200 {
  max-height: 200px;
}

/* line 1052, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated .truncated-overlay {
  display: block;
}

/* line 1058, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated:hover {
  cursor: pointer !important;
}

/* line 1060, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated:hover .truncated-overlay {
  padding-top: 45px;
}

/* line 1063, app/assets/stylesheets/components/forms.scss */
.custom-truncated-container.truncated:hover .truncated-overlay .show-more {
  color: #464646;
  transform: scale(1.1);
}

/* ===================================================================== */
/* ===================================================================== */
/* Global Selectize Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/form_selectize.scss */
.selectize-control {
  line-height: 0;
}

/* line 10, app/assets/stylesheets/components/form_selectize.scss */
.selectize-input {
  border-color: #ced4da;
  color: #2f2f2f;
  border-radius: 8px;
  padding: 12px;
}

/* line 15, app/assets/stylesheets/components/form_selectize.scss */
.selectize-input.focus {
  border-color: #b6b6b6;
  box-shadow: 0 0 0 .2rem #56565626;
  border-radius: 8px;
}

/* line 26, app/assets/stylesheets/components/form_selectize.scss */
.selectize-dropdown .standard-option-style {
  padding: 5px 5px 5px 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selectize Thin
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/components/form_selectize.scss */
.selectize-thin .selectize-input {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 52, app/assets/stylesheets/components/form_selectize.scss */
.selectize-thin .selectize-dropdown-content .option,
.selectize-thin .selectize-dropdown-content .optgroup-header {
  font-size: 14px;
  padding: 5px 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Specific Implementations of Selectize
/* ===================================================================== */
/* ===================================================================== */
/* Selectize for Categories
======================================================================== */
/* line 66, app/assets/stylesheets/components/form_selectize.scss */
.tall-selectize-dropdown .selectize-dropdown, .tall-selectize-dropdown .selectize-dropdown.form-control {
  height: 40vh;
}

/* line 70, app/assets/stylesheets/components/form_selectize.scss */
.tall-selectize-dropdown .selectize-dropdown-content {
  max-height: 100% !important;
  height: 100% !important;
}

/* line 77, app/assets/stylesheets/components/form_selectize.scss */
.selectize-dropdown-content-max-h-tall .selectize-dropdown-content {
  max-height: 50vh;
}

/* Selectize for Categories
======================================================================== */
/* line 86, app/assets/stylesheets/components/form_selectize.scss */
#event-category-field-container .selectize-dropdown, #event-category-field-container .selectize-dropdown.form-control {
  height: 40vh;
}

/* line 90, app/assets/stylesheets/components/form_selectize.scss */
#event-category-field-container .selectize-dropdown-content {
  max-height: 100% !important;
  height: 100% !important;
}

/* line 95, app/assets/stylesheets/components/form_selectize.scss */
.selectize-category-option {
  padding: 12px;
}

/* line 97, app/assets/stylesheets/components/form_selectize.scss */
.selectize-category-option i {
  margin-right: 7px;
}

/* line 109, app/assets/stylesheets/components/form_selectize.scss */
.selectize-category-selected-option {
  padding: 0px;
}

/* line 111, app/assets/stylesheets/components/form_selectize.scss */
.selectize-category-selected-option i {
  margin-right: 7px;
}

/* Selectize for Lead/Project Dropdown (FinDocs right now)
======================================================================== */
/* line 118, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .selectize-input::after {
  display: none !important;
}

/* line 121, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .selectize-dropdown {
  width: 340px !important;
  box-shadow: 0px 12px 30px 1px rgba(0, 0, 0, 0.47);
  -webkit-box-shadow: 0px 12px 30px 1px rgba(0, 0, 0, 0.47);
  border-radius: 10px;
  overflow: hidden;
  transform: translateY(3px) translateX(-6px);
}

/* line 129, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .selectize-dropdown [data-selectable] .highlight {
  background: #7fb5d840;
  padding: 3px 0px;
}

/* line 133, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .selectize-dropdown-content {
  padding: 0px;
}

/* line 136, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .optgroup::before {
  display: none;
}

/* line 139, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .optgroup-header {
  background-color: #f4f4f4;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 146, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .option {
  padding: 9px 10px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 146, app/assets/stylesheets/components/form_selectize.scss */
  .selectize-for-leads-and-projects .option {
    font-size: 14.5px;
  }
}

/* line 152, app/assets/stylesheets/components/form_selectize.scss */
.selectize-for-leads-and-projects .option.active {
  background-color: #e5f0f9;
}

/* Selectize for Email To/Cc/Bcc
======================================================================== */
/* line 159, app/assets/stylesheets/components/form_selectize.scss */
.selectize-option.selectize-email-lookup-option {
  padding: 5px;
  font-size: 15px;
}

@media (min-width: 576px) {
  /* line 159, app/assets/stylesheets/components/form_selectize.scss */
  .selectize-option.selectize-email-lookup-option {
    padding: 10px 10px;
  }
}

/* line 167, app/assets/stylesheets/components/form_selectize.scss */
.selectize-option.selectize-email-lookup-option .contact-name {
  display: block;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 167, app/assets/stylesheets/components/form_selectize.scss */
  .selectize-option.selectize-email-lookup-option .contact-name {
    display: inline-block;
  }
}

/* line 175, app/assets/stylesheets/components/form_selectize.scss */
.selectize-option.selectize-email-lookup-option .email {
  display: block;
}

@media (min-width: 576px) {
  /* line 175, app/assets/stylesheets/components/form_selectize.scss */
  .selectize-option.selectize-email-lookup-option .email {
    display: inline-block;
    margin-left: 8px;
    color: #858585;
  }
}

/* line 184, app/assets/stylesheets/components/form_selectize.scss */
.selectize-dropdown-footer {
  border-top: 1px solid #e6e6e6;
  padding: 10px;
}

/* Selectize for ContactCompanies
======================================================================== */
/* line 191, app/assets/stylesheets/components/form_selectize.scss */
.selectize-option.selectize-contact-company-option {
  line-height: 100%;
  padding: 5px;
}

@media (min-width: 1200px) {
  /* line 191, app/assets/stylesheets/components/form_selectize.scss */
  .selectize-option.selectize-contact-company-option {
    padding: 8px 12px;
  }
}

/* line 197, app/assets/stylesheets/components/form_selectize.scss */
.selectize-option.selectize-contact-company-option .profile-avatar {
  margin-right: 12px;
}

/* line 201, app/assets/stylesheets/components/form_selectize.scss */
.selectize-item.selectize-contact-company-item {
  vertical-align: middle;
  line-height: 100%;
}

/* line 204, app/assets/stylesheets/components/form_selectize.scss */
.selectize-item.selectize-contact-company-item .profile-avatar {
  margin-right: 12px;
}

/* Selectize for VendorJob index Categories
======================================================================== */
/* line 211, app/assets/stylesheets/components/form_selectize.scss */
.form-group.vendor-job-category-selectize .selectize-input {
  display: block;
  background-color: transparent;
  padding: 8px !important;
  padding-left: 10px !important;
}

/* line 217, app/assets/stylesheets/components/form_selectize.scss */
.form-group.vendor-job-category-selectize .selectize-category-selected-option {
  margin: 0px 8px 0px 0px !important;
  padding: 5px 10px !important;
}

/* Selectize for SmartField dropdown
======================================================================== */
/* line 225, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .selectize-input {
  appearance: none;
  outline-style: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #cccccc;
}

/* line 231, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .selectize-input.dropdown-active {
  background-color: #e0efff;
  border-color: #5591cf;
}

/* line 236, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .selectize-dropdown {
  transform: translateY(6px);
  width: 370px !important;
}

/* line 240, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .selectize-dropdown-content {
  max-height: 300px !important;
  height: 300px !important;
}

/* line 245, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .option-group-header {
  font-size: 14px;
  font-weight: 800;
  color: #727272;
  text-transform: uppercase;
  padding: 7px 15px 9px 15px;
}

@media (min-width: 576px) {
  /* line 245, app/assets/stylesheets/components/form_selectize.scss */
  .form-group.smart-field-selectize .option-group-header {
    font-size: 13.5px;
  }
}

/* line 252, app/assets/stylesheets/components/form_selectize.scss */
.form-group.smart-field-selectize .smart-field-option-style {
  padding: 7px 5px 7px 15px;
}

/* line 256, app/assets/stylesheets/components/form_selectize.scss */
.smart-field-selectize .selectize-dropdown [data-selectable] .highlight {
  background: #7fb5d821;
  padding: 3px 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown always open on focus
/* ===================================================================== */
/* ===================================================================== */
/* line 266, app/assets/stylesheets/components/form_selectize.scss */
.selectize-dropdown-always-open-on-focus .selectize-input.focus.input-active + .selectize-dropdown {
  display: block !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Circle/Check Icon
/* ===================================================================== */
/* ===================================================================== */
/* Icon Styling
======================================================================== */
/* line 9, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .fa-square, .selection-card .fa-check-square, .selection-card .fa-circle, .selection-card .fa-circle-dot {
  font-size: 18px;
  color: #eeeeee;
}

/* Show/Hide
======================================================================== */
/* line 17, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .fa-circle-dot, .selection-card .fa-check-square {
  display: none;
}

/* line 22, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.selected .fa-circle-dot, .selection-card.selected .fa-check-square {
  display: initial;
}

/* line 25, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.selected .fa-circle, .selection-card.selected .fa-square {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Hover State
/* ===================================================================== */
/* ===================================================================== */
/* line 35, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selection Card
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card {
  min-height: 100%;
  background-color: #fff;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #ced4da;
  transition: border-color 0.3s;
}

@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card {
    padding: 25px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Selection Card (Selected)
/* ===================================================================== */
/* ===================================================================== */
/* line 62, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.selected {
  border-color: #529a52;
  box-shadow: 0px 0px 3px 1px #529a5252;
  -webkit-box-shadow: 0px 0px 3px 1px #529a5252;
}

/* line 66, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.selected .fa-circle-dot, .selection-card.selected .fa-check-square {
  color: #529a52;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selection Card (Hover)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 76, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card:not(.selected):hover {
    border-color: #c4c4c4;
  }
  /* line 79, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card:not(.selected):hover .fa-circle {
    color: #c4c4c4;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Option Icon Container
/* ===================================================================== */
/* ===================================================================== */
/* line 90, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .icon-container {
  text-align: center;
  padding: 10px;
}

@media (min-width: 576px) {
  /* line 90, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card .icon-container {
    padding: 20px;
    padding-top: 10px;
  }
}

/* line 97, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .icon-container i {
  font-size: 45px;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card .icon-container i {
    font-size: 54px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Option Description Container
/* ===================================================================== */
/* ===================================================================== */
/* line 110, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .description-container {
  margin-top: 10px;
}

/* Option Title
======================================================================== */
/* line 115, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .description-container .option-title {
  font-size: 16px;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  /* line 115, app/assets/stylesheets/components/form_selection_cards.scss */
  .selection-card .description-container .option-title {
    font-size: 14.5px;
  }
}

/* Description Text
======================================================================== */
/* line 123, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card .description-container p {
  font-size: 14px;
  color: ppd_color_text_grey;
  line-height: 17px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Compressed
/* ===================================================================== */
/* ===================================================================== */
/* line 134, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.compressed {
  padding: 8px;
}

/* line 138, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.compressed .check-icons {
  display: inline-block;
  margin-right: 7px;
}

/* line 143, app/assets/stylesheets/components/form_selection_cards.scss */
.selection-card.compressed .description-container {
  display: inline-block;
  position: relative;
  top: -2px;
}

/* line 1, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler {
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  transition: background-color 0.2s;
}

/* line 8, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler .state-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 12, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler .state-container.on {
  transform: translateY(-50%) translateX(calc(-50% - 3px));
}

/* line 15, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler .state-container.off {
  transform: translateY(-50%) translateX(calc(-50% + 3px));
}

/* line 19, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'] {
  color: #fff;
  background-color: #00ab86;
  border-color: #00ab86;
}

/* line 23, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'] .off {
  display: none;
}

/* line 27, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'] {
  color: #8b8b8b;
  background-color: #f8f9fa;
  border-color: #bdbcbc;
}

/* line 31, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'] .on {
  display: none;
}

/* Disabled
======================================================================== */
/* line 38, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'][data-disabled="true"] {
  background-color: #74c5ad;
  border-color: #74c5ad;
}

/* line 41, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'][data-disabled="true"] .toggle-handle {
  display: none;
}

/* line 44, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'][data-disabled="true"] .state-container.on {
  transform: translateY(-50%) translateX(calc(-50% - 0px));
}

/* line 48, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'][data-disabled="true"] {
  background-color: #f2f2f2;
  color: #a3a3a3;
}

/* line 51, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'][data-disabled="true"] .toggle-handle {
  display: none;
}

/* line 54, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'][data-disabled="true"] .state-container.off {
  transform: translateY(-50%) translateX(calc(-50% - 0px));
}

/* Size
======================================================================== */
/* line 61, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-size="xs"] {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  height: 24px;
}

/* Toggle Handle
======================================================================== */
/* line 70, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler .toggle-handle {
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  width: 15px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid transparent;
}

/* line 80, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='on'] .toggle-handle {
  right: -8px;
  border-color: #00ab86;
}

/* line 84, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-position='off'] .toggle-handle {
  left: -8px;
  border-color: #bdbcbc;
}

/* Hover
======================================================================== */
/* line 91, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-disabled='false']:hover {
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-disabled='false'][data-position='on']:hover {
  background-color: #08c89e;
}

/* line 98, app/assets/stylesheets/components/form_custom_togglers.scss */
.pp-toggler[data-disabled='false'][data-position='off']:hover {
  background-color: #eceff1;
}

/* line 1, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 5, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header h4 {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

/* line 10, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header .right-col {
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/simple_section_headers.scss */
  .simple-section-header {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/components/simple_section_headers.scss */
  .simple-section-header--dekstop-justify-collapse {
    justify-content: initial;
    gap: 32px;
  }
}

/* line 29, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header--with-border-bottom {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}

/* Grey Background
======================================================================== */
/* line 36, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header--grey-background-margin-bottom-sm {
  margin-bottom: 8px;
}

/* line 39, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header--grey-background-margin-bottom-lg {
  margin-bottom: 24px;
}

/* line 43, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header--grey-background {
  background-color: #f9f9f9;
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/components/simple_section_headers.scss */
  .simple-section-header--grey-background {
    border-radius: 8px;
  }
}

/* line 48, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header--grey-background h4 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .15pt;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/components/simple_section_headers.scss */
  .simple-section-header--grey-background h4 {
    font-size: 16.5px;
    font-weight: 500;
  }
}

/* line 61, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background .left-col {
  display: flex;
  align-items: center;
}

/* line 65, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-right: 12px;
}

/* line 72, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4 i {
  margin-right: 12px;
}

/* line 75, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4 i.fa-angle-down {
  opacity: 0.35;
}

/* line 78, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4:before {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: -8px;
  right: -12px;
  bottom: -8px;
  left: -8px;
  border-radius: 8px;
  background-color: #f8f8f8;
  content: "";
  transition: all 0.2s;
}

/* line 91, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4:hover {
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background h4:hover:before {
  opacity: 1;
}

/* line 99, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background .permanent-indicators {
  margin-left: 16px;
  display: flex;
  align-items: center;
}

/* line 103, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background .permanent-indicators .badge:not(:first-child) {
  margin-left: 8px;
}

/* line 108, app/assets/stylesheets/components/simple_section_headers.scss */
.panel--can-collapse .simple-section-header--grey-background .collapsed-indicators {
  opacity: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  transform: translateX(10px);
  width: 0px;
  margin-left: 0px;
  overflow: hidden;
  transition: transform 0.2s;
}

/* line 120, app/assets/stylesheets/components/simple_section_headers.scss */
.panel[data-is-expanded="false"] .simple-section-header--grey-background .collapsed-indicators {
  margin-left: 16px;
  width: initial;
  opacity: 1;
  transform: translateX(0px);
}

/* line 127, app/assets/stylesheets/components/simple_section_headers.scss */
.simple-section-header h4 i.header-icon {
  font-weight: 300;
  margin-right: 16px;
  width: 16px;
  font-size: 18px;
}

@media (min-width: 1200px) {
  /* line 134, app/assets/stylesheets/components/simple_section_headers.scss */
  .simple-section-header---margin-bottom-0 {
    margin-bottom: 0px;
  }
}

/* line 1, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .fa-level-up {
  opacity: 0.4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Two Column Form Sections
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Desktop Guest Fields
/* ===================================================================== */
/* ===================================================================== */
/* line 20, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .desktop-guest-form-grid {
  display: grid;
  column-gap: 8px;
  grid-template-columns: 26px 100px 180px 180px 100px 250px 1fr;
  align-items: center;
}

/* line 27, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .desktop-guest-form-grid .leading-icon {
  font-size: 17px;
}

/* line 31, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .desktop-guest-form-grid button.delete-guest-button {
  font-size: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Guest Relationship Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 41, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #main-guest-relationship-toggle-dropdown .main-guest-relationship-indicator {
  display: none;
}

/* line 44, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #main-guest-relationship-toggle-dropdown[data-relationship='married'] .main-guest-relationship-indicator.married {
  display: inline;
}

/* line 47, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #main-guest-relationship-toggle-dropdown[data-relationship='not_married'] .main-guest-relationship-indicator.not_married {
  display: inline;
}

/* ===================================================================== */
/* ===================================================================== */
/* Second Guest
/* ===================================================================== */
/* ===================================================================== */
/* line 58, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container .second_guest-form-element {
  display: block;
}

/* line 61, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container .second_guest-add-element {
  display: none;
}

/* line 66, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container #no-guest-specified-container {
  grid-column: span 3;
}

/* line 71, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container.no-guest-specified .second_guest-form-element {
  display: none;
}

/* line 74, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container.no-guest-specified .second_guest-add-element {
  display: block;
}

/* line 77, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container.no-guest-specified .plus-one-fields {
  display: none !important;
}

/* line 82, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container .relationship-link-icons {
  opacity: 0.5;
}

/* line 84, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container .relationship-link-icons i.fa-ellipsis-vertical {
  padding-left: 6px;
}

/* Unknown Plus One Form Elements
======================================================================== */
/* line 92, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container[data-is-plus-one="false"] .unknown-plus-one-form-element {
  display: none;
}

/* line 98, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal #second_guest-container input:disabled, #guest_party-modal #second_guest-container select:disabled {
  opacity: 0.4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Guest (Child, Baby, Adult)
/* ===================================================================== */
/* ===================================================================== */
/* line 112, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .sub-guest-row .leading-icon {
  display: none;
}

/* line 115, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .sub-guest-row[data-age-group='child'] .leading-icon--for-child {
  display: block;
}

/* line 118, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .sub-guest-row[data-age-group='baby'] .leading-icon--for-baby {
  display: block;
}

/* line 121, app/assets/stylesheets/components/guest_parties_form_refactor.scss */
#guest_party-modal .sub-guest-row[data-age-group='adult'] .leading-icon--for-adult {
  display: block;
}

/*
  _____  _         _______    _     _        ______
 |  __ \(_)       |__   __|  | |   | |      |  ____|
 | |  | |___   __    | | __ _| |__ | | ___  | |__ ___  _ __ _ __ ___  ___
 | |  | | \ \ / /    | |/ _` | '_ \| |/ _ \ |  __/ _ \| '__| '_ ` _ \/ __|
 | |__| | |\ V /     | | (_| | |_) | |  __/ | | | (_) | |  | | | | | \__ \
 |_____/|_| \_/      |_|\__,_|_.__/|_|\___| |_|  \___/|_|  |_| |_| |_|___/
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Inline Field
 = Shame
 = Select Arrow Styling
* RSVP Status Select Field
*/
/* Notes ===================================================================================================================
============================================================================================================================
These styles are for forms that are within a .div-table.
Example: GuestList > SubEvent page, editing menu_option, guest_list fields
*/
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Inline Field
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* When putting an input or select in a div.td (in a div-table), add the class .inline-field */
/* to the .form-group wrapper containing the field. It will expand the field to fill the div.td */
/* line 32, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.inline-field {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 36, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.inline-field:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(53, 63, 81, 0.48);
  -moz-box-shadow: 0px 0px 5px 0px rgba(53, 63, 81, 0.4);
  box-shadow: 0px 0px 5px 0px rgba(53, 63, 81, 0.48);
}

/* line 41, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.inline-field select, .form-group.inline-field input {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  padding-left: 15px;
  height: initial;
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
  background-color: transparent;
}

/* line 51, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.inline-field select:hover {
  cursor: pointer;
}

/* Select Arrow Styling
=========================================================================================================================*/
/* line 58, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.inline-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shared Styles
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Text input (single line)
/* ===================================================================== */
/* ===================================================================== */
/* line 81, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.input-text-field-inline-table-cell {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 87, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.input-text-field-inline-table-cell input {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 0px;
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  font-size: unset;
}

/* line 95, app/assets/stylesheets/components/div_table_forms.scss */
.form-group.input-text-field-inline-table-cell input:hover, .form-group.input-text-field-inline-table-cell input:focus {
  border: 1px solid #d2d2d2;
  box-shadow: none;
}

/* line 101, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .form-group.input-text-field-inline-table-cell input {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Button expanded in table cell
/* ===================================================================== */
/* ===================================================================== */
/* line 113, app/assets/stylesheets/components/div_table_forms.scss */
button.boot-button-inline-table-cell {
  position: absolute !important;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 0px;
  letter-spacing: unset;
  font-weight: normal;
  font-size: unset;
  transition: all 0s;
}

/* line 122, app/assets/stylesheets/components/div_table_forms.scss */
button.boot-button-inline-table-cell:hover {
  border: 1px solid #d2d2d2;
}

/* line 127, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg button.boot-button-inline-table-cell {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 132, app/assets/stylesheets/components/div_table_forms.scss */
button.boot-button-inline-table-cell.btn-icon-only {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Bootstrap Dropdown expanded in table cell
/* ===================================================================== */
/* ===================================================================== */
/* line 144, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 147, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell button.dropdown-toggle {
  border-radius: 0px;
  letter-spacing: unset;
  font-weight: normal;
  font-size: unset;
  transition: all 0s;
}

/* line 156, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell button.dropdown-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 160, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell.show button.dropdown-toggle,
.btn-group.boot-dropdown-inline-table-cell:hover button.dropdown-toggle {
  border: 1px solid #d2d2d2;
}

/* line 167, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-md .btn-group.boot-dropdown-inline-table-cell button.dropdown-toggle {
  padding-left: 0.65rem 1rem;
  padding-right: 0.65rem 1rem;
}

/* line 173, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .btn-group.boot-dropdown-inline-table-cell button.dropdown-toggle {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 177, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .btn-group.boot-dropdown-inline-table-cell button.dropdown-toggle::after {
  right: 1rem;
}

/* line 181, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell .dropdown-menu {
  border-radius: 12px;
}

/* line 185, app/assets/stylesheets/components/div_table_forms.scss */
td:has(.btn-group.boot-dropdown-inline-table-cell.show) {
  z-index: 4;
}

/* Caret on Hover
======================================================================== */
/* line 193, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell--caret-on-hover button.dropdown-toggle::after {
  opacity: 0;
}

/* line 201, app/assets/stylesheets/components/div_table_forms.scss */
.btn-group.boot-dropdown-inline-table-cell--caret-on-hover:hover button.dropdown-toggle::after,
.btn-group.boot-dropdown-inline-table-cell--caret-on-hover.show button.dropdown-toggle::after {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selectize expand in table cell
/* ===================================================================== */
/* ===================================================================== */
/* line 212, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-control {
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
}

/* line 219, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-input {
  font-size: 16px;
  border-width: 0px;
}

@media (min-width: 576px) {
  /* line 219, app/assets/stylesheets/components/div_table_forms.scss */
  .selectize-inline-table-cell-container .selectize-input {
    font-size: 14.5px;
  }
}

/* line 223, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-input.focus {
  border: 1px solid #d2d2d2;
  box-shadow: none;
  border-radius: 0px;
}

/* line 228, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-input.input-active {
  background-color: #fbfbfb !important;
}

/* line 233, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-dropdown .selectize-dropdown-content {
  height: 20vh;
  max-height: 20vh;
}

/* line 238, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .selectize-dropdown [data-selectable] .highlight {
  background: #7fb5d840;
  padding: 3px 0px;
}

/* line 244, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .selectize-inline-table-cell-container .selectize-input {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 248, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .selectize-inline-table-cell-container .selectize-input::after {
  right: 1rem;
}

/* line 251, app/assets/stylesheets/components/div_table_forms.scss */
table.table.table-lg .selectize-inline-table-cell-container .selectize-dropdown-content .option {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 257, app/assets/stylesheets/components/div_table_forms.scss */
.selectize-inline-table-cell-container .clear-field-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/components/event_and_lead_form.scss */
#new-event-page .new-event-page-form-container,
#new-lead-page .new-lead-page-form-container {
  padding: 0px 24px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/event_and_lead_form.scss */
  #new-event-page .new-event-page-form-container,
#new-lead-page .new-lead-page-form-container {
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/event_and_lead_form.scss */
  #new-event-page .new-event-page-form-container,
#new-lead-page .new-lead-page-form-container {
    max-width: 950px;
  }
}

/* line 14, app/assets/stylesheets/components/event_and_lead_form.scss */
form#new_event .required-asterisk,
form.edit_event .required-asterisk,
form#new_lead_form_submission .required-asterisk {
  color: red;
}

/* line 22, app/assets/stylesheets/components/event_and_lead_form.scss */
form#new_event[data-current-project-mode='lead_mode'] .event-mode-requirement,
form.edit_event[data-current-project-mode='lead_mode'] .event-mode-requirement {
  display: none;
}

/* line 29, app/assets/stylesheets/components/event_and_lead_form.scss */
form#new_event[data-current-project-mode='event_mode'] .lead-mode-requirement,
form.edit_event[data-current-project-mode='event_mode'] .lead-mode-requirement {
  display: none;
}

/* line 35, app/assets/stylesheets/components/event_and_lead_form.scss */
form#new_lead_form_submission .lead-mode-requirement {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Who's Getting Married
/* ===================================================================== */
/* ===================================================================== */
/* line 45, app/assets/stylesheets/components/event_and_lead_form.scss */
form #whos-getting-married-container #wedding-persons-grid {
  display: grid;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/components/event_and_lead_form.scss */
  form #whos-getting-married-container #wedding-persons-grid {
    grid-template-columns: 1fr auto 1fr;
  }
}

/* line 53, app/assets/stylesheets/components/event_and_lead_form.scss */
form #whos-getting-married-container #wedding-persons-grid .ampersand-container {
  text-align: center;
}

/* line 55, app/assets/stylesheets/components/event_and_lead_form.scss */
form #whos-getting-married-container #wedding-persons-grid .ampersand-container i {
  color: #727272;
  font-size: 30px;
  font-weight: 300;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/components/event_and_lead_form.scss */
  form #whos-getting-married-container #wedding-persons-grid .ampersand-container i {
    font-size: 20px;
    font-weight: 300;
  }
}

/* Default Button Options */
/* line 2, app/assets/stylesheets/components/buttons.scss */
.btn {
  font-weight: 550;
  font-size: 14px;
  padding: .65rem .75rem;
  border-width: 1px;
  letter-spacing: .3pt;
  border-radius: 8px;
}

/* line 10, app/assets/stylesheets/components/buttons.scss */
.btn:hover {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/components/buttons.scss */
.btn:active {
  outline: none;
  box-shadow: none;
}

/* line 17, app/assets/stylesheets/components/buttons.scss */
.btn:focus {
  outline: none;
  box-shadow: none;
}

/* line 23, app/assets/stylesheets/components/buttons.scss */
.btn-xs {
  padding: 8px;
  border-radius: 6px;
  line-height: .5;
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/components/buttons.scss */
  .btn-xs {
    padding: 6px 8px;
  }
}

/* line 32, app/assets/stylesheets/components/buttons.scss */
.btn-sm {
  border-radius: 8px;
  padding: 7px 9px;
}

/* line 35, app/assets/stylesheets/components/buttons.scss */
.btn-sm:hover {
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/components/buttons.scss */
.btn-xl {
  padding: 16px 25px;
  font-size: 15px;
}

/* line 43, app/assets/stylesheets/components/buttons.scss */
.btn-xl:hover {
  cursor: pointer;
}

/* line 48, app/assets/stylesheets/components/buttons.scss */
.btn-xxl {
  padding: 18px 25px;
  font-size: 16px;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/components/buttons.scss */
  .btn-xxl {
    padding: 20px 30px;
    font-size: 17px;
    border-radius: .4rem;
  }
  /* line 55, app/assets/stylesheets/components/buttons.scss */
  .btn-xxl:hover {
    cursor: pointer;
  }
}

/* Icons in Buttons */
/* line 63, app/assets/stylesheets/components/buttons.scss */
.btn .fa, .btn .fal, .btn .fas, .btn .far {
  margin-right: 5px;
}

/* line 67, app/assets/stylesheets/components/buttons.scss */
.btn.btn-right-icon .fa, .btn.btn-right-icon .fal, .btn.btn-right-icon .fas, .btn.btn-right-icon .far {
  margin-right: 0px;
  margin-left: 5px;
}

/* line 73, app/assets/stylesheets/components/buttons.scss */
.btn.btn-icon-only .fa, .btn.btn-icon-only .fal, .btn.btn-icon-only .fas, .btn.btn-icon-only .far {
  margin-right: 2px;
  margin-left: 2px;
}

/* line 85, app/assets/stylesheets/components/buttons.scss */
.btn-full-width {
  width: 100%;
}

/* line 89, app/assets/stylesheets/components/buttons.scss */
.btn-primary {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}

/* line 92, app/assets/stylesheets/components/buttons.scss */
.btn-primary:hover, .btn-primary:disabled, .btn-primary.disabled {
  background-color: #4e4e4e;
  border-color: #4e4e4e;
}

/* line 96, app/assets/stylesheets/components/buttons.scss */
.btn-primary:disabled {
  cursor: not-allowed;
}

/* line 99, app/assets/stylesheets/components/buttons.scss */
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #4e4e4e;
  border-color: #4e4e4e;
}

/* line 105, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg.disabled, .btn-secondary--white-bg:disabled {
  background-color: #fff;
  color: #616161;
  border-color: #d3d3d3;
  border-style: solid;
  opacity: 0.6;
}

/* line 111, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg.disabled:hover, .btn-secondary--white-bg:disabled:hover {
  cursor: not-allowed;
}

/* line 116, app/assets/stylesheets/components/buttons.scss */
.btn-secondary, .btn-secondary.dropdown-toggle, .show > .btn-secondary.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  color: #616161;
  border-color: #d3d3d3;
  border-style: solid;
}

/* line 121, app/assets/stylesheets/components/buttons.scss */
.btn-secondary:hover, .btn-secondary.dropdown-toggle:hover, .show > .btn-secondary.dropdown-toggle:hover {
  background-color: transparent;
  border-color: teal;
  color: teal;
}

/* line 126, app/assets/stylesheets/components/buttons.scss */
.btn-secondary.selected, .btn-secondary.dropdown-toggle.selected, .show > .btn-secondary.dropdown-toggle.selected {
  background-color: #4a6379;
  color: #ffffff;
}

/* line 130, app/assets/stylesheets/components/buttons.scss */
.btn-secondary:active, .btn-secondary.dropdown-toggle:active, .show > .btn-secondary.dropdown-toggle:active {
  background-color: transparent !important;
  border-color: teal !important;
  color: teal !important;
}

/* line 137, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--shadow-emphasis {
  box-shadow: 0px 1px 7px 1px #0000001f;
  -webkit-box-shadow: 0px 1px 7px 1px #0000001f;
}

/* line 142, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg, .btn-secondary--white-bg.dropdown-toggle {
  background-color: #fff;
}

/* line 144, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg:hover, .btn-secondary--white-bg.dropdown-toggle:hover {
  background-color: #fff;
}

/* line 150, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg-muted, .btn-secondary--white-bg-muted.dropdown-toggle {
  background-color: #fff;
}

/* line 152, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--white-bg-muted:hover, .btn-secondary--white-bg-muted.dropdown-toggle:hover {
  background-color: #fff;
}

@media (min-width: 1200px) {
  /* line 150, app/assets/stylesheets/components/buttons.scss */
  .btn-secondary--white-bg-muted, .btn-secondary--white-bg-muted.dropdown-toggle {
    border-color: #ececec;
    color: #929292;
    background-color: #fff;
    font-weight: normal;
  }
  /* line 160, app/assets/stylesheets/components/buttons.scss */
  .btn-secondary--white-bg-muted:hover, .btn-secondary--white-bg-muted.dropdown-toggle:hover {
    background-color: #fff;
  }
}

/* line 166, app/assets/stylesheets/components/buttons.scss */
.btn-secondary--danger-hover:hover {
  border-color: #a21515;
  color: #a21515;
}

/* line 171, app/assets/stylesheets/components/buttons.scss */
.btn-blank {
  background-color: #edf2f6;
  border-color: #edf2f6;
}

/* line 174, app/assets/stylesheets/components/buttons.scss */
.btn-blank:hover {
  background-color: #edf2f6;
  border-color: #f1f5f8;
}

/* line 180, app/assets/stylesheets/components/buttons.scss */
.btn-transparent {
  background-color: transparent;
  border-color: transparent;
}

@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/components/buttons.scss */
  .btn-transparent:hover {
    background-color: #edf2f6;
    border-color: #f1f5f8;
  }
}

/* line 191, app/assets/stylesheets/components/buttons.scss */
.btn-danger {
  background-color: #a21515;
  border-color: #a21515;
}

/* line 194, app/assets/stylesheets/components/buttons.scss */
.btn-danger:hover, .btn-danger:disabled, .btn-danger.disabled {
  background-color: #b83c3c;
  border-color: #b83c3c;
}

/* line 198, app/assets/stylesheets/components/buttons.scss */
.btn-danger:disabled {
  cursor: not-allowed;
}

/* line 203, app/assets/stylesheets/components/buttons.scss */
.btn-danger-outline {
  background-color: transparent;
  border-color: #a21515;
  color: #a21515;
}

/* line 207, app/assets/stylesheets/components/buttons.scss */
.btn-danger-outline:hover {
  background-color: #fff2f2;
  color: #a21515;
}

/* line 213, app/assets/stylesheets/components/buttons.scss */
.btn-soft-red {
  background-color: #a21515;
  border-color: #a21515;
  color: #fff;
}

/* line 217, app/assets/stylesheets/components/buttons.scss */
.btn-soft-red:hover {
  color: #fff;
  background-color: #be2a2a;
  border-color: #be2a2a;
}

/* line 224, app/assets/stylesheets/components/buttons.scss */
.btn-light-grey {
  background-color: #efefef;
  border-color: #efefef;
  color: #8f8f8f;
}

/* line 228, app/assets/stylesheets/components/buttons.scss */
.btn-light-grey:hover {
  background-color: #eaeaea;
  border-color: #eaeaea;
}

/* line 232, app/assets/stylesheets/components/buttons.scss */
.btn-light-grey:disabled {
  cursor: not-allowed;
}

/* line 237, app/assets/stylesheets/components/buttons.scss */
.btn-light-grey-outline {
  background-color: transparent;
  border-color: #e1e1e1;
  color: #7e7e7e;
}

/* line 241, app/assets/stylesheets/components/buttons.scss */
.btn-light-grey-outline:hover {
  color: #7e7e7e;
  background-color: #f6f6f6;
}

/* line 247, app/assets/stylesheets/components/buttons.scss */
.btn-green {
  background-color: #408c40;
  border-color: #408c40;
  color: #fff;
}

/* line 251, app/assets/stylesheets/components/buttons.scss */
.btn-green:hover {
  color: #fff;
  background-color: #236723;
  border-color: 236723;
}

/* line 258, app/assets/stylesheets/components/buttons.scss */
.btn-group.show .btn-light-grey-outline {
  color: #7e7e7e;
  background-color: #f6f6f6;
  border-color: #acacac;
}

/* line 264, app/assets/stylesheets/components/buttons.scss */
.btn-dark-grey {
  background-color: #dedede;
  border-color: #dedede;
  color: #7b7b7b;
}

/* line 268, app/assets/stylesheets/components/buttons.scss */
.btn-dark-grey:hover {
  background-color: #efefef;
  border-color: #efefef;
  color: #6a6868;
}

/* line 275, app/assets/stylesheets/components/buttons.scss */
.btn-muted-blue {
  background-color: #d0d8de;
  border-color: #d0d8de;
  color: #4e5f6a;
}

/* line 279, app/assets/stylesheets/components/buttons.scss */
.btn-muted-blue:hover {
  background-color: #d8e7f0;
  border-color: #d8e7f0;
  color: #4e4e4e;
}

/* line 286, app/assets/stylesheets/components/buttons.scss */
.btn-gentle-blue {
  background-color: transparent;
  border-color: transparent;
  color: #4e5f6a;
}

/* line 290, app/assets/stylesheets/components/buttons.scss */
.btn-gentle-blue:hover {
  background-color: #d8e7f0;
  border-color: #d8e7f0;
  color: #4e4e4e;
}

/* line 297, app/assets/stylesheets/components/buttons.scss */
.btn-orange {
  background-color: #cb9112;
  border-color: #cb9112;
  color: #fff;
}

/* line 301, app/assets/stylesheets/components/buttons.scss */
.btn-orange:hover {
  background-color: #e6ad30;
  border-color: #e6ad30;
  color: #fff;
}

/* line 308, app/assets/stylesheets/components/buttons.scss */
.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #464646;
}

/* line 312, app/assets/stylesheets/components/buttons.scss */
.btn-white:hover, .btn-white[aria-expanded='true'] {
  background-color: #dee0e2;
  border-color: #dee0e2;
  color: #464646;
}

/* line 319, app/assets/stylesheets/components/buttons.scss */
.btn-link {
  background-color: transparent;
  border-color: transparent;
  color: teal;
}

/* line 323, app/assets/stylesheets/components/buttons.scss */
.btn-link:hover, .btn-link:focus, .btn-link[aria-expanded='true'] {
  background-color: transparent;
  border-color: teal;
  color: teal;
  text-decoration: none;
}

/* line 331, app/assets/stylesheets/components/buttons.scss */
.btn-link-light-grey-hover {
  background-color: transparent;
  border-color: transparent;
  color: teal;
}

/* line 335, app/assets/stylesheets/components/buttons.scss */
.btn-link-light-grey-hover:hover, .btn-link-light-grey-hover[aria-expanded='true'] {
  background-color: #f5f5f5;
  border-color: transparent;
  color: teal;
  text-decoration: none;
}

/* line 343, app/assets/stylesheets/components/buttons.scss */
.btn-solid-secondary {
  color: #fff;
  background-color: #2a4454;
  border-color: #2a4454;
}

/* line 347, app/assets/stylesheets/components/buttons.scss */
.btn-solid-secondary:hover, .btn-solid-secondary:disabled {
  color: #fff;
  background-color: #2b556f;
  border-color: #2b556f;
}

/* line 352, app/assets/stylesheets/components/buttons.scss */
.btn-solid-secondary:disabled {
  cursor: not-allowed;
}

/* line 357, app/assets/stylesheets/components/buttons.scss */
.btn-ad-hoc-and-sharing-button {
  background-color: #fff;
  border: 1px dashed #bfbfbf;
  color: #737373;
}

/* line 50, app/assets/stylesheets/base/mixins.scss */
.btn-ad-hoc-and-sharing-button:hover {
  color: teal;
  border-color: teal;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shimmer Primary
/* ===================================================================== */
/* ===================================================================== */
/* line 366, app/assets/stylesheets/components/buttons.scss */
.btn-primary-shimmer {
  animation: shimmer_btn_primary 2s infinite;
  background: linear-gradient(to right, #00ab86 0%, #00c096 11%, #00ab86 40%);
  background-size: 1000px 100%;
  background-color: #00c89c;
}

/* line 371, app/assets/stylesheets/components/buttons.scss */
.btn-primary-shimmer:hover {
  background: none;
  background-color: #00c89c;
}

@keyframes shimmer_btn_primary {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Underline
/* ===================================================================== */
/* ===================================================================== */
/* line 391, app/assets/stylesheets/components/buttons.scss */
.btn--underlined {
  border-color: transparent;
  text-decoration: underline;
  text-underline-offset: 30%;
  text-decoration-thickness: 1.5px;
}

/* Caret
======================================================================== */
/* line 4, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-toggle.no-caret::after {
  display: none;
}

/* line 10, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-toggle.caret-right-align::after {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* Dropdown Toggle Alignment
======================================================================== */
/* line 19, app/assets/stylesheets/components/dropdowns.scss */
button.dropdown-toggle.left-align {
  text-align: left;
}

/* line 22, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu.center-align {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 100% !important;
}

/* Full Width Dropdown
======================================================================== */
/* line 31, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-full-width button.dropdown-toggle {
  width: 100%;
}

/* line 34, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-full-width .dropdown-menu {
  width: 100%;
}

/* line 37, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-full-width .dropdown-menu .dropdown-item {
  white-space: normal;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu, .dropdown-menu-styling {
  box-shadow: 0px 2px 7px 2px #0000002e;
  -webkit-box-shadow: 0px 2px 7px 2px #0000002e;
  border-radius: 15px;
  border-color: #cfcfcf;
}

@media (max-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-menu, .dropdown-menu-styling {
    min-width: 220px;
  }
}

/* line 55, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item:hover, .dropdown-menu-styling .dropdown-item:hover {
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu--strong-shadow,
.mobile-action-bar .dropdown-menu {
  box-shadow: -2px 11px 36px 2px #000000ad;
  webkit-box-shadow: -2px 11px 36px 2px #000000ad;
}

/* line 66, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu--medium-shadow {
  box-shadow: -2px 11px 36px 2px #0000005e;
  webkit-box-shadow: -2px 11px 36px 2px #0000005e;
}

/* line 71, app/assets/stylesheets/components/dropdowns.scss */
.desktop-action-bar .dropdown-menu {
  box-shadow: 0px 9px 18px 2px #00000040;
  -webkit-box-shadow: 0px 9px 18px 2px #00000040;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Title
/* ===================================================================== */
/* ===================================================================== */
/* line 81, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-title {
  padding: 16px 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Header
/* ===================================================================== */
/* ===================================================================== */
/* line 90, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-header {
  padding: 16px 24px;
  margin: 8px 0px;
  background-color: #f7f7f7;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 90, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-menu .dropdown-header {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 90, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-menu .dropdown-header {
    padding: 12px 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Items
/* ===================================================================== */
/* ===================================================================== */
/* Bootstrap override */
/* line 106, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-item {
  padding: 20px 16px;
  font-size: 16px;
  margin-left: 8px;
  margin-right: 8px;
  width: initial;
  border-radius: 10px;
}

@media (min-width: 576px) {
  /* line 106, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-item {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 106, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-item {
    padding: 0.75rem 1.5rem;
    padding-left: 16px;
  }
}

/* line 117, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-item:hover {
  background-color: #f5f5f5;
}

/* line 121, app/assets/stylesheets/components/dropdowns.scss */
button.dropdown-item {
  width: calc(100% - 16px);
  border-radius: 10px;
}

/* Dropdown Menu with Item Dividers
======================================================================== */
/* line 128, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu.with-light-dividers .dropdown-item {
  border-bottom: 1px solid #f0f0f0;
}

/* line 130, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu.with-light-dividers .dropdown-item:last-child {
  border-bottom: 0px;
}

/* line 135, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item i {
  margin-right: 8px;
}

/* line 139, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.item-with-warning {
  color: #a21515;
}

/* line 141, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.item-with-warning:hover {
  background-color: #fff4f4;
}

/* line 146, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.btn-primary {
  color: #fff;
}

/* line 150, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--compact {
  padding: 0.6rem 0.6rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Item Single Select
/* ===================================================================== */
/* ===================================================================== */
/* line 159, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 16px;
  gap: 24px;
  white-space: normal;
  align-items: center;
}

/* line 168, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select i.toggle-icon {
  margin: 0px;
  font-size: 22px;
}

/* line 173, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select i.toggle-icon--unselected {
  opacity: 0.4;
}

/* line 177, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select[data-selected="true"] i.toggle-icon--unselected {
  display: none;
}

/* line 180, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select[data-selected="false"] i.toggle-icon--selected {
  display: none;
}

/* line 185, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select--slim {
  padding: 12px 16px;
}

@media (min-width: 1200px) {
  /* line 185, app/assets/stylesheets/components/dropdowns.scss */
  .dropdown-menu .dropdown-item.dropdown-item--single-select--slim {
    padding: 8px 16px;
  }
}

/* line 190, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--single-select--slim i.toggle-icon {
  font-size: 16px;
}

/* line 195, app/assets/stylesheets/components/dropdowns.scss */
.dropdown-menu .dropdown-item.dropdown-item--selected-has-background.selected {
  background-color: #efefef;
}

/* line 1, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container {
  display: flex;
  justify-content: end;
  align-items: center;
}

/* line 7, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  position: relative;
  transition: all 0.2s;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  outline: none;
  appearance: none;
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon {
    width: 30px;
    height: 30px;
  }
}

/* line 22, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon:not(:first-child) {
  margin-left: 9px;
}

@media (min-width: 1200px) {
  /* line 25, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon:hover {
    cursor: pointer;
    border-color: teal;
  }
  /* line 29, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon:hover i {
    color: teal;
  }
}

/* line 34, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon[aria-expanded='true'] {
  cursor: pointer;
  border-color: teal;
}

/* line 37, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon[aria-expanded='true'] i {
  color: teal;
}

/* line 43, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon--borderless {
  border-color: transparent;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon-danger:hover {
    cursor: pointer;
    border-color: #a21515;
    background-color: #fff4f4;
  }
  /* line 53, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon-danger:hover i {
    color: #a21515;
  }
}

/* line 58, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon-danger[aria-expanded='true'] {
  cursor: pointer;
  border-color: #a21515;
  background-color: #fff4f4;
}

/* line 62, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon-danger[aria-expanded='true'] i {
  color: #a21515;
}

/* line 68, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.action-icon--disabled {
  opacity: 0.5;
}

/* line 70, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.action-icon--disabled:hover {
  cursor: not-allowed;
}

/* line 75, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .btn-group:not(:first-child) {
  margin-left: 9px;
}

/* line 78, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container button.action-icon .fa-ellipsis-vertical {
  font-size: 19px;
}

/* line 82, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #616161;
  font-weight: 400;
  font-size: 15px;
  transition: all 0.2s;
}

/* With Text Label
======================================================================== */
/* line 92, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.with-text-label {
  width: unset;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 98, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.with-text-label i {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  margin-right: 8px;
}

/* line 105, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.with-text-label .text-label {
  letter-spacing: .3pt;
  font-size: 14px;
  font-weight: 550;
  color: #616161;
}

@media (min-width: 576px) {
  /* line 105, app/assets/stylesheets/components/standard_action_icons.scss */
  .standard-action-icons-container .action-icon.with-text-label .text-label {
    font-size: 13.5px;
  }
}

/* line 113, app/assets/stylesheets/components/standard_action_icons.scss */
.standard-action-icons-container .action-icon.with-text-label:hover .text-label {
  color: teal;
}

/* line 1, app/assets/stylesheets/components/badges.scss */
.badge {
  font-weight: normal;
}

/* line 5, app/assets/stylesheets/components/badges.scss */
.badge-full-width {
  width: 100%;
}

/* line 9, app/assets/stylesheets/components/badges.scss */
.badge-primary {
  background-color: #00ab86;
  border-color: #00ab86;
}

/* Light Grey
======================================================================== */
/* line 16, app/assets/stylesheets/components/badges.scss */
.badge-light-grey {
  background-color: #efefef;
  border-color: #efefef;
}

/* line 25, app/assets/stylesheets/components/badges.scss */
.badge-light-grey-outline {
  border: 1px solid #ababab;
  background-color: #f8f8f8;
  color: #5d5d5d;
}

/* Dark Grey
======================================================================== */
/* line 33, app/assets/stylesheets/components/badges.scss */
.badge-dark-grey {
  background-color: #797979;
  color: #fff;
}

/* Green
======================================================================== */
/* line 44, app/assets/stylesheets/components/badges.scss */
.badge-green {
  background-color: #e2f5df;
  color: #39742f;
}

/* Blue (White Text)
======================================================================== */
/* line 55, app/assets/stylesheets/components/badges.scss */
.badge-blue-white-text {
  background-color: #3996ae;
  color: #fff;
}

/* line 64, app/assets/stylesheets/components/badges.scss */
.badge-blue-outline {
  border: 1px solid #a2d9e7;
  background-color: #ebfbff;
  color: #0c5163;
}

/* Dark Blue
======================================================================== */
/* line 72, app/assets/stylesheets/components/badges.scss */
.badge-dark-blue {
  background-color: #3985a8;
  color: #fff;
}

/* Orange
======================================================================== */
/* line 83, app/assets/stylesheets/components/badges.scss */
.badge-orange {
  background-color: #bc8637;
  color: #fff;
}

/* Red
======================================================================== */
/* line 94, app/assets/stylesheets/components/badges.scss */
.badge-red {
  background-color: #d83a3a;
  color: #fff;
}

/* SoftRed
======================================================================== */
/* line 105, app/assets/stylesheets/components/badges.scss */
.badge-soft-red {
  background-color: #c66060;
  color: #fff;
}

/* line 114, app/assets/stylesheets/components/badges.scss */
.badge-soft-red-outline {
  border: 1px solid #e0b2b2;
  color: #a21515;
  background-color: #fff6f6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Badges Sizes
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 125, app/assets/stylesheets/components/badges.scss */
  .badge-xs {
    font-size: 60%;
  }
}

/* line 130, app/assets/stylesheets/components/badges.scss */
.badge-sm {
  font-size: 12px;
  padding: .40em .5em;
}

/* line 135, app/assets/stylesheets/components/badges.scss */
.badge-md {
  padding: .50em .6em;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 135, app/assets/stylesheets/components/badges.scss */
  .badge-md {
    font-size: 12.5px;
  }
}

/* line 140, app/assets/stylesheets/components/badges.scss */
.badge-lg {
  font-size: 16px;
  padding: .60em .7em;
}

/* line 145, app/assets/stylesheets/components/badges.scss */
.badge-xl {
  font-size: 18px;
  padding: .75em .8em;
}

/* line 1, app/assets/stylesheets/components/pagination.scss */
.pagination-container {
  margin-top: 32px;
  padding-left: 29px;
}

/* line 6, app/assets/stylesheets/components/pagination.scss */
.pagination {
  gap: 8px;
}

/* line 11, app/assets/stylesheets/components/pagination.scss */
.pagination a, .pagination em, .pagination .ga, .pagination span {
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  /* line 18, app/assets/stylesheets/components/pagination.scss */
  .pagination a, .pagination .gap {
    display: none;
  }
  /* line 21, app/assets/stylesheets/components/pagination.scss */
  .pagination .current, .pagination .previous_page, .pagination .next_page {
    display: flex;
  }
}

/* line 28, app/assets/stylesheets/components/pagination.scss */
.pagination a, .pagination em, .pagination .gap, .pagination span {
  padding: 12px 16px;
  background-color: #fff;
  color: #2f2f2f;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 28, app/assets/stylesheets/components/pagination.scss */
  .pagination a, .pagination em, .pagination .gap, .pagination span {
    font-size: 14.5px;
  }
}

/* line 38, app/assets/stylesheets/components/pagination.scss */
.pagination em.current {
  font-style: normal;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
  color: #fff;
  font-weight: 600;
}

/* line 44, app/assets/stylesheets/components/pagination.scss */
.pagination em.current:hover {
  cursor: default;
}

/* line 49, app/assets/stylesheets/components/pagination.scss */
.pagination a:hover {
  background-color: #f8f8f8;
}

/* line 53, app/assets/stylesheets/components/pagination.scss */
.pagination span.disabled {
  color: #c0c0c0;
  border-color: #f0f0f0;
}

/* line 56, app/assets/stylesheets/components/pagination.scss */
.pagination span.disabled:hover {
  cursor: default;
}

/* line 1, app/assets/stylesheets/components/modals.scss */
.modal .modal-content {
  background-color: #fdfdfd;
  overflow: hidden;
  border-radius: 18px;
  border-color: transparent;
  box-shadow: 0px 0px 28px 1px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0px 0px 28px 1px rgba(0, 0, 0, 0.14);
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/modals.scss */
  .modal .modal-content {
    border-radius: 2rem;
  }
}

/* line 13, app/assets/stylesheets/components/modals.scss */
.modal .modal-header {
  position: relative;
  padding: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 48px;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/components/modals.scss */
  .modal .modal-header {
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
    padding: 22px 35px;
    padding-bottom: 16px;
  }
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/components/modals.scss */
  .modal .modal-header {
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
  }
}

/* line 36, app/assets/stylesheets/components/modals.scss */
.modal .modal-header.white-bg {
  background-color: #fff;
}

/* line 40, app/assets/stylesheets/components/modals.scss */
.modal .modal-header-grey {
  background-color: #f4f4f4;
}

/* line 44, app/assets/stylesheets/components/modals.scss */
.modal .modal-body {
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/components/modals.scss */
  .modal .modal-body {
    padding: 35px;
  }
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/components/modals.scss */
  .modal .modal-body {
    padding: 48px;
  }
}

/* line 61, app/assets/stylesheets/components/modals.scss */
.modal .modal-body.white-bg {
  background-color: #fff;
}

/* line 65, app/assets/stylesheets/components/modals.scss */
.modal .modal-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 65, app/assets/stylesheets/components/modals.scss */
  .modal .modal-title {
    font-size: 21px;
    line-height: 1.3;
  }
}

/* line 75, app/assets/stylesheets/components/modals.scss */
.modal .modal-title--secondary-sm {
  display: block;
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/components/modals.scss */
  .modal .modal-title--secondary-sm {
    font-size: 13.5px;
  }
}

/* line 81, app/assets/stylesheets/components/modals.scss */
.modal .modal-title--secondary-md {
  display: block;
  color: #727272;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 81, app/assets/stylesheets/components/modals.scss */
  .modal .modal-title--secondary-md {
    font-size: 14.5px;
  }
}

/* line 87, app/assets/stylesheets/components/modals.scss */
.modal .modal-footer {
  margin-top: 15px;
}

@media (min-width: 1200px) {
  /* line 91, app/assets/stylesheets/components/modals.scss */
  .modal-md {
    max-width: 450px;
  }
}

/* line 97, app/assets/stylesheets/components/modals.scss */
.modal-600 {
  width: 600px;
  max-width: 95vw;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 104, app/assets/stylesheets/components/modals.scss */
  .modal-lg {
    max-width: 721px;
  }
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/components/modals.scss */
  .modal-xl {
    max-width: 1026px;
  }
}

@media (min-width: 576px) {
  /* line 116, app/assets/stylesheets/components/modals.scss */
  .modal .extra-wide {
    width: 90%;
    max-width: initial;
  }
}

@media (min-width: 1200px) {
  /* line 116, app/assets/stylesheets/components/modals.scss */
  .modal .extra-wide {
    width: 855px;
    max-width: initial;
  }
}

@media (min-width: 576px) {
  /* line 127, app/assets/stylesheets/components/modals.scss */
  .modal .more-extra-wide {
    width: 90%;
    max-width: initial;
  }
}

@media (min-width: 1200px) {
  /* line 127, app/assets/stylesheets/components/modals.scss */
  .modal .more-extra-wide {
    width: 1080px;
    max-width: initial;
  }
}

@media (min-width: 576px) {
  /* line 138, app/assets/stylesheets/components/modals.scss */
  .modal .even-more-extra-wide {
    width: 90%;
    max-width: initial;
  }
}

@media (min-width: 1200px) {
  /* line 138, app/assets/stylesheets/components/modals.scss */
  .modal .even-more-extra-wide {
    width: 1296px;
    max-width: initial;
  }
}

@media (min-width: 576px) {
  /* line 149, app/assets/stylesheets/components/modals.scss */
  .modal .super-wide {
    width: 90%;
    max-width: 1480px;
  }
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/components/modals.scss */
  .modal .full-screen {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}

/* line 166, app/assets/stylesheets/components/modals.scss */
.modal .custom-modal-footer {
  position: relative;
}

/* Close Button
=========================================================================================================================*/
/* line 172, app/assets/stylesheets/components/modals.scss */
.modal .modal-header button.close {
  padding: 12px 24px;
  margin: 0px;
  font-size: 35px;
  font-weight: 100;
  opacity: 0.4;
  transition: all 0.2s;
  text-align: right;
  right: 0px;
}

@media (min-width: 1200px) {
  /* line 172, app/assets/stylesheets/components/modals.scss */
  .modal .modal-header button.close {
    margin: -1rem -1rem -1rem auto;
    padding: 12px;
    position: initial;
    transform: initial;
  }
}

/* line 190, app/assets/stylesheets/components/modals.scss */
.modal .modal-header button.close {
  padding: 0px;
  margin: 0px;
}

/* line 193, app/assets/stylesheets/components/modals.scss */
.modal .modal-header button.close:focus, .modal .modal-header button.close:focus-within {
  outline: none !important;
}

/* line 198, app/assets/stylesheets/components/modals.scss */
.modal .modal-header button.close--align-start {
  align-self: start;
}

/* Modal Low Opacity Backdrop
(the .low-opacity class needs to be added with JS, example is in
events/vendors/vendor_job_category_assignments/new.js.erb)
======================================================================== */
/* line 206, app/assets/stylesheets/components/modals.scss */
.modal-backdrop.low-opacity {
  opacity: .1;
}

/* line 209, app/assets/stylesheets/components/modals.scss */
.modal-backdrop.high-opacity {
  opacity: .85;
}

/* ===================================================================== */
/* ===================================================================== */
/* Button Tray
/* ===================================================================== */
/* ===================================================================== */
/* line 218, app/assets/stylesheets/components/modals.scss */
.modal .modal-button-tray,
#snap-loader .modal-button-tray {
  text-align: right;
  margin-top: 48px;
}

/* line 222, app/assets/stylesheets/components/modals.scss */
.modal .modal-button-tray .btn,
#snap-loader .modal-button-tray .btn {
  margin-left: 8px;
}

/* line 227, app/assets/stylesheets/components/modals.scss */
.modal .full-width-modal-button-tray,
#snap-loader .full-width-modal-button-tray {
  margin-top: 48px;
}

/* line 230, app/assets/stylesheets/components/modals.scss */
.modal .full-width-modal-button-tray button:not(:first-child),
#snap-loader .full-width-modal-button-tray button:not(:first-child) {
  margin-top: 16px;
}

/* line 233, app/assets/stylesheets/components/modals.scss */
.modal .full-width-modal-button-tray button,
#snap-loader .full-width-modal-button-tray button {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Right Justified Modal
/* ========================================================================================================================= */
/* ========================================================================================================================= */
@media (min-width: 576px) {
  /* line 248, app/assets/stylesheets/components/modals.scss */
  .modal.right-justified-modal .modal-content {
    position: fixed;
    right: 0px;
    width: 540px;
    top: 0px;
    bottom: 0px;
    border: 0px;
    border-radius: 0px;
    overflow: scroll;
  }
  /* line 258, app/assets/stylesheets/components/modals.scss */
  .modal.right-justified-modal .modal-header {
    position: fixed;
    right: 0;
    top: 0px;
    background-color: #fff;
    width: 540px;
    z-index: 1;
    border-radius: 0px;
    box-shadow: #0000003d 0px 2px 8px;
  }
  /* line 268, app/assets/stylesheets/components/modals.scss */
  .modal.right-justified-modal .modal-body {
    padding-top: 80px;
  }
}

/* line 272, app/assets/stylesheets/components/modals.scss */
.modal.right-justified-modal .submit-button {
  background-color: transparent;
  padding: 0px;
  border: 0px;
  color: teal;
}

@media (min-width: 576px) {
  /* line 282, app/assets/stylesheets/components/modals.scss */
  .modal.right-justified-modal.narrow-width .modal-content {
    width: 350px;
  }
  /* line 285, app/assets/stylesheets/components/modals.scss */
  .modal.right-justified-modal.narrow-width .modal-header {
    width: 350px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Full Height Scroll Modal
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 296, app/assets/stylesheets/components/modals.scss */
  .modal.full-height-scroll-modal .modal-body {
    height: calc(100vh - 120px);
    overflow-y: scroll;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Modal Overflow Visible
/* ===================================================================== */
/* ===================================================================== */
/* line 309, app/assets/stylesheets/components/modals.scss */
.modal.modal-overflow-visible .modal-content {
  overflow: visible;
}

/* ===================================================================== */
/* ===================================================================== */
/* Modal Context Scroll Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 319, app/assets/stylesheets/components/modals.scss */
.modal-context-scroll-dropdown {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 2;
  transform: translateY(-100%);
  transition: 0.5s;
}

/* line 329, app/assets/stylesheets/components/modals.scss */
.modal-context-scroll-dropdown.open {
  transform: translateY(0%);
}

/* line 333, app/assets/stylesheets/components/modals.scss */
.modal-context-scroll-dropdown .info-container {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  padding: 15px;
  background-color: #f9f9f9;
}

/* line 341, app/assets/stylesheets/components/modals.scss */
.modal-context-scroll-dropdown.dropdown-modal-xl .info-container {
  max-width: 1024px;
}

/* line 345, app/assets/stylesheets/components/modals.scss */
.modal-context-scroll-dropdown.dropdown-modal-lg.dropdown-modal-more-extra-wide .info-container {
  max-width: 1078px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Modal Dialog Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 354, app/assets/stylesheets/components/modals.scss */
.modal .modal-content .modal-dialog-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 30;
  background-color: #ffffffb3;
  opacity: 0;
  transition: opacity 0.2s;
  border-radius: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  /* line 354, app/assets/stylesheets/components/modals.scss */
  .modal .modal-content .modal-dialog-overlay {
    border-radius: 2rem;
  }
}

/* line 367, app/assets/stylesheets/components/modals.scss */
.modal .modal-content .modal-dialog-overlay .dialog-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  background-color: #fff;
  border-radius: 6px;
  padding: 15px;
  width: 85%;
  max-width: 400px;
}

@media (min-width: 576px) {
  /* line 367, app/assets/stylesheets/components/modals.scss */
  .modal .modal-content .modal-dialog-overlay .dialog-container {
    padding: 25px;
  }
}

/* line 380, app/assets/stylesheets/components/modals.scss */
.modal .modal-content .modal-dialog-overlay .dialog-container.for-spinner-only {
  width: initial;
}

/* line 382, app/assets/stylesheets/components/modals.scss */
.modal .modal-content .modal-dialog-overlay .dialog-container.for-spinner-only i {
  font-size: 40px;
}

/* Modal Warning Overlay .open
======================================================================== */
/* line 389, app/assets/stylesheets/components/modals.scss */
.modal .modal-content .modal-dialog-overlay.open {
  pointer-events: initial;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Modal For Result (Success, Failure, etc)
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 480px) {
  /* line 399, app/assets/stylesheets/components/modals.scss */
  .modal.modal-for-result .modal-content {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  /* line 406, app/assets/stylesheets/components/modals.scss */
  .modal.modal-for-result .modal-body {
    padding-top: 30px;
  }
}

/* line 412, app/assets/stylesheets/components/modals.scss */
.modal.modal-for-result .icon-for-result-container {
  text-align: center;
}

/* line 416, app/assets/stylesheets/components/modals.scss */
.modal.modal-for-result .icon-for-result {
  font-size: 50px;
}

/* line 418, app/assets/stylesheets/components/modals.scss */
.modal.modal-for-result .icon-for-result.for-success {
  color: #00ab86;
}

/* line 421, app/assets/stylesheets/components/modals.scss */
.modal.modal-for-result .icon-for-result.for-error {
  color: #a21515;
}

/* line 426, app/assets/stylesheets/components/modals.scss */
.modal.modal-for-result .result-message-container {
  margin: 22px 0px;
}

/* line 431, app/assets/stylesheets/components/modals.scss */
.modal .modal-header .modal-title .modal-title-white-badge {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  font-size: 15px;
  border-radius: 6px;
  padding: 6px 10px;
  margin-left: 5px;
  color: #464646;
}

/* Modal Header
======================================================================== */
/* line 3, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .modal-header {
  position: relative;
}

/* Nav & Panels Containers
======================================================================== */
/* line 9, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .modal-nav-container {
  background-color: grey;
}

/* line 13, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .left-panels-container {
  position: absolute;
  left: 0px;
  top: 50px;
  bottom: 0px;
  overflow: scroll;
  width: 100%;
  padding: 15px;
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .left-panels-container {
    padding: 22px 45px;
  }
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .left-panels-container {
    top: 0px;
    width: 60%;
  }
}

/* line 30, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .right-panels-container {
  position: absolute;
  right: 0px;
  top: 47px;
  bottom: 0px;
  overflow: scroll;
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .right-panels-container {
    top: 0px;
    width: 40%;
  }
}

/* line 41, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .right-panels-container.grey-background {
  background-color: #f9f9f9;
}

/* line 46, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .single-panels-container {
  position: absolute;
  left: 0px;
  top: 50px;
  bottom: 0px;
  overflow: scroll;
  width: 100%;
  padding: 15px;
  padding-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .single-panels-container {
    padding: 20px 44px;
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .single-panels-container {
    top: 0px;
  }
}

@media (min-width: 576px) {
  /* line 64, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .modal-content {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
}

/* line 70, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .modal-body {
  padding: 0px;
  height: calc(100vh - 200px);
}

@media (min-width: 1200px) {
  /* line 70, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .modal-body {
    height: calc(100vh - 180px);
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
}

/* line 79, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .page-nav-container {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
  margin-bottom: 15px;
}

/* line 85, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .activity-stream-container .activity-stream-items {
  padding-bottom: 140px;
}

@media (min-width: 576px) {
  /* line 85, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .activity-stream-container .activity-stream-items {
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 85, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .activity-stream-container .activity-stream-items {
    padding-bottom: 140px;
  }
}

/* Modal Modal Footer
======================================================================== */
/* line 98, app/assets/stylesheets/components/enriched_modals.scss */
.modal.enriched-modal .modal-footer {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  z-index: 2;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .modal-footer {
    bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Modal Footer Breakpoints
======================================================================== */
@media (min-width: 576px) {
  /* line 119, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .extra-wide .modal-footer {
    width: 90%;
    max-width: 855px;
  }
}

@media (min-width: 576px) {
  /* line 126, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .even-more-extra-wide .modal-footer {
    width: 90%;
    max-width: 1296px;
  }
}

@media (min-width: 576px) {
  /* line 133, app/assets/stylesheets/components/enriched_modals.scss */
  .modal.enriched-modal .super-wide .modal-footer {
    width: 90%;
    max-width: 1480px;
  }
}

/* Project Dropdown
======================================================================== */
/* line 142, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  max-width: calc(100% - 70px);
}

@media (min-width: 576px) {
  /* line 142, app/assets/stylesheets/components/enriched_modals.scss */
  .modal .modal-header .project-dropdown {
    max-width: initial;
  }
}

/* line 149, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown button {
  padding: 6px 13px;
  padding-right: 60px;
  color: #757575;
  background-color: #fff;
  border-color: #d0d0d0;
  text-transform: none;
  text-align: left;
  width: 100%;
}

/* line 158, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown button::after {
  display: none;
}

@media (min-width: 576px) {
  /* line 149, app/assets/stylesheets/components/enriched_modals.scss */
  .modal .modal-header .project-dropdown button {
    padding-right: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 149, app/assets/stylesheets/components/enriched_modals.scss */
  .modal .modal-header .project-dropdown button {
    font-size: 15px;
  }
}

/* line 167, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown button .project-name-content {
  overflow: hidden;
}

/* line 171, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown .fa-caret-right {
  margin-left: 4px;
}

/* line 174, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown .dropdown-menu {
  height: 60vh;
  overflow: scroll;
}

/* line 178, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown .dropdown-arrow {
  background-color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 34px;
  border-left: 1px solid #d0d0d0;
  color: #c4c4c4;
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

@media (min-width: 1200px) {
  /* line 194, app/assets/stylesheets/components/enriched_modals.scss */
  .modal .modal-header .project-dropdown:hover button {
    border-color: #aaaaaa;
  }
  /* line 197, app/assets/stylesheets/components/enriched_modals.scss */
  .modal .modal-header .project-dropdown:hover .dropdown-arrow {
    color: #878686;
  }
}

/* line 204, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown.is-invalid button {
  background-color: #fff0f0;
  border-color: red;
}

/* line 208, app/assets/stylesheets/components/enriched_modals.scss */
.modal .modal-header .project-dropdown.is-invalid .dropdown-arrow {
  background-color: #fff0f0;
}

/* line 1, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
.modal.enriched-modal.scroll-split .modal-content {
  background-color: #f9f9f9;
}

/* line 5, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
.modal.enriched-modal.scroll-split .modal-content {
  overflow-y: scroll;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
  .modal.enriched-modal.scroll-split .modal-content {
    overflow-y: hidden;
  }
}

/* line 12, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
.modal.enriched-modal.scroll-split .left-scroll-container {
  padding: 15px;
}

@media (min-width: 576px) {
  /* line 12, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
  .modal.enriched-modal.scroll-split .left-scroll-container {
    padding: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 12, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
  .modal.enriched-modal.scroll-split .left-scroll-container {
    padding: 45px 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 50%;
    box-shadow: 4px 6px 8px 0px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 4px 6px 8px 0px rgba(0, 0, 0, 0.33);
    overflow-y: scroll;
  }
}

/* line 31, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
.modal.enriched-modal.scroll-split .right-scroll-container {
  padding: 15px;
}

@media (min-width: 576px) {
  /* line 31, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
  .modal.enriched-modal.scroll-split .right-scroll-container {
    padding: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 31, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
  .modal.enriched-modal.scroll-split .right-scroll-container {
    padding: 45px 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50%;
    overflow-y: scroll;
  }
}

/* line 47, app/assets/stylesheets/components/enriched_modals_scroll_split.scss */
.modal.enriched-modal.scrollable-body .modal-body {
  overflow-y: scroll;
}

/* line 3, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .modal-header {
  padding: 0px;
  display: block;
  background-color: #fff;
}

/* line 9, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .modal-header button.save-and-close-button {
  margin: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(calc(-50% - 3px));
  right: 8px;
}

/* line 16, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-bottom-bar {
  height: 6px;
  background-color: #9ba4ba;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wizard Name
/* ===================================================================== */
/* ===================================================================== */
/* line 26, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-title {
  display: inline-block;
  position: relative;
  top: 24px;
  font-weight: 600;
  font-size: 18px;
  margin-right: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wizard Steps
/* ===================================================================== */
/* ===================================================================== */
/* line 40, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container {
  padding-left: 18px;
  background-color: #f4f4f4;
}

/* line 45, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  min-width: 135px;
  position: relative;
  top: 26px;
  z-index: 2;
  font-weight: 600;
  color: #9ba4ba;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/components/wizard_modals.scss */
  .modal.wizard-modal .wizard-steps-container .wizard-step {
    font-size: 14.5px;
  }
}

/* line 58, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step:hover {
  color: #000;
  cursor: pointer;
}

/* line 61, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step:hover .far.fa-circle {
  color: #000 !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wizard Step Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step .fa-stack {
  display: block;
  font-size: 23px;
  margin-left: auto;
  margin-right: auto;
}

/* line 76, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step .fa-stack .fa-circle {
  color: #fff;
}

/* line 79, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step .fa-stack .fa-circle-dot, .modal.wizard-modal .wizard-steps-container .wizard-step .fa-stack .fa-check-circle, .modal.wizard-modal .wizard-steps-container .wizard-step .fa-stack .far.fa-circle {
  color: #9ba4ba;
  transition: all 0.3s;
}

/* line 86, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step .fa-circle-dot, .modal.wizard-modal .wizard-steps-container .wizard-step .fa-check-circle {
  display: none;
}

/* line 92, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step.active {
  color: #000;
}

/* line 94, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step.active .fa-circle-dot {
  display: block;
  color: #000;
}

/* line 98, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step.active .far.fa-circle, .modal.wizard-modal .wizard-steps-container .wizard-step.active .fa-check-circle {
  display: none;
}

/* line 107, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step[data-complete='true']:not(.active) .fa-check-circle {
  display: block;
}

/* line 110, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-steps-container .wizard-step[data-complete='true']:not(.active) .far.fa-circle {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Left Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 120, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .left-panels-container {
  padding-top: 50px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wizard Summary
/* ===================================================================== */
/* ===================================================================== */
/* line 129, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .right-panels-container {
  background-color: #f4f4f4;
  padding: 27px;
  padding-top: 50px;
}

/* line 136, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-summary-container .data-block {
  margin-bottom: 27px;
}

/* line 140, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-summary-container .data-block p {
  margin: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shuttle Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/components/wizard_modals.scss */
.modal.wizard-modal .wizard-screen .shuttle-buttons-container {
  position: fixed;
  right: 42%;
  bottom: 80px;
  background-color: #fff;
  padding: 8px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 1, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray {
  position: relative;
  z-index: 1050;
}

/* ===================================================================== */
/* ===================================================================== */
/* Backdrop
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray .backdrop {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #0000007a;
  opacity: 0;
}

/* line 18, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.with-backdrop .backdrop {
  display: initial;
  transition: 0.4s;
}

/* line 23, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.open.with-backdrop .backdrop {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Container
/* ===================================================================== */
/* ===================================================================== */
/* line 32, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray .tray-content-container {
  background-color: #fff;
  transform: translateY(calc(100% + 100px));
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  transition: 0.6s;
  overflow: scroll;
  padding: 20px;
  padding-bottom: 100px;
}

/* line 42, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.open .tray-content-container {
  transform: translateY(0%);
}

/* Top Bar
======================================================================== */
/* line 48, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray .top-bar {
  position: fixed;
  top: 10px;
  right: 10px;
  left: 10px;
  border-radius: 10px;
  height: 70px;
  background-color: #fff;
  transform: translateY(calc(-100px));
  opacity: 0;
  transition: all 0.5s;
  padding: 0px 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 576px) {
  /* line 48, app/assets/stylesheets/components/modal_trays.scss */
  .modal-tray .top-bar {
    top: 20px;
    right: 20px;
    left: 20px;
  }
}

/* line 68, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.open .top-bar {
  transform: translateY(0%);
  opacity: 1;
}

/* Top Bar Flex Container
======================================================================== */
/* line 75, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray .top-bar .top-bar-flex-container {
  height: 100%;
  display: flex;
  align-items: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sizes
/* ===================================================================== */
/* ===================================================================== */
/* line 86, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.size-full-screen .tray-content-container {
  position: fixed;
  top: 10px;
  right: 10px;
  bottom: 0px;
  left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/components/modal_trays.scss */
  .modal-tray.size-full-screen .tray-content-container {
    top: 20px;
    right: 20px;
    bottom: 0px;
    left: 20px;
  }
}

/* line 96, app/assets/stylesheets/components/modal_trays.scss */
.modal-tray.size-full-screen.with-top-bar .tray-content-container {
  top: 85px;
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/components/modal_trays.scss */
  .modal-tray.size-full-screen.with-top-bar .tray-content-container {
    top: 105px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tray Content Container Fixed Table Head
/* ===================================================================== */
/* ===================================================================== */
/* line 1, app/assets/stylesheets/components/cards.scss */
.card {
  border: 1px solid rgba(0, 0, 0, 0.09);
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/components/cards.scss */
  .card .card-body {
    padding: 1.125rem;
  }
}

/* Index Card Layout
/* Modifies padding for 1, 2, and 3 column layouts
=========================================================================================================================*/
/* line 15, app/assets/stylesheets/components/cards.scss */
.cards-container .card-column {
  margin-bottom: 15px;
  /* 2 Column Layout*/
  /* 4 Column Layout*/
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/components/cards.scss */
  .cards-container .card-column {
    margin-bottom: 13px;
  }
}

@media (max-width: 1200px) {
  /* line 23, app/assets/stylesheets/components/cards.scss */
  .cards-container .card-column.col-6:nth-child(odd) {
    padding-right: 7px;
  }
}

@media (max-width: 1200px) {
  /* line 28, app/assets/stylesheets/components/cards.scss */
  .cards-container .card-column.col-6:nth-child(even) {
    padding-left: 7px;
  }
}

@media (min-width: 992px) {
  /* line 35, app/assets/stylesheets/components/cards.scss */
  .cards-container .card-column.col-lg-3:nth-child(4n) {
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  /* line 41, app/assets/stylesheets/components/cards.scss */
  .cards-container .card-column.col-lg-3:nth-child(4n+1) {
    padding-left: 15px;
  }
}

/* line 49, app/assets/stylesheets/components/cards.scss */
.cards-container .card {
  height: 100%;
}

/* Card Design
=========================================================================================================================*/
/* line 57, app/assets/stylesheets/components/cards.scss */
.cards-container .card {
  position: relative;
  /* Use this for icons right justified, centered vertically */
  /* Content (icons) need to be put in a .total-center wrapper */
}

/* line 59, app/assets/stylesheets/components/cards.scss */
.cards-container .card .card-body {
  position: relative;
  transition: all 0.5s;
}

/* line 66, app/assets/stylesheets/components/cards.scss */
.cards-container .card .right-centered-icon-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  z-index: 3;
}

/* line 70, app/assets/stylesheets/components/cards.scss */
.cards-container .card .right-centered-icon-container i {
  font-size: 18px;
  padding: 6px;
}

@media (min-width: 1200px) {
  /* line 70, app/assets/stylesheets/components/cards.scss */
  .cards-container .card .right-centered-icon-container i {
    font-size: 15px;
    padding: 5px;
  }
}

/* Full Width Cards
=========================================================================================================================*/
/* line 85, app/assets/stylesheets/components/cards.scss */
.cards-container.full-width .card-column {
  margin-bottom: 0px;
  border-bottom: 1px solid #edf2f6;
}

/* line 89, app/assets/stylesheets/components/cards.scss */
.cards-container.full-width .card {
  position: relative;
  left: -15px;
  width: calc(100% + 30px);
  border: 0px;
  border-radius: 0px;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/components/cards.scss */
  .cards-container.full-width {
    margin-left: initial;
    margin-right: initial;
  }
}

/* line 103, app/assets/stylesheets/components/cards.scss */
.cards-container.full-width.mb-15 .card-column {
  margin-bottom: 15px;
}

/* line 109, app/assets/stylesheets/components/cards.scss */
#contacts-page .card.menu-open .card-body {
  transform: translateX(-80px);
}

/* line 114, app/assets/stylesheets/components/cards.scss */
.card .complete {
  text-align: center;
  color: #fff;
  width: 80px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: green;
}

/* ===================================================================== */
/* ===================================================================== */
/* Base Action Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 130, app/assets/stylesheets/components/cards.scss */
.card .card-body .base-action-icon-container {
  display: inline-block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Grey Card
/* ===================================================================== */
/* ===================================================================== */
/* line 139, app/assets/stylesheets/components/cards.scss */
.card.grey-card {
  background-color: #f6f6f6;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  border: 0px;
}

/* line 145, app/assets/stylesheets/components/cards.scss */
.card.grey-card .card-body {
  padding: 0px;
}

/* line 148, app/assets/stylesheets/components/cards.scss */
.card.grey-card .card-body .card-details-1 {
  margin-top: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Header 1
/* ===================================================================== */
/* ===================================================================== */
/* line 158, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-1 {
  display: flex;
}

/* line 160, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-1 .right-col {
  flex-grow: 1;
  text-align: right;
  padding-left: 5px;
}

/* line 167, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-1.vertical-center {
  align-items: center;
}

/* line 171, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-1 .sub-detail {
  display: block;
  font-size: 14px;
  color: #727272;
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Header 2
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-2 {
  display: flex;
  align-items: center;
}

/* line 185, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-header-2 .left-col {
  flex-grow: 1;
  padding-left: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Details 1
/* ===================================================================== */
/* ===================================================================== */
/* line 196, app/assets/stylesheets/components/cards.scss */
.card .card-body .card-details-1 {
  margin-top: 15px;
  border-top: 1px dashed #e2e2e2;
  padding-top: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Info Matrix
/* ===================================================================== */
/* ===================================================================== */
/* line 208, app/assets/stylesheets/components/cards.scss */
.card .card-body .info-matrix .padded-matrix-row {
  margin-bottom: 13px;
}

/* line 211, app/assets/stylesheets/components/cards.scss */
.card .card-body .info-matrix .data-label {
  font-size: 16px;
  color: #727272;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

@media (min-width: 576px) {
  /* line 211, app/assets/stylesheets/components/cards.scss */
  .card .card-body .info-matrix .data-label {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 211, app/assets/stylesheets/components/cards.scss */
  .card .card-body .info-matrix .data-label {
    font-size: 12.5px;
  }
}

/* line 216, app/assets/stylesheets/components/cards.scss */
.card .card-body .info-matrix .data-value {
  font-size: 14px;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Index Card
/* ===================================================================== */
/* ===================================================================== */
/* Standard Index
======================================================================== */
/* line 235, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index {
  border-bottom: 1px solid #f3f3f3;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}

/* line 243, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index:active {
  background-color: #f5f5f5;
}

/* line 249, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index--no-active:active {
  background-color: transparent;
}

/* line 254, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index--align-start {
  align-items: start;
}

/* line 259, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .link-click-target {
  flex-grow: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 16px;
  align-items: center;
}

/* line 265, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .link-click-target a {
  color: #2f2f2f;
}

/* line 268, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .link-click-target.--three-col {
  grid-template-columns: auto 1fr auto;
}

/* line 275, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .link-click-target--full-span {
  grid-template-columns: 1fr;
  margin-right: 24px;
}

/* line 280, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .stacked-row-grid {
  display: grid;
  row-gap: 8px;
}

/* line 285, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .stacked-row-grid-extra-padding {
  display: grid;
  row-gap: 12px;
}

/* line 290, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .stacked-row-grid-lg-padding {
  display: grid;
  row-gap: 24px;
}

/* line 295, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .right-col {
  padding-left: 24px;
  padding-right: 16px;
  z-index: 2;
}

/* line 301, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .btn-group {
  z-index: 2;
}

/* line 303, app/assets/stylesheets/components/cards.scss */
.mobile-index-card--standard-index .btn-group.show {
  z-index: 3;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote Card
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/components/specific_cards.scss */
.card.quote-card .badge {
  display: inline-block !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Card
/* ===================================================================== */
/* ===================================================================== */
/* line 18, app/assets/stylesheets/components/specific_cards.scss */
.card.event-card .project-avatar-name {
  display: flex;
  align-items: center;
}

/* line 21, app/assets/stylesheets/components/specific_cards.scss */
.card.event-card .project-avatar-name .project-avatar {
  margin-right: 15px;
}

/* Table Styles
=========================================================================================================================*/
/* line 3, app/assets/stylesheets/components/tables.scss */
table.table {
  margin-bottom: 0px;
}

/* Table Header/Sort Links */
/* line 7, app/assets/stylesheets/components/tables.scss */
table thead {
  background-color: #fff;
}

/* line 9, app/assets/stylesheets/components/tables.scss */
table thead th {
  border-top: 1px solid #f3f3f3 !important;
  border-bottom-width: 0px !important;
  font-size: 14px;
  font-weight: 600;
}

/* line 16, app/assets/stylesheets/components/tables.scss */
table thead tr th a {
  color: #828282;
}

/* line 18, app/assets/stylesheets/components/tables.scss */
table thead tr th a:hover {
  color: #000;
}

/* line 22, app/assets/stylesheets/components/tables.scss */
table thead tr th {
  color: #727272;
  font-weight: 600;
}

/* line 27, app/assets/stylesheets/components/tables.scss */
.table td {
  border-top: 1px solid #f1f1f1;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* White Table Head
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Applied to a thead that is within a container with a white background. Example: GuestList Summary page, the */
/* GestGroup containers have table fully within white background */
/* line 38, app/assets/stylesheets/components/tables.scss */
thead.white-head {
  background-color: #fff;
  border-top: 0px;
}

/* line 41, app/assets/stylesheets/components/tables.scss */
thead.white-head th {
  border-top: 0px !important;
}

/* line 46, app/assets/stylesheets/components/tables.scss */
table thead.gentle-head tr th {
  color: #9b9b9b;
  font-weight: 600;
}

/* line 51, app/assets/stylesheets/components/tables.scss */
table thead.grey-head tr th {
  background-color: #f9f9f9;
  font-weight: 600;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Table Sizing/Padding
/* applied to normal bootstrap table, as well as .div-table
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Default Padding for Div-Tables
=========================================================================================================================*/
/* line 66, app/assets/stylesheets/components/tables.scss */
.div-table .th, .div-table .td {
  padding: 0.75rem;
}

/* Small Table Padding
=========================================================================================================================*/
/* line 74, app/assets/stylesheets/components/tables.scss */
table.table.table-sm th, table.table.table-sm .th, .div-table.div-table-sm th, .div-table.div-table-sm .th {
  padding: 0.45rem;
}

/* line 77, app/assets/stylesheets/components/tables.scss */
table.table.table-sm td, table.table.table-sm .td, .div-table.div-table-sm td, .div-table.div-table-sm .td {
  padding: 0.45rem;
}

/* Medium Table Padding
=========================================================================================================================*/
/* line 84, app/assets/stylesheets/components/tables.scss */
table.table.table-md th, table.table.table-md .th, .div-table.div-table-md th, .div-table.div-table-md .th {
  padding: 0.65rem 1rem;
}

/* line 87, app/assets/stylesheets/components/tables.scss */
table.table.table-md td, table.table.table-md .td, .div-table.div-table-md td, .div-table.div-table-md .td {
  padding: 0.65rem 1rem;
}

/* Large Table Padding
=========================================================================================================================*/
/* line 94, app/assets/stylesheets/components/tables.scss */
table.table.table-lg th, table.table.table-lg .th, .div-table.div-table-lg th, .div-table.div-table-lg .th {
  padding: 0.7rem 1rem;
}

/* line 97, app/assets/stylesheets/components/tables.scss */
table.table.table-lg td, table.table.table-lg .td, .div-table.div-table-lg td, .div-table.div-table-lg .td {
  padding: 0.8rem 1rem;
}

/* line 102, app/assets/stylesheets/components/tables.scss */
table.table.table-padded-ends tr th:first-child, table.table.table-padded-ends tr td:first-child, .div-table.table-padded-ends tr th:first-child, .div-table.table-padded-ends tr td:first-child {
  padding-left: 32px;
}

/* line 105, app/assets/stylesheets/components/tables.scss */
table.table.table-padded-ends tr th:last-child, table.table.table-padded-ends tr td:last-child, .div-table.table-padded-ends tr th:last-child, .div-table.table-padded-ends tr td:last-child {
  padding-right: 32px;
}

/* Extra Large Table Padding
=========================================================================================================================*/
/* line 113, app/assets/stylesheets/components/tables.scss */
table.table.table-xl th, table.table.table-xl .th, .div-table.div-table-xl th, .div-table.div-table-xl .th {
  padding: 0.5rem 1.5rem;
}

/* line 116, app/assets/stylesheets/components/tables.scss */
table.table.table-xl td, table.table.table-xl .td, .div-table.div-table-xl td, .div-table.div-table-xl .td {
  padding: 1.5rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Bordered Table
/* ===================================================================== */
/* ===================================================================== */
/* line 126, app/assets/stylesheets/components/tables.scss */
.table-bordered th {
  border: 1px solid #e9e9e9;
}

/* line 130, app/assets/stylesheets/components/tables.scss */
.table-bordered td {
  border: 1px solid #f0f0f0;
}

/* line 134, app/assets/stylesheets/components/tables.scss */
.table.table-bordered-bottom thead th {
  border-bottom: 1px solid #f0f0f0;
  border-bottom-width: 1px !important;
}

/* line 139, app/assets/stylesheets/components/tables.scss */
.table.table-bordered-bottom thead td {
  border-bottom: 1px solid #f0f0f0;
  border-bottom-width: 1px !important;
}

/* line 145, app/assets/stylesheets/components/tables.scss */
.div-table.div-table.table-bordered .th {
  border-left: 1px solid #e9e9e9;
}

/* line 148, app/assets/stylesheets/components/tables.scss */
.div-table.div-table.table-bordered .td {
  border-left: 1px solid #f0f0f0;
}

/* line 151, app/assets/stylesheets/components/tables.scss */
.div-table.div-table.table-bordered .td:first-child, .div-table.div-table.table-bordered .th:first-child {
  border-left: 0px;
}

/* line 154, app/assets/stylesheets/components/tables.scss */
.div-table.div-table.table-bordered .td:last-child, .div-table.div-table.table-bordered .th:last-child {
  border-right: 1px solid #e9e9e9;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Div Table
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Styles to make a .div-table look like a bootstrap table */
/* line 167, app/assets/stylesheets/components/tables.scss */
.div-table .tr {
  display: flex;
  align-items: stretch;
}

/* line 171, app/assets/stylesheets/components/tables.scss */
.div-table .th, .div-table .td {
  flex-basis: 200px;
  display: flex;
  align-items: center;
}

/* line 176, app/assets/stylesheets/components/tables.scss */
.div-table .thead {
  background-color: #fff;
}

/* line 179, app/assets/stylesheets/components/tables.scss */
.div-table .thead .th {
  color: #828282;
  font-size: 14px;
  font-weight: 600;
  border-top: 1px solid #f3f3f3 !important;
}

/* line 185, app/assets/stylesheets/components/tables.scss */
.div-table .tbody .tr {
  border-top: 1px solid #f1f1f1;
}

/* .td within a .div-table need to have position set to relative so that any div_table_form elements */
/* are properly positioned withing the .td */
/* line 192, app/assets/stylesheets/components/tables.scss */
.div-table .td {
  position: relative;
}

/* Table Hover (Bootstrap override) */
/* line 199, app/assets/stylesheets/components/tables.scss */
table.table-hover tbody tr:hover,
.div-table.div-table-hover .tbody .tr:hover {
  background-color: #fbfbfb !important;
}

/* Selected Row
======================================================================== */
/* line 206, app/assets/stylesheets/components/tables.scss */
table tbody tr.selected, table tbody tr.selected:hover {
  background-color: #d4f1f9 !important;
}

/* Table Scroll Head
/* Appears when static Table head scrolls out of view
=========================================================================================================================*/
/* line 214, app/assets/stylesheets/components/tables.scss */
.table-scroll-head {
  background-color: #fff;
  margin: 0px;
  margin-bottom: -3px;
}

/* line 218, app/assets/stylesheets/components/tables.scss */
.table-scroll-head.sticky {
  position: fixed;
  top: 80px;
}

/* line 225, app/assets/stylesheets/components/tables.scss */
.index-table-container thead tr th {
  /*visibility: hidden;*/
  /*height: 0px;*/
  /*padding: 0px !important;*/
  /*margin: 0px;*/
}

/* line 230, app/assets/stylesheets/components/tables.scss */
.index-table-container thead tr th a, .index-table-container thead tr th span {
  /*display: none;*/
}

/* Vertical Align Middle
======================================================================== */
/* line 239, app/assets/stylesheets/components/tables.scss */
tr.vertical-align-middle td, tr.vertical-align-middle th {
  vertical-align: middle;
}

/* ===================================================================== */
/* ===================================================================== */
/* Hover Action Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 250, app/assets/stylesheets/components/tables.scss */
table tr .hover-action-menu, .div-table .tr .hover-action-menu {
  opacity: 0;
}

/* line 256, app/assets/stylesheets/components/tables.scss */
table tr:hover .hover-action-menu, .div-table .tr:hover .hover-action-menu {
  opacity: 1;
}

/* line 262, app/assets/stylesheets/components/tables.scss */
table tr .viz-on-hover-only, .div-table .tr .viz-on-hover-only {
  transition: opacity 0.2s;
  opacity: 0;
}

/* line 269, app/assets/stylesheets/components/tables.scss */
table tr:hover .viz-on-hover-only, .div-table .tr:hover .viz-on-hover-only {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sort
/* ===================================================================== */
/* ===================================================================== */
/* line 280, app/assets/stylesheets/components/tables.scss */
table thead th.sort .fa-circle-caret-up, table thead th.sort .fa-circle-caret-down {
  display: none;
  padding-left: 5px;
}

/* line 287, app/assets/stylesheets/components/tables.scss */
table thead th.sort.asc .fa-circle-caret-up {
  display: inline-block;
}

/* line 293, app/assets/stylesheets/components/tables.scss */
table thead th.sort.desc .fa-circle-caret-down {
  display: inline-block;
}

/* line 298, app/assets/stylesheets/components/tables.scss */
table thead th.sort:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cell Menu
/* Note: Parent td must be position relative
/* ===================================================================== */
/* ===================================================================== */
/* line 308, app/assets/stylesheets/components/tables.scss */
td .cell-menu {
  position: absolute;
  top: 0px;
  bottom: 0px;
}

/* line 314, app/assets/stylesheets/components/tables.scss */
td .cell-menu .cell-menu-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 318, app/assets/stylesheets/components/tables.scss */
td .cell-menu.right-align {
  right: 0px;
}

/* line 320, app/assets/stylesheets/components/tables.scss */
td .cell-menu.right-align .cell-menu-content {
  right: 0px;
}

/* line 326, app/assets/stylesheets/components/tables.scss */
td .cell-menu .cell-menu-content .circle-action {
  display: inline-block;
  background-color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 1px solid #c4c4c4;
  position: relative;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 335, app/assets/stylesheets/components/tables.scss */
td .cell-menu .cell-menu-content .circle-action i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 13px;
}

/* line 341, app/assets/stylesheets/components/tables.scss */
th.with-left-border {
  border-left: 1px solid #e1e1e1;
}

/* line 344, app/assets/stylesheets/components/tables.scss */
td.with-left-border {
  border-left: 1px solid #f1f1f1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Table Styling
/* ===================================================================== */
/* ===================================================================== */
/* line 353, app/assets/stylesheets/components/tables.scss */
td.td--text-color-secondary,
.td--text-color-secondary {
  color: #596171;
}

/* line 356, app/assets/stylesheets/components/tables.scss */
td.td--text-color-secondary .form-control,
.td--text-color-secondary .form-control {
  color: #596171;
}

/* line 359, app/assets/stylesheets/components/tables.scss */
td.td--text-color-secondary a:not(.table-row--primary-link),
.td--text-color-secondary a:not(.table-row--primary-link) {
  color: #596171;
}

/* line 361, app/assets/stylesheets/components/tables.scss */
td.td--text-color-secondary a:not(.table-row--primary-link):hover,
.td--text-color-secondary a:not(.table-row--primary-link):hover {
  color: teal;
}

/* line 366, app/assets/stylesheets/components/tables.scss */
a.td--text-color-secondary:hover {
  color: teal;
}

/* line 370, app/assets/stylesheets/components/tables.scss */
.table-row--primary-link,
.table-row--primary-link a {
  color: #2f2f2f;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.2pt;
}

/* line 376, app/assets/stylesheets/components/tables.scss */
.table-row--primary-link:hover,
.table-row--primary-link a:hover {
  color: teal;
}

/* line 381, app/assets/stylesheets/components/tables.scss */
.table-row-item--above-stretched-link {
  position: relative;
  z-index: 2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Table Column Dividing Border
/* ===================================================================== */
/* ===================================================================== */
/* line 393, app/assets/stylesheets/components/tables.scss */
th.table-column-dividing-boundary--left,
td.table-column-dividing-boundary--left {
  border-left-width: 5px;
}

/*
   _____       _
  / ____|     (_)
 | (___  _ __  _ _ __  _ __   ___ _ __ ___
  \___ \| '_ \| | '_ \| '_ \ / _ \ '__/ __|
  ____) | |_) | | | | | | | |  __/ |  \__ \
 |_____/| .__/|_|_| |_|_| |_|\___|_|  |___/
        | |
        |_|
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Spinner Container
* Show Spinner Container
* Animation
*/
/* Notes ===================================================================================================================
============================================================================================================================

*/
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Spinner Container
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* line 29, app/assets/stylesheets/components/spinners.scss */
.spinner-container {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5000;
}

/* line 34, app/assets/stylesheets/components/spinners.scss */
.spinner-container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  padding: 22px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
}

/* line 41, app/assets/stylesheets/components/spinners.scss */
.spinner-container .content i {
  font-size: 40px;
  padding: 0px;
  -webkit-animation: spin 3s infinite linear;
}

@media (min-width: 576px) {
  /* line 41, app/assets/stylesheets/components/spinners.scss */
  .spinner-container .content i {
    font-size: 45px;
  }
}

/* line 49, app/assets/stylesheets/components/spinners.scss */
.spinner-container .content span {
  display: block;
  margin-top: 7px;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/components/spinners.scss */
  .spinner-container .content span {
    font-size: 16px;
    margin-top: 10px;
  }
}

/* line 58, app/assets/stylesheets/components/spinners.scss */
.spinner-container.transparent-bg {
  background-color: transparent;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Show Spinner Container
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* line 68, app/assets/stylesheets/components/spinners.scss */
.spinner-container.show {
  display: block;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Animation
/* ========================================================================================================================= */
/* ========================================================================================================================= */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* line 1, app/assets/stylesheets/components/avatars.scss */
.profile-avatar {
  display: inline-block;
  background-color: #898989;
  border-radius: 100%;
  color: #fff;
  position: relative;
}

/* line 8, app/assets/stylesheets/components/avatars.scss */
.profile-avatar img {
  border-radius: 100%;
}

/* line 12, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xs {
  font-size: 10px;
  width: 25px;
  height: 25px;
}

/* line 16, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xs img {
  width: 25px;
  height: 25px;
}

/* line 21, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.sm {
  font-size: 12px;
  width: 30px;
  height: 30px;
}

/* line 25, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.sm img {
  width: 30px;
  height: 30px;
}

/* line 30, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.md {
  font-size: 15px;
  width: 37px;
  height: 37px;
}

/* line 34, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.md img {
  width: 37px;
  height: 37px;
}

/* line 39, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.lg {
  font-size: 20px;
  width: 60px;
  height: 60px;
}

/* line 43, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.lg img {
  width: 60px;
  height: 60px;
}

/* line 48, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xl {
  font-size: 28px;
  width: 75px;
  height: 75px;
}

/* line 52, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xl img {
  width: 75px;
  height: 75px;
}

/* line 57, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xxl {
  font-size: 49px;
  width: 135px;
  height: 135px;
}

/* line 61, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xxl img {
  width: 135px;
  height: 135px;
}

/* line 66, app/assets/stylesheets/components/avatars.scss */
.profile-avatar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 69, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.current-profile {
  background-color: #448db3;
}

/* ===================================================================== */
/* ===================================================================== */
/* Profile Avatar Muted
/* ===================================================================== */
/* ===================================================================== */
/* line 79, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.muted {
  opacity: 0.5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Blank
/* ===================================================================== */
/* ===================================================================== */
/* line 88, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.blank {
  background-color: transparent;
  border: 1px dashed #bfbfbf;
  transition: all 0.4s;
}

/* line 92, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.blank i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #b0b0b0;
  transition: all 0.4s;
}

@media (min-width: 1200px) {
  /* line 97, app/assets/stylesheets/components/avatars.scss */
  .profile-avatar.blank:hover {
    border-color: #00ab86;
    cursor: pointer;
  }
  /* line 101, app/assets/stylesheets/components/avatars.scss */
  .profile-avatar.blank:hover i {
    color: #00ab86;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* For Missing Name (usually Wedding Person with no first or last name)
/* ===================================================================== */
/* ===================================================================== */
/* line 113, app/assets/stylesheets/components/avatars.scss */
.profile-avatar--missing-name {
  background-color: #f7f7f7;
  color: #a0a0a0;
  border: 1px dashed #c9c9c9;
}

/* ===================================================================== */
/* ===================================================================== */
/* Not Linked Person (has first or last name, but not linked to Contact)
/* ===================================================================== */
/* ===================================================================== */
/* line 124, app/assets/stylesheets/components/avatars.scss */
.profile-avatar--not-contact-linked {
  background-color: #f7f7f7;
  color: #a0a0a0;
  border: 1px solid #c9c9c9;
}

/* ===================================================================== */
/* ===================================================================== */
/* Planpage Avatar
/* ===================================================================== */
/* ===================================================================== */
/* line 135, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.for-planpage {
  background-color: #161618;
}

/* line 140, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.for-planpage img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  filter: invert(100%) sepia(41%) saturate(0%) hue-rotate(193deg) brightness(115%) contrast(100%);
}

/* line 145, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.for-planpage.xs img {
  width: 15px;
}

/* line 148, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.for-planpage.sm img {
  width: 18px;
  margin-top: -1px;
}

/* line 152, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.for-planpage.md img {
  width: 24px;
  margin-top: -1px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Offline Share Avatar
/* ===================================================================== */
/* ===================================================================== */
/* line 163, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.offline-share {
  background-color: #898989;
}

/* line 165, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.offline-share i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  transition: all 0.4s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Filter Option
/* ===================================================================== */
/* ===================================================================== */
/* line 177, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.filter-option {
  background-color: transparent;
  border: 2px solid #c9c9c9;
}

/* line 180, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.filter-option i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #c9c9c9;
}

/* ===================================================================== */
/* ===================================================================== */
/* Profile Avatar With Name
/* ===================================================================== */
/* ===================================================================== */
/* line 191, app/assets/stylesheets/components/avatars.scss */
.profile-avatar-with-name {
  display: flex;
  align-items: center;
}

/* line 194, app/assets/stylesheets/components/avatars.scss */
.profile-avatar-with-name .profile-avatar {
  display: block;
  margin-right: 7px;
}

/* line 200, app/assets/stylesheets/components/avatars.scss */
.profile-avatar-with-name .sub-detail {
  font-size: 14px;
  display: block;
  color: #9c9c9c;
  margin-top: 5px;
}

@media (min-width: 576px) {
  /* line 200, app/assets/stylesheets/components/avatars.scss */
  .profile-avatar-with-name .sub-detail {
    font-size: 12.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Profile Avatar Square
/* ===================================================================== */
/* ===================================================================== */
/* line 213, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square img {
  border-radius: 3px;
}

/* line 216, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.xs {
  border-radius: 2px;
}

/* line 219, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.sm {
  border-radius: 3px;
}

/* line 222, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.md {
  border-radius: 3px;
}

/* line 225, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.lg {
  border-radius: 3px;
}

/* line 228, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.xl {
  border-radius: 3px;
}

/* line 231, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.square.xxl {
  border-radius: 3px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Portal Status Warning
/* ===================================================================== */
/* ===================================================================== */
/* line 241, app/assets/stylesheets/components/avatars.scss */
.profile-avatar .portal-status-warning {
  background-color: red;
  border-radius: 100%;
  position: absolute;
}

/* line 245, app/assets/stylesheets/components/avatars.scss */
.profile-avatar .portal-status-warning i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff !important;
  margin: 0px !important;
}

/* line 253, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xs .portal-status-warning {
  width: 13px;
  height: 13px;
  top: 14px;
  right: -2px;
}

/* line 258, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.xs .portal-status-warning i {
  font-size: 7.2px;
}

/* line 264, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.sm .portal-status-warning {
  width: 13px;
  height: 13px;
  top: 20px;
  right: -1px;
}

/* line 269, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.sm .portal-status-warning i {
  font-size: 7.2px;
}

/* line 275, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.md .portal-status-warning {
  width: 20px;
  height: 20px;
  top: 28px;
  right: -1px;
}

/* line 280, app/assets/stylesheets/components/avatars.scss */
.profile-avatar.md .portal-status-warning i {
  font-size: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Compressed Avatar Display
/* ===================================================================== */
/* ===================================================================== */
/* line 290, app/assets/stylesheets/components/avatars.scss */
.compressed-avatar-display .profile-avatar.sm:not(:first-of-type):not(.blank) {
  margin-left: -4px;
  box-shadow: -1px 0px 0px 2px white;
}

/* Slide out of view
======================================================================== */
/* line 3, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .modal-content.initial-share-modal {
  transition: 0.5s;
}

/* line 7, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal.out-of-viewport .modal-content.initial-share-modal {
  transform: translateY(calc(-50% + -100vh));
}

/* ===================================================================== */
/* ===================================================================== */
/* Sharing Block
/* ===================================================================== */
/* ===================================================================== */
/* line 16, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block {
  container-type: inline-size;
  container-name: sharing-block;
}

/* line 21, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block .profile-avatar {
  display: block;
}

@media (max-width: 1200px) {
  /* line 25, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block .sharing-block__content {
    padding: 24px;
  }
}

/* line 31, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block .sharing-block__content--border-bottom {
  border-bottom: 1px solid #f3f3f3;
}

/* Sharing Block Mobile Top Right Actions
======================================================================== */
/* line 37, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__content .sharing-block--mobile-top-right-actions {
  position: absolute;
  top: 0px;
  right: 0px;
  border-bottom: 1px solid #ced4db;
  border-left: 1px solid #ced4db;
  border-bottom-left-radius: 8px;
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__content .sharing-block--mobile-top-right-actions {
    display: none;
  }
}

/* line 49, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__content .sharing-block--mobile-top-right-actions--centered {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  border-radius: 8px;
  border: 1px solid #ced4db;
}

/* line 56, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__content .sharing-block--mobile-top-right-actions .remove {
  padding: 12px;
  font-size: 24px;
}

/* line 59, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__content .sharing-block--mobile-top-right-actions .remove:active {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 62, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__content .sharing-block--mobile-top-right-actions .remove i {
  font-weight: 300;
  opacity: 0.6;
}

/* Sharing Block with More Info
======================================================================== */
/* line 70, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block--with-more-info .sharing-block__content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 8px;
  align-items: center;
}

@container sharing-block (min-width: 400px) {
  /* line 70, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block--with-more-info .sharing-block__content {
    grid-template-columns: auto 1fr auto;
  }
}

/* line 81, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block .more-info {
  grid-column: -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
}

@container sharing-block (min-width: 400px) {
  /* line 81, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block .more-info {
    grid-column: initial;
    grid-row: initial;
  }
}

/* line 91, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block .more-info .badge {
  margin-left: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Event Sharing Block
/* Task Sharing Block
/* ===================================================================== */
/* ===================================================================== */
/* line 102, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event,
.sharing-block__for-task {
  display: block;
  container-type: initial;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  margin-bottom: 8px;
}

/* line 112, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .sharing-block__content,
.sharing-block__for-task .sharing-block__content {
  position: relative;
  padding: 12px;
}

@media (min-width: 1200px) {
  /* line 112, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .sharing-block__content,
.sharing-block__for-task .sharing-block__content {
    padding: 0px;
  }
}

/* line 121, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .contact-badge,
.sharing-block__for-task .contact-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 121, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .contact-badge,
.sharing-block__for-task .contact-badge {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 121, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .contact-badge,
.sharing-block__for-task .contact-badge {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 121, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .contact-badge,
.sharing-block__for-task .contact-badge {
    font-size: 13.5px;
  }
}

/* line 131, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .contact-badge .name,
.sharing-block__for-task .contact-badge .name {
  font-weight: 600;
}

/* line 136, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .sharing-block__hover-menu,
.sharing-block__for-task .sharing-block__hover-menu {
  background-color: #fff;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 136, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .sharing-block__hover-menu,
.sharing-block__for-task .sharing-block__hover-menu {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    padding-left: 16px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: 1px solid #c6c6c6;
  }
}

@media (min-width: 1200px) {
  /* line 156, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-task .sharing-block__hover-menu {
    border-left-color: transparent;
  }
}

/* line 162, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event:hover .sharing-block__hover-menu,
.sharing-block__for-task:hover .sharing-block__hover-menu {
  opacity: 1;
  pointer-events: auto;
}

/* line 168, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .sharing-block__hover-menu .clear-field,
.sharing-block__for-task .sharing-block__hover-menu .clear-field {
  width: 45px;
}

/* line 174, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .sharing-block__hover-menu .attendance {
  transition: all 0.3s;
  padding: 6px;
  border-radius: 6px;
}

/* line 178, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .sharing-block__hover-menu .attendance .fa-toggle-off, .sharing-block__for-calendar-event .sharing-block__hover-menu .attendance .fa-toggle-on {
  margin-left: 8px;
  margin-right: 3px;
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .sharing-block__hover-menu .attendance {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 174, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .sharing-block__hover-menu .attendance {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 185, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .sharing-block__hover-menu .attendance:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 195, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='false'] .attendance .add-attendance {
  display: initial;
}

/* line 197, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='false'] .attendance .add-attendance .state-toggle-label {
  opacity: 0.5;
}

/* line 201, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='false'] .attendance .remove-attendance {
  display: none;
}

/* line 207, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='true'] .attendance .add-attendance {
  display: none;
}

/* line 210, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='true'] .attendance .remove-attendance {
  display: initial;
}

/* line 212, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='true'] .attendance .remove-attendance .state-toggle-label {
  color: green;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sharing Block for Task
/* ===================================================================== */
/* ===================================================================== */
/* line 223, app/assets/stylesheets/components/sharing_refactor.scss */
div[data-task-status-show-in-portal='true'] .sharing-block__for-task .not-visible-in-portal {
  display: none;
}

/* line 227, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-task .not-visible-in-portal {
  font-size: 14px;
  display: block;
  color: #8f8f8f;
  margin-top: 8px;
}

@media (min-width: 576px) {
  /* line 227, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-task .not-visible-in-portal {
    font-size: 12.5px;
  }
}

@media (min-width: 1200px) {
  /* line 227, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-task .not-visible-in-portal {
    display: inline-block;
    margin-left: 8px;
    margin-top: 0px;
  }
}

/* line 237, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-task .not-visible-in-portal:hover {
  cursor: help;
}

/* Attendance Required Label
======================================================================== */
/* line 244, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event .attendance-label {
  font-size: 14px;
  display: none;
  color: green;
  flex-grow: 1;
  text-align: right;
  padding-right: 16px;
  font-weight: 500;
}

@media (max-width: 1200px) {
  /* line 244, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .attendance-label {
    display: none !important;
  }
}

@media (min-width: 576px) {
  /* line 244, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-calendar-event .attendance-label {
    font-size: 13.5px;
  }
}

/* line 257, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-calendar-event[data-attending='true'] .contact-badge .attendance-label {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sharing Block for Attached Document / Shared Offline
/* ===================================================================== */
/* ===================================================================== */
/* line 267, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-attached-document .sharing-block__content,
.sharing-block__for-shared-offline .sharing-block__content {
  line-height: 1.3;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  gap: 16px;
  align-items: center;
}

@container sharing-block (min-width: 350px) {
  /* line 267, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block__for-attached-document .sharing-block__content,
.sharing-block__for-shared-offline .sharing-block__content {
    grid-template-columns: auto 1fr;
  }
}

/* line 280, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block__for-attached-document .leading-icon,
.sharing-block__for-shared-offline .leading-icon {
  font-size: 18px;
  width: 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sharing Block Collections Container
/* ===================================================================== */
/* ===================================================================== */
/* line 292, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container {
  display: grid;
}

/* line 296, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container .__divider {
  height: 1px;
  background-color: #c4c4c4;
}

/* line 301, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--my-0 {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 576px) {
  /* line 301, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--my-0 {
    margin-left: -35px;
    margin-right: -35px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 1200px) {
  /* line 301, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--my-0 {
    margin-left: -48px;
    margin-right: -48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

/* line 320, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display {
  row-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 320, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display {
    row-gap: 32px;
  }
}

/* line 325, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .sharing-block-collection--top-border {
  border-top: 4px solid #f2f2f2;
  padding-top: 24px;
}

/* line 329, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .__collection-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
}

@media (min-width: 1200px) {
  /* line 329, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display .__collection-header {
    gap: 8px;
  }
}

/* line 338, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .__collection-title {
  font-weight: 500;
  font-size: 17px;
}

@media (min-width: 576px) {
  /* line 338, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display .__collection-title {
    font-size: 18px;
  }
}

/* line 345, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display p.__collection-desc {
  font-size: 14px;
  text-wrap: pretty;
  line-height: 1.3;
  margin-bottom: 16px;
  grid-column: span 2;
}

@media (max-width: 480px) {
  /* line 345, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display p.__collection-desc {
    opacity: 0;
    height: 0px;
    overflow: hidden;
    pointer-events: none;
  }
}

@media (min-width: 576px) {
  /* line 345, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display p.__collection-desc {
    font-size: 13.5px;
  }
}

@media (min-width: 576px) {
  /* line 345, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display p.__collection-desc {
    opacity: 0.7;
    margin-bottom: 16px;
  }
}

/* line 362, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .__collection-items-grid {
  display: grid;
  grid-row-gap: 12px;
}

/* line 366, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .edit-sharing-block {
  gap: 12px;
  padding: 16px;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

@media (min-width: 1200px) {
  /* line 366, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display .edit-sharing-block {
    padding: 12px;
  }
}

/* line 376, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .edit-sharing-block .name {
  font-size: 16px;
  font-weight: 550;
}

@media (min-width: 576px) {
  /* line 376, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-collections-container--default-display .edit-sharing-block .name {
    font-size: 14.5px;
  }
}

/* line 380, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .edit-sharing-block .profile-avatar {
  display: block;
}

/* line 383, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collections-container--default-display .__collection-footer {
  margin-top: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sharing Block Collection
/* ===================================================================== */
/* ===================================================================== */
/* line 394, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collection h5 {
  margin: 0px;
}

/* line 397, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-collection p {
  margin: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Sharing Block
/* ===================================================================== */
/* ===================================================================== */
/* line 408, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
}

/* line 414, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--full-click-area {
  transition: all 0.2s;
}

/* line 416, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--full-click-area .fa-square {
  transition: all 0.2s;
}

/* line 419, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--full-click-area:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
  border-color: #d7d7d7;
}

/* line 424, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--full-click-area:hover .fa-square {
  opacity: 1;
}

/* line 430, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .__sharing-details-container,
.edit-sharing-block .__sharing-settings-container {
  font-size: 14px;
  color: #727272;
  grid-column: 1 / -1;
  text-align: right;
}

@media (min-width: 576px) {
  /* line 430, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block .__sharing-details-container,
.edit-sharing-block .__sharing-settings-container {
    font-size: 13.5px;
  }
}

@media (min-width: 576px) {
  /* line 430, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block .__sharing-details-container,
.edit-sharing-block .__sharing-settings-container {
    grid-column: initial;
  }
}

/* For Email
======================================================================== */
/* line 443, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email {
  grid-template-columns: auto auto 1fr;
}

/* line 448, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email .__new-email-button .fa-refresh {
  display: none;
}

/* line 451, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email .__new-email-button.loading {
  opacity: 1;
}

/* line 453, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email .__new-email-button.loading .fa-refresh {
  display: inline-block;
}

/* line 454, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email .__new-email-button.loading .fa-paper-plane {
  display: none;
}

/* line 458, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-email .__email-history-container {
  grid-column: 1 / -1;
  text-align: right;
  font-size: 14px;
  color: #727272;
  display: grid;
  gap: 8px;
}

@media (min-width: 576px) {
  /* line 458, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block.edit-sharing-block--for-email .__email-history-container {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Sharing Block - For Share Link
/* ===================================================================== */
/* ===================================================================== */
/* line 472, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block.edit-sharing-block--for-share-link {
  padding: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 1200px) {
  /* line 472, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block.edit-sharing-block--for-share-link {
    grid-template-columns: 1fr auto;
  }
}

/* line 481, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .new-direct-link-trigger .loading-icon {
  display: none;
}

/* line 486, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .new-direct-link-trigger.loading i {
  display: none;
}

/* line 489, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .new-direct-link-trigger.loading .loading-icon {
  display: inline-block;
}

/* line 494, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .share-link-name {
  font-size: 16px;
  font-weight: 550;
}

@media (min-width: 576px) {
  /* line 494, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block--for-share-link .share-link-name {
    font-size: 14.5px;
  }
}

/* line 500, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .share-link-actions {
  display: flex;
  justify-content: end;
  gap: 8px;
  grid-column: span 2;
}

@media (min-width: 1200px) {
  /* line 500, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block--for-share-link .share-link-actions {
    grid-column: span 1;
  }
}

/* line 511, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .copy-share-link-url-button .copied-state {
  display: none;
}

/* line 515, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .copy-share-link-url-button.copied .copied-state {
  display: block;
}

/* line 518, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .copy-share-link-url-button.copied .uncopied-state {
  display: none;
}

/* line 524, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-share-link .delete-warning-container {
  grid-column: span 2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Sharing Block - For Mood Board
/* ===================================================================== */
/* ===================================================================== */
/* line 534, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-mood-board[data-share-status='not-shared'] .__sharing-settings-container {
  display: none;
}

/* Circle check refresh icons
======================================================================== */
/* line 541, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .toggle-column .fa-square,
.edit-sharing-block .toggle-column .fa-check-square,
.edit-sharing-block .toggle-column .fa-refresh {
  font-size: 24px;
}

@media (min-width: 1200px) {
  /* line 541, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block .toggle-column .fa-square,
.edit-sharing-block .toggle-column .fa-check-square,
.edit-sharing-block .toggle-column .fa-refresh {
    font-size: 21px;
  }
}

/* line 550, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .toggle-column .fa-refresh {
  color: #2f2f2f;
}

/* line 553, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .toggle-column .fa-square {
  opacity: 0.3;
}

/* line 557, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .toggle-column .fa-check-square {
  display: none;
}

/* line 561, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block[data-share-status="shared"] .toggle-column .fa-square {
  display: none;
}

/* line 564, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block[data-share-status="shared"] .toggle-column .fa-check-square {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Sharing Block - Add Staff to Event
/* ===================================================================== */
/* ===================================================================== */
/* line 574, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block--for-add-staff-event {
  grid-template-columns: auto 1fr auto;
}

@media (min-width: 1200px) {
  /* line 574, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block--for-add-staff-event {
    padding: 16px 24px !important;
  }
}

/* Portal Warning
======================================================================== */
/* Portal Warning Icons
======================================================================== */
/* line 585, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .portal-warning-icon {
  display: none;
}

/* line 589, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block[data-share-status="shared"] .portal-warning-icon {
  display: initial;
}

/* line 593, app/assets/stylesheets/components/sharing_refactor.scss */
.portal-warning-icon:hover {
  cursor: help;
}

/* ===================================================================== */
/* ===================================================================== */
/* Ad Hoc Link
/* ===================================================================== */
/* ===================================================================== */
/* line 602, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .ad-hoc-link {
  font-size: 16px;
  color: #2f2f2f;
  padding: 15px 18px;
  border-radius: 5px;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 602, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-modal .ad-hoc-link {
    font-size: 14.5px;
  }
}

/* line 608, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .ad-hoc-link i {
  margin-right: 8px;
}

@media (min-width: 1200px) {
  /* line 602, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-modal .ad-hoc-link {
    padding: 13px 16px;
  }
  /* line 613, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-modal .ad-hoc-link i {
    margin-right: 6px;
  }
}

/* line 619, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-modal .ad-hoc-link:hover {
  background-color: #eaeaea;
}

/* line 623, app/assets/stylesheets/components/sharing_refactor.scss */
.sharing-block-callout-notice {
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
}

@media (min-width: 1200px) {
  /* line 623, app/assets/stylesheets/components/sharing_refactor.scss */
  .sharing-block-callout-notice {
    padding: 12px;
  }
}

/* Label & Toggle
======================================================================== */
/* line 635, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .label-and-toggle {
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 642, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block .label-and-toggle:hover {
    background-color: #eeeeee;
    cursor: pointer;
  }
}

/* line 649, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .label-and-toggle .label-text {
  color: #727272;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 649, app/assets/stylesheets/components/sharing_refactor.scss */
  .edit-sharing-block .label-and-toggle .label-text {
    font-size: 14.5px;
  }
}

/* line 654, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .label-and-toggle .toggle-icon {
  display: none;
  font-size: 23px;
  margin-left: 5px;
}

/* line 659, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .label-and-toggle[data-toggle='off'] .toggle-icon.off {
  display: initial;
  color: #c2c2c2;
}

/* line 663, app/assets/stylesheets/components/sharing_refactor.scss */
.edit-sharing-block .label-and-toggle[data-toggle='on'] .toggle-icon.on {
  display: initial;
  color: #00ab86;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Sharing Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 674, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown button.dropdown-toggle {
  background-color: #fff;
  border: 1px dashed #bfbfbf;
  color: #737373;
}

/* line 50, app/assets/stylesheets/base/mixins.scss */
.btn-group.edit-sharing-dropdown button.dropdown-toggle:hover {
  color: teal;
  border-color: teal;
}

/* line 677, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border-radius: 6px;
  transition: all 0.2s;
}

/* line 683, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-item .profile-avatar {
  margin-right: 15px;
}

/* line 687, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-item:hover {
  background-color: #f0f0f0;
}

/* line 692, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-item.ad-hoc-link {
  color: teal;
  padding: 15px 18px;
}

/* line 695, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-item.ad-hoc-link i {
  margin-right: 8px;
}

/* line 700, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .dropdown-menu {
  padding: 20px;
}

/* line 704, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown h5 {
  width: 250px;
  padding: 10px 18px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

/* line 711, app/assets/stylesheets/components/sharing_refactor.scss */
.btn-group.edit-sharing-dropdown .share-warning {
  padding-left: 15px;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 5px;
}

/* line 723, app/assets/stylesheets/components/sharing_refactor.scss */
button.inline-sharing-button {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Colors
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown, .rsvp-status {
  /* Attending */
  /* Declined */
  /* Pending */
}

/* line 7, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .rsvp-icon, .rsvp-status .rsvp-icon {
  display: none;
  margin-right: 0px;
}

/* line 12, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='attending'] .dropdown-toggle .rsvp-status-label,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='attending'] .colorized-rsvp-status, .guest-rsvp-status-select-dropdown.attending, .rsvp-status[data-rsvp-status='attending'] .dropdown-toggle .rsvp-status-label,
.rsvp-status .dropdown-item[data-rsvp-status='attending'] .colorized-rsvp-status, .rsvp-status.attending {
  color: #4aa64a;
}

/* line 16, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='attending'] .dropdown-toggle .rsvp-status-label .rsvp-icon--attending,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='attending'] .colorized-rsvp-status .rsvp-icon--attending, .guest-rsvp-status-select-dropdown.attending .rsvp-icon--attending, .rsvp-status[data-rsvp-status='attending'] .dropdown-toggle .rsvp-status-label .rsvp-icon--attending,
.rsvp-status .dropdown-item[data-rsvp-status='attending'] .colorized-rsvp-status .rsvp-icon--attending, .rsvp-status.attending .rsvp-icon--attending {
  display: inline-block;
}

/* line 19, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='declined'] .dropdown-toggle .rsvp-status-label,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='declined'] .colorized-rsvp-status, .guest-rsvp-status-select-dropdown.declined, .rsvp-status[data-rsvp-status='declined'] .dropdown-toggle .rsvp-status-label,
.rsvp-status .dropdown-item[data-rsvp-status='declined'] .colorized-rsvp-status, .rsvp-status.declined {
  color: #c14f4f;
}

/* line 23, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='declined'] .dropdown-toggle .rsvp-status-label .rsvp-icon--declined,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='declined'] .colorized-rsvp-status .rsvp-icon--declined, .guest-rsvp-status-select-dropdown.declined .rsvp-icon--declined, .rsvp-status[data-rsvp-status='declined'] .dropdown-toggle .rsvp-status-label .rsvp-icon--declined,
.rsvp-status .dropdown-item[data-rsvp-status='declined'] .colorized-rsvp-status .rsvp-icon--declined, .rsvp-status.declined .rsvp-icon--declined {
  display: inline-block;
}

/* line 26, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='pending'] .dropdown-toggle .rsvp-status-label,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='pending'] .colorized-rsvp-status, .guest-rsvp-status-select-dropdown.pending, .rsvp-status[data-rsvp-status='pending'] .dropdown-toggle .rsvp-status-label,
.rsvp-status .dropdown-item[data-rsvp-status='pending'] .colorized-rsvp-status, .rsvp-status.pending {
  color: #5993bf;
}

/* line 30, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown[data-rsvp-status='pending'] .dropdown-toggle .rsvp-status-label .rsvp-icon--pending,
.guest-rsvp-status-select-dropdown .dropdown-item[data-rsvp-status='pending'] .colorized-rsvp-status .rsvp-icon--pending, .guest-rsvp-status-select-dropdown.pending .rsvp-icon--pending, .rsvp-status[data-rsvp-status='pending'] .dropdown-toggle .rsvp-status-label .rsvp-icon--pending,
.rsvp-status .dropdown-item[data-rsvp-status='pending'] .colorized-rsvp-status .rsvp-icon--pending, .rsvp-status.pending .rsvp-icon--pending {
  display: inline-block;
}

/* line 34, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .dropdown-menu {
  width: 200px;
}

/* line 38, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .dropdown-menu .dropdown-item.dropdown-item--single-select {
  padding: 10px 8px;
}

/* line 40, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .dropdown-menu .dropdown-item.dropdown-item--single-select .toggle-icon {
  font-size: 16px;
}

/* line 45, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .dropdown-menu .guest-name-label {
  padding: 8px 16px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/components/rsvp_status.scss */
  .guest-rsvp-status-select-dropdown .dropdown-menu .guest-name-label {
    font-size: 13.5px;
  }
}

/* line 50, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .dropdown-menu .rsvp-icon {
  display: inline-block;
}

/* line 54, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .remove-guest-from-sub-event-dropdown-item {
  opacity: 0.5;
  padding: 8px;
  transition: all 0.2s;
  border-radius: 6px;
}

/* line 59, app/assets/stylesheets/components/rsvp_status.scss */
.guest-rsvp-status-select-dropdown .remove-guest-from-sub-event-dropdown-item:hover {
  color: #fff;
  opacity: 1;
  background-color: #a21515;
}

/* line 66, app/assets/stylesheets/components/rsvp_status.scss */
#guest_parties-page.sub-event .guest-rsvp-status-select-dropdown .remove-guest-from-sub-event-element {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* RSVP Status Not Invited - Add Container
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-not-invited-add-container button.btn i {
  margin-right: 0px;
  opacity: 0.2;
}

/* line 81, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-not-invited-add-container span.add-label {
  transition: all 0.2s;
  opacity: 0;
}

/* line 87, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-not-invited-add-container:hover button.btn i {
  opacity: 1;
}

/* line 90, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-not-invited-add-container:hover span.add-label {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete SubEventInvite inline with rsvp-status-select-container
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-select-container .delete-sub-event-invite-container {
  background-color: #f7f7f7;
  position: absolute;
  z-index: 3;
  right: -30px;
  top: -1px;
  bottom: -1px;
  width: 30px;
  border-top-right-radius: 3px;
  border: 1px solid #d8d8d8;
  display: none;
  border-bottom-right-radius: 3px;
  border-left: 0px;
  box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

/* line 115, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-select-container .delete-sub-event-invite-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #b1b1b1;
  font-size: 17px;
}

/* line 123, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-select-container:hover .delete-sub-event-invite-container {
  display: block;
}

/* line 129, app/assets/stylesheets/components/rsvp_status.scss */
.rsvp-status-select-container .delete-sub-event-invite-container:hover i {
  color: #464646;
  font-size: 19px;
}

/* line 1, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker {
  text-align: center;
}

/* line 3, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: relative;
  color: #848484;
  border-radius: 7px;
  transition: all 0.1s;
}

/* line 11, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container:hover {
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 16, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container.selected {
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

/* line 23, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 25px;
}

/* line 30, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container.small,
.icon-picker .icon-container.extra-small {
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
}

/* line 35, app/assets/stylesheets/components/icon_picker.scss */
.icon-picker .icon-container.small i,
.icon-picker .icon-container.extra-small i {
  font-size: 20px;
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/components/icon_picker.scss */
  .icon-picker .icon-container.small {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
  }
  /* line 45, app/assets/stylesheets/components/icon_picker.scss */
  .icon-picker .icon-container.small i {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/components/icon_picker.scss */
  .icon-picker .icon-container.extra-small {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
  }
  /* line 56, app/assets/stylesheets/components/icon_picker.scss */
  .icon-picker .icon-container.extra-small i {
    font-size: 15px;
  }
}

/* line 1, app/assets/stylesheets/components/callouts.scss */
.callout {
  padding: 16px;
  border-radius: 7px;
}

/* Colors
=========================================================================================================================*/
/* line 9, app/assets/stylesheets/components/callouts.scss */
.callout.grey {
  background-color: #f6f6f6;
}

/* line 12, app/assets/stylesheets/components/callouts.scss */
.callout.red {
  background-color: #fff8f8;
}

/* line 15, app/assets/stylesheets/components/callouts.scss */
.callout.blue {
  background-color: #d0d9e0;
}

/* line 18, app/assets/stylesheets/components/callouts.scss */
.callout.light-blue {
  background-color: #e9f1f8;
}

/* line 21, app/assets/stylesheets/components/callouts.scss */
.callout.green {
  background-color: #bcecc9;
}

/* line 24, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-error {
  background-color: #ffe3e3;
  color: #a21515;
  border-left: 7px solid #a21515;
}

/* line 28, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-error p {
  color: #a21515;
}

/* line 32, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-neutral-notice {
  background-color: transparent;
  color: #1a2730;
  border-left: 7px solid #6d6d6d;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
}

/* line 38, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-neutral-notice p {
  color: #1a2730;
}

/* line 41, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-neutral-notice .callout-sub-item {
  border-top-color: #6d6d6d;
}

/* line 45, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-soft-notice {
  background-color: #f5fbff;
  color: #1a2730;
  border-left: 7px solid #7c9ab0;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
}

/* line 51, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-soft-notice p {
  color: #1a2730;
}

/* line 54, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-soft-notice .callout-sub-item {
  border-top-color: #dde4ea;
}

/* line 58, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-medium-notice {
  background-color: #fff5f5;
  color: #502727;
  border-left: 7px solid #b97373;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.17);
}

/* line 64, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-medium-notice p {
  color: #502727;
}

/* line 67, app/assets/stylesheets/components/callouts.scss */
.callout.callout-for-medium-notice .callout-sub-item {
  border-top-color: #eadada;
}

/* line 71, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item {
  padding: 13px 0px;
  padding-right: 15px;
  border-top: 1px solid transparent;
}

/* line 75, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item:last-child {
  padding-bottom: 0px;
}

/* line 79, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item.two-col-icon-layout {
  display: flex;
}

/* line 81, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item.two-col-icon-layout.center {
  align-items: center;
}

/* line 84, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item.two-col-icon-layout .left-col i {
  font-size: 20px;
  margin-right: 10px;
}

/* line 88, app/assets/stylesheets/components/callouts.scss */
.callout .callout-sub-item.two-col-icon-layout .right-col {
  flex-grow: 1;
}

/* line 94, app/assets/stylesheets/components/callouts.scss */
.callout.loud-red {
  background-color: #c66160;
}

/* line 96, app/assets/stylesheets/components/callouts.scss */
.callout.loud-red p {
  color: #fff;
}

/* Alignment
=========================================================================================================================*/
/* line 104, app/assets/stylesheets/components/callouts.scss */
.callout.centered {
  text-align: center;
}

/*.toggle-on {
  right: 58%;
}

.toggle-off {
  left: 58%;
}

.toggle-off.btn-xs {
  padding-left: 0px;
}

.toggle-on.btn-xs {
  padding-right: 0px;
}
*/
/* line 18, app/assets/stylesheets/components/toggle_switch_overrides.scss */
.toggle .toggle-group .toggle-handle {
  z-index: 2;
}

/* line 22, app/assets/stylesheets/components/toggle_switch_overrides.scss */
#paper-invitation-page .guest-party-row .toggle-group .toggle-on,
#paper-invitation-page .guest-party-row .toggle-group .toggle-off {
  line-height: 1;
}

/* line 27, app/assets/stylesheets/components/toggle_switch_overrides.scss */
.toggle-off.btn {
  color: #9d9d9d;
}

/* line 31, app/assets/stylesheets/components/toggle_switch_overrides.scss */
.toggle-group .toggle-handle {
  border: 1px solid #ddd;
}

/* line 35, app/assets/stylesheets/components/toggle_switch_overrides.scss */
.toggle.btn-toggle-white {
  background-color: #fff;
  border-color: #d8d8d8;
}

/* line 38, app/assets/stylesheets/components/toggle_switch_overrides.scss */
.toggle.btn-toggle-white label.toggle-off {
  color: #6c6c6c;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/mobile_bottom_menu.scss */
  .mobile-bottom-menu {
    transform: translateY(calc(100% + 20px)) !important;
  }
}

@media (max-width: 1200px) {
  /* line 5, app/assets/stylesheets/components/mobile_bottom_menu.scss */
  .mobile-bottom-menu.open {
    transform: translateY(calc(0%)) !important;
  }
}

/* line 12, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu {
  position: fixed;
  z-index: 16;
  left: 0px;
  bottom: 0px;
  width: 100%;
  transform: translateY(calc(100% + 20px));
  transition: all 0.5s;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 576px) {
  /* line 12, app/assets/stylesheets/components/mobile_bottom_menu.scss */
  .mobile-bottom-menu {
    width: 360px;
    left: 15px;
    bottom: 15px;
    border-radius: 15px;
  }
}

/* line 30, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu.open {
  transform: translateY(0%);
}

/* line 33, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .header {
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
}

/* line 40, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .header h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 43, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .header button.cancel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: 5px;
}

/* line 49, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .header .action-menu {
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 53, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .header .action-menu i {
  font-size: 25px;
}

/* line 57, app/assets/stylesheets/components/mobile_bottom_menu.scss */
.mobile-bottom-menu .content {
  background-color: #fff;
  margin-top: 60px;
  max-height: 60vh;
  overflow-y: scroll;
  padding: 15px;
}

@media (min-width: 1200px) {
  /* line 57, app/assets/stylesheets/components/mobile_bottom_menu.scss */
  .mobile-bottom-menu .content {
    padding: 0px;
  }
}

/* line 1, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu {
  position: fixed;
  z-index: 100;
  top: 72px;
  right: 13px;
  background-color: #fff;
  width: 72%;
  max-width: 300px;
  padding: 22px;
  padding-bottom: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  transform: translateX(calc(20px));
  transition: all 0.1s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu {
    right: 10px;
    top: 61px;
    border-radius: 16px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    box-shadow: -2px 13px 36px 2px #000000a6;
    webkit-box-shadow: -2px 13px 36px 2px #000000a6;
    border: 1px solid #bbbbbb;
  }
}

/* line 31, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu.open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 1200px) {
  /* line 31, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu.open {
    transform: translateX(0) translateY(0);
  }
}

/* Header
======================================================================== */
/* line 42, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .header {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 14px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu .header {
    padding-left: 30px;
    padding-right: 25px;
  }
}

/* Avatar
======================================================================== */
/* line 54, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .profile-avatar {
  background-color: #898989;
  margin-right: 15px;
  margin-bottom: 10px;
}

/* Name & Email
======================================================================== */
/* line 62, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu h5 {
  margin: 0px;
  margin-bottom: 2px;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu h5 {
    margin-top: 7px;
    font-size: 20px;
  }
}

/* line 71, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .company-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
  font-size: 16px;
  color: #656565;
  font-size: 16px;
  color: #656565;
  margin-top: 10px;
}

/* line 84, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .email-address {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Links
======================================================================== */
/* line 94, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .link-container a, #current-profile-menu .link-container .a-fake {
  display: block;
  padding: 13px;
  border-radius: 10px;
  transition: all 0.3s;
  color: #464646;
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 94, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu .link-container a, #current-profile-menu .link-container .a-fake {
    font-size: 14.5px;
  }
}

/* line 102, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .link-container a:last-child, #current-profile-menu .link-container .a-fake:last-child {
  border-bottom: 0px;
}

/* line 105, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .link-container a i, #current-profile-menu .link-container .a-fake i {
  color: #9a9a9a;
  transition: all 0.3s;
  margin-right: 7px;
}

@media (min-width: 1200px) {
  /* line 94, app/assets/stylesheets/components/current_profile_menu.scss */
  #current-profile-menu .link-container a, #current-profile-menu .link-container .a-fake {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* line 118, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .link-container a:hover, #current-profile-menu .link-container .a-fake:hover {
  color: #000;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Divider
======================================================================== */
/* line 127, app/assets/stylesheets/components/current_profile_menu.scss */
#current-profile-menu .link-container hr {
  margin: 5px 0px;
}

/* line 1, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar #initials {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-align: center;
  display: block;
}

/* line 8, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar {
  position: relative;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #2f2f2f;
}

/* line 13, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.sm {
  font-size: 14px;
  width: 35px;
  height: 35px;
}

/* line 17, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.sm #wedding {
  width: 35px;
  height: 35px;
}

/* line 20, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.sm #wedding #initials {
  font-size: 9px;
}

/* line 25, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.md {
  font-size: 15px;
  width: 37px;
  height: 37px;
}

/* line 29, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.md #wedding {
  width: 37px;
  height: 37px;
}

/* line 32, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.md #wedding #initials {
  font-size: 9.5px;
}

/* line 37, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.lg {
  font-size: 20px;
  width: 53px;
  height: 53px;
}

/* line 41, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.lg #wedding {
  width: 53px;
  height: 53px;
}

/* line 44, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.lg #wedding #initials {
  font-size: 14px;
}

/* line 49, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xl {
  border-radius: 10px;
  font-size: 28px;
  width: 75px;
  height: 75px;
}

/* line 54, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xl #wedding {
  width: 75px;
  height: 75px;
}

/* line 57, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xl #wedding #initials {
  font-size: 17px;
}

/* line 62, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xxl {
  font-size: 55px;
  width: 150px;
  height: 150px;
}

/* line 66, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xxl #wedding {
  width: 150px;
  height: 150px;
}

/* line 69, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar.xxl #wedding #initials {
  font-size: 16px;
}

/* line 74, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar #wedding {
  color: #2f2f2f;
  text-align: center;
}

/* line 77, app/assets/stylesheets/components/project_avatar.scss */
.project-avatar #wedding #wedding-label {
  font-size: 16px;
  margin-top: 3px;
  display: block;
}

/* line 1, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  transform: translateY(calc(-100% - 60px));
  transition: all 0.4s;
  z-index: 19;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown {
    top: 53px;
    width: initial;
    left: 55px;
    right: 0px;
  }
}

/* line 17, app/assets/stylesheets/components/context_scroll_dropdown.scss */
body[data-auth-context="share_link"] .context-scroll-dropdown {
  left: 0px;
  top: 0px;
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  body.project-layout .context-scroll-dropdown {
    left: 255px;
  }
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  body[data-portal='true'] .context-scroll-dropdown {
    left: 199px;
  }
}

/* line 34, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown.open {
  transform: translateY(0%);
}

/* Project Header
======================================================================== */
/* line 42, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .project-header {
  position: relative;
  z-index: 6;
  height: 75px;
  background-color: #f1f5f8;
  border-bottom: 1px solid #c4c4c4;
  display: none;
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .project-header {
    display: none;
  }
}

/* line 54, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .project-header .project-info {
  position: absolute;
  color: #4a4a4a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 67px;
  font-weight: 600;
  font-size: 15px;
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .project-header .project-info {
    font-size: 17px;
  }
}

/* line 66, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .project-header .mobile-nav-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}

/* line 69, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .project-header .mobile-nav-container .fa-flip-horizontal {
  font-size: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Header
/* ===================================================================== */
/* ===================================================================== */
/* line 79, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header {
  position: relative;
  z-index: 6;
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}

/* Global Page Header
======================================================================== */
/* line 89, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .global-page-header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}

@media (min-width: 576px) {
  /* line 89, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .company-header .global-page-header {
    left: 0px;
    width: 100%;
    padding-left: 15px;
  }
}

/* line 97, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .global-page-header h1 {
  margin: 0px;
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .company-header .global-page-header h1 {
    font-size: 16px;
    font-weight: 800;
  }
}

/* line 104, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .global-page-header h1 i {
  margin-right: 4px;
}

/* line 108, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .global-page-header h1 span {
  margin: 0px;
  font-size: 14px;
  padding-left: 10px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .company-header .global-page-header h1 span {
    font-size: 14px;
    padding-left: 15px;
  }
}

/* Logo Icon
======================================================================== */
/* line 121, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .logo-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  width: 30px;
  filter: invert(33%) sepia(77%) saturate(2383%) hue-rotate(204deg) brightness(98%) contrast(106%);
}

@media (min-width: 576px) {
  /* line 121, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .company-header .logo-icon {
    left: 25px;
  }
}

/* Right Action Container
======================================================================== */
/* line 132, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .company-header .global-page-header .right-action-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Table Head
/* ===================================================================== */
/* ===================================================================== */
/* line 142, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .table-head-container {
  opacity: 0;
  transition: all 0.3s;
  display: none;
}

@media (min-width: 1200px) {
  /* line 142, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .table-head-container {
    display: block;
  }
}

/* line 151, app/assets/stylesheets/components/context_scroll_dropdown.scss */
body.project-layout .context-scroll-dropdown .table-head-container {
  margin-left: 0px;
}

/* line 155, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .table-head-container.open {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container
/* ===================================================================== */
/* ===================================================================== */
/* line 164, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container {
  position: relative;
  z-index: 5;
  transform: translateY(-100%);
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px;
  transition: all 0.4s;
}

@media (min-width: 1200px) {
  /* line 164, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 177, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.for-global-page {
    margin-left: 0px;
    padding-left: 29px;
  }
}

/* line 184, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.open {
  transform: translateY(0%);
}

/* line 188, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .project-avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container (Task Date Groups)
/* ===================================================================== */
/* ===================================================================== */
/* line 199, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.task_date_groups span.display-name {
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 199, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.task_date_groups span.display-name {
    font-size: 16px;
    padding-left: 5px;
  }
}

/* line 207, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.task_date_groups span.direction {
  font-size: 13px;
  color: #adadad;
  padding-left: 2px;
}

@media (min-width: 1200px) {
  /* line 207, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.task_date_groups span.direction {
    font-size: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container (Task Statuses)
/* ===================================================================== */
/* ===================================================================== */
/* line 222, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.task_statuses {
  padding: 0px;
}

/* line 224, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.task_statuses div {
  padding: 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  width: fit-content;
}

@media (min-width: 1200px) {
  /* line 224, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.task_statuses div {
    font-size: 14px;
    font-weight: 800;
    padding: 7px;
    border-radius: 6px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container (Guest Groups)
/* ===================================================================== */
/* ===================================================================== */
/* line 245, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.guest_groups span.guest-group-name {
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 1200px) {
  /* line 245, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.guest_groups span.guest-group-name {
    margin-left: 19px;
    font-size: 14px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container (SubEvent, guest list)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 260, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.sub_event {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 35px;
  }
}

/* line 266, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.sub_event .sub-event-icon-and-name {
  font-weight: 800;
}

@media (min-width: 1200px) {
  /* line 266, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.sub_event .sub-event-icon-and-name {
    margin-left: 12px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Categories
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 279, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.event_categories {
    padding: 5px 20px;
    padding-left: 28px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Vendors
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 291, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.vendor_jobs {
    padding: 5px 20px;
    padding-left: 28px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDoc Context Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 304, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .fin-doc-context-dropdown h1 {
  display: inline-block;
}

/* line 307, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .fin-doc-context-dropdown .fin-doc-status-badge {
  min-width: initial;
  margin-left: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document & Contract Templates Table Header
/* ===================================================================== */
/* ===================================================================== */
/* line 318, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.table-head-container.dropdown-table-header-for-document-templates {
  margin-left: 251px;
  -webkit-box-shadow: 0px 8px 9px -4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 8px 9px -4px rgba(0, 0, 0, 0.16);
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Items Container (Schedule Days)
/* ===================================================================== */
/* ===================================================================== */
/* line 329, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule {
  background-color: #f1f5f8;
}

/* line 334, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days .schedule-name,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .schedule-name {
  font-weight: 800;
}

/* line 339, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days .schedule-day-date,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .schedule-day-date {
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 339, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.schedule_days .schedule-day-date,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .schedule-day-date {
    font-weight: 800;
    font-size: 15px;
  }
}

/* line 348, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .sub-schedule-name {
  display: block;
  color: #939393;
  font-weight: 600;
  padding-left: 3px;
  font-size: 14px;
  margin-top: 3px;
}

@media (min-width: 1200px) {
  /* line 348, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .sub-schedule-name {
    font-size: 15px;
    margin-top: 6px;
  }
}

/* line 359, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .sub-schedule-name i {
  margin-right: 15px;
}

/* line 364, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days .flex-header,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header {
  display: flex;
  align-items: center;
}

/* line 368, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days .flex-header .left-col,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .left-col {
  flex: 0 0 70%;
}

@media (min-width: 1200px) {
  /* line 368, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.schedule_days .flex-header .left-col,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .left-col {
    flex: 0 0 300px;
    padding-left: 13px;
  }
}

/* line 376, app/assets/stylesheets/components/context_scroll_dropdown.scss */
.context-scroll-dropdown .context-items-container.schedule_days .flex-header .right-col,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .right-col {
  text-align: right;
  flex: 0 0 30%;
}

@media (min-width: 1200px) {
  /* line 376, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.schedule_days .flex-header .right-col,
.context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .right-col {
    flex-grow: 1;
    text-align: left;
    padding-left: 28px;
  }
}

@media (min-width: 1200px) {
  /* line 389, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .right-col {
    padding-left: 75px;
  }
}

@media (min-width: 1200px) {
  /* line 397, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .external-page .context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .right-col {
    padding-left: 5px;
  }
}

@media (min-width: 1200px) {
  /* line 405, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  .portal-view .context-scroll-dropdown .context-items-container.schedule_days_for_sub_schedule .flex-header .right-col {
    padding-left: 20px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Scroll Temp Fixes
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 417, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  #event-tasks-page .context-scroll-dropdown {
    top: 108px;
  }
}

@media (min-width: 1200px) {
  /* line 423, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  #event-tasks-page .context-scroll-dropdown .context-items-container {
    padding: 9px 5px;
    padding-left: 48px;
    border-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 435, app/assets/stylesheets/components/context_scroll_dropdown.scss */
  #event-tasks-page .context-scroll-dropdown .table-head-container {
    padding-right: 2px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
  }
}

/* line 1, app/assets/stylesheets/components/task_board.scss */
.page.task-board-page {
  margin-top: 0px;
  padding-top: 0px;
}

/* line 6, app/assets/stylesheets/components/task_board.scss */
.task-board-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 115px;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 5px;
  padding-bottom: 0px;
  background-color: #fdfdfd;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/components/task_board.scss */
  .task-board-container {
    top: 147px;
    left: 255px;
  }
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/components/task_board.scss */
  body[data-portal='true'] .task-board-container {
    left: 200px;
  }
}

/* line 27, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container {
  position: relative;
  margin: 10px 8px;
  margin-bottom: 0px;
  flex: 0 0 80vw;
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container {
    flex: 0 0 290px;
    margin: 10px 3px;
    margin-bottom: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Status (Column)
/* ===================================================================== */
/* ===================================================================== */
/* Header
======================================================================== */
/* line 47, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header {
  background-color: #fff;
  border-top-width: 8px;
  border-top-style: solid;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 45px;
  border-radius: 8px;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container .header {
    left: 5px;
    width: calc(100% - 10px);
  }
}

/* Header Name
======================================================================== */
/* line 67, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .status-name {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-weight: 600;
}

/* line 71, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .status-name .badge {
  background-color: #ffffff;
  border: 1px solid #c9c9c9;
  position: relative;
  left: 7px;
  top: -2px;
  color: #8a8a8a;
}

/* line 81, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .task-cards {
  position: absolute;
  top: 60px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
  padding-bottom: 80px;
}

@media (min-width: 1200px) {
  /* line 81, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container .task-cards {
    padding-top: 5px;
  }
}

/* Header Action Menu
======================================================================== */
/* line 96, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .action-menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
}

/* line 99, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .action-menu a, .task-board-container .task-status-container .header .action-menu .dropdown i {
  color: #464646;
}

/* line 102, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .action-menu .dropdown {
  display: inline-block;
}

/* line 105, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .header .action-menu .dropdown-menu i {
  display: initial;
  padding: initial;
}

/* Desktop Hovering */
@media (min-width: 1200px) {
  /* line 113, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container .header .action-menu {
    transition: all 0.1s;
    opacity: 0;
  }
  /* line 117, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container .header .action-menu button {
    transform: scale(0.4);
    transition: all 0.2s;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container:hover .action-menu {
    opacity: 1;
  }
  /* line 129, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container:hover .action-menu button {
    transform: scale(1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collapsed Status Column
/* ===================================================================== */
/* ===================================================================== */
/* line 140, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container .collapsed-info {
  position: absolute;
  left: 47%;
  top: 111px;
  display: none;
  transform: rotate(90deg) translateX(-50%);
  transform-origin: left center;
  position: relative;
  width: 300px;
  letter-spacing: 1.3pt;
}

/* line 153, app/assets/stylesheets/components/task_board.scss */
.task-board-container .header .expand-button {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  transition: all 0.2s;
}

/* line 157, app/assets/stylesheets/components/task_board.scss */
.task-board-container .header .expand-button:hover {
  cursor: pointer;
}

/* line 160, app/assets/stylesheets/components/task_board.scss */
.task-board-container .header .expand-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 165, app/assets/stylesheets/components/task_board.scss */
.task-board-container .collapsed-info .badge {
  position: relative;
  left: 9px;
  top: -1px;
  padding: 0.3em 0.6em;
}

/* line 173, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed {
  flex: 0 0 60px;
}

@media (min-width: 1200px) {
  /* line 173, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container.collapsed {
    flex: 0 0 60px;
  }
}

/* line 178, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .status-name, .task-board-container .task-status-container.collapsed .action-menu, .task-board-container .task-status-container.collapsed .task-board-card {
  display: none;
}

/* line 181, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .header {
  box-shadow: none;
}

/* line 185, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .header .expand-button {
  display: block;
}

@media (min-width: 1200px) {
  /* line 187, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container.collapsed .header .expand-button:hover {
    transform: scale(1.2);
  }
}

/* line 193, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .task-cards {
  border: 1px dashed #cbd3d8;
  background-color: transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (min-width: 1200px) {
  /* line 193, app/assets/stylesheets/components/task_board.scss */
  .task-board-container .task-status-container.collapsed .task-cards {
    left: 5px;
    right: 5px;
  }
}

/* line 203, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .collapsed-info {
  display: block;
}

/* line 206, app/assets/stylesheets/components/task_board.scss */
.task-board-container .task-status-container.collapsed .new-task-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Board Card
/* ===================================================================== */
/* ===================================================================== */
/* line 216, app/assets/stylesheets/components/task_board.scss */
.task-board-card {
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 10px;
}

@media (min-width: 1200px) {
  /* line 220, app/assets/stylesheets/components/task_board.scss */
  .task-board-card:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }
}

@media (min-width: 1200px) {
  /* line 216, app/assets/stylesheets/components/task_board.scss */
  .task-board-card {
    margin-left: 5px;
    margin-right: 5px;
  }
}

/* line 232, app/assets/stylesheets/components/task_board.scss */
.task-board-card.ui-sortable-helper {
  transform: rotate(2deg) scale(0.96);
  -webkit-box-shadow: 10px 15px 7px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 15px 7px 1px rgba(0, 0, 0, 0.1);
  cursor: grab;
}

/* Not Editable Hatching
======================================================================== */
/* line 241, app/assets/stylesheets/components/task_board.scss */
.task-board-card.not-editable {
  background-image: linear-gradient(45deg, #ffffff 25%, #fafafa 25%, #fafafa 50%, #ffffff 50%, #ffffff 75%, #fafafa 75%, #fafafa 100%);
  background-size: 14.14px 14.14px;
}

/* line 246, app/assets/stylesheets/components/task_board.scss */
.task-board-card .task-name {
  font-size: 16px;
  line-height: 16.5px;
  color: #464646;
  font-weight: 600;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 246, app/assets/stylesheets/components/task_board.scss */
  .task-board-card .task-name {
    font-size: 14.5px;
  }
}

/* Inline Assigner
======================================================================== */
/* line 260, app/assets/stylesheets/components/task_board.scss */
.task-board-card .assigned-completed {
  display: inline-block;
  width: fit-content;
}

/* Task Info
======================================================================== */
/* line 266, app/assets/stylesheets/components/task_board.scss */
.task-board-card .task-info {
  margin-top: 8px;
  color: #929292;
  font-size: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Filter Bar
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 7, app/assets/stylesheets/components/filter_bar.scss */
  .filter-bar {
    display: none;
  }
}

/* line 12, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar {
  background-color: #fff;
  padding: 3px 15px;
  width: 100vw;
  overflow-x: scroll;
  white-space: nowrap;
  border: 1px solid #e5e5e5;
}

@media (min-width: 1200px) {
  /* line 12, app/assets/stylesheets/components/filter_bar.scss */
  .filter-bar {
    overflow-x: initial;
    white-space: initial;
    width: initial;
    border: 0px;
    padding: 10px 20px;
    padding-left: 30px;
    padding-right: 15px;
    background-color: transparent;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
  }
}

/* Button */
/* line 35, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar button {
  text-transform: none;
  background-color: #ececec;
  color: #757e8c;
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/components/filter_bar.scss */
  .filter-bar button {
    padding: 6px;
    margin: 0px 8px;
    background-color: transparent;
    color: #616161;
  }
}

/* line 45, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar button.active {
  background-color: #f3f3f3;
  color: #515151;
}

/* line 49, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar button:focus {
  outline-style: none;
  box-shadow: none;
}

/* line 55, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .inline-search-field {
  border-width: 0px;
  border-right: 1px solid #cecece;
  width: 215px;
}

/* line 59, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .inline-search-field:focus {
  outline-style: none;
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/components/filter_bar.scss */
  .filter-bar .inline-search-field {
    background-color: transparent;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Assigness Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 73, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .dropdown.filter-assignees .dropdown-item {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 76, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .dropdown.filter-assignees .dropdown-item .assignee-label {
  position: relative;
  left: 6px;
  top: -13px;
  padding-right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Top Level Options
/* ===================================================================== */
/* ===================================================================== */
/* line 90, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .top-level-options {
  display: inline-block;
  border-right: 1px solid #cecece;
  padding-right: 10px;
  margin-right: 5px;
}

/* line 99, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .top-level-options .top-level-option {
  display: inline-block;
  color: #3b5360;
  padding: 6px 9px;
  border-radius: 6px;
}

/* line 104, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .top-level-options .top-level-option i {
  margin-right: 5px;
}

/* line 108, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .top-level-options .top-level-option:hover {
  background-color: #eeeeee;
}

/* line 111, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .top-level-options .top-level-option.active {
  background-color: #15384a;
  color: #f0f1f2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Toggler
/* ===================================================================== */
/* ===================================================================== */
/* line 122, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggler {
  display: inline-block;
  color: #616161;
  padding: 6px 9px;
  border-radius: 6px;
  font-size: 14px;
}

/* line 130, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggler:hover {
  background-color: #eeeeee;
  cursor: pointer;
}

/* line 135, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggle-container {
  display: flex;
  align-items: center;
  letter-spacing: .3pt;
  font-weight: 550;
}

/* line 142, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggler .toggle-icon {
  font-size: 20px;
  margin-left: 7px;
  margin-top: -3px;
  margin-bottom: -3px;
  display: none;
}

/* line 150, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggler[data-toggle='off'] .toggle-icon.off {
  display: inline-block;
}

/* line 154, app/assets/stylesheets/components/filter_bar.scss */
.filter-bar .toggler[data-toggle='on'] .toggle-icon.on {
  display: inline-block;
  color: #00ab86;
}

/* ===================================================================== */
/* ===================================================================== */
/* Custom Styles
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 164, app/assets/stylesheets/components/filter_bar.scss */
  #event-task-board-page .filter-bar {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    padding: 5px 15px;
  }
}

/* line 3, app/assets/stylesheets/components/teal_menu.scss */
.teal-menu {
  background-color: #fff;
  padding-left: 17px;
}

/* line 8, app/assets/stylesheets/components/teal_menu.scss */
.teal-menu a {
  display: inline-block;
  padding: 15px;
  margin: 7px 0px;
  margin-right: 5px;
  border-radius: 6px;
  transition: all 0.3s;
}

/* line 17, app/assets/stylesheets/components/teal_menu.scss */
.teal-menu i {
  margin-right: 4px;
}

/* line 21, app/assets/stylesheets/components/teal_menu.scss */
.teal-menu a:not(.active):hover {
  color: teal;
  background-color: #f0f0f0;
}

/* line 26, app/assets/stylesheets/components/teal_menu.scss */
.teal-menu a.active {
  background-color: #3f5d6c;
  color: #fff;
}

/* line 1, app/assets/stylesheets/components/preloader.scss */
.preloader-container .task-head,
.preloader-container .task-item {
  border-radius: 8px;
}

/* line 7, app/assets/stylesheets/components/preloader.scss */
.preloader-container .task-group {
  opacity: 0.6;
  padding-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/components/preloader.scss */
  .preloader-container .task-group {
    padding: 20px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* line 17, app/assets/stylesheets/components/preloader.scss */
.preloader-container .circle {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #c4c4c4;
  margin-bottom: 15px;
}

/* line 25, app/assets/stylesheets/components/preloader.scss */
.preloader-container .task-head {
  height: 25px;
  background-color: #c4c4c4;
  margin-bottom: 10px;
  width: 40%;
}

@media (min-width: 1200px) {
  /* line 25, app/assets/stylesheets/components/preloader.scss */
  .preloader-container .task-head {
    height: 40px;
  }
}

/* line 36, app/assets/stylesheets/components/preloader.scss */
.preloader-container .task-item {
  height: 15px;
  background-color: #c4c4c4;
  margin-top: 10px;
}

@media (min-width: 576px) {
  /* line 36, app/assets/stylesheets/components/preloader.scss */
  .preloader-container .task-item {
    margin-top: 20px;
    height: 24px;
  }
}

/* line 46, app/assets/stylesheets/components/preloader.scss */
.wrapper {
  width: 100%;
  animation: fullView 0.5s forwards linear;
}

@keyframes fullView {
  100% {
    width: 100%;
  }
}

/* line 57, app/assets/stylesheets/components/preloader.scss */
.animate {
  animation: shimmer 2s infinite;
  background: linear-gradient(to right, #e6e6e6 0%, #dfdfdf 11%, #e6e6e6 40%);
  background-size: 1000px 100%;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Template Applicator Modal
/* ===================================================================== */
/* ===================================================================== */
/* Template Block (Grid Style)
======================================================================== */
/* line 9, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block--grid {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}

/* Confirm Template Details
======================================================================== */
/* line 21, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .confirm-template-details-container {
  border: 1px solid #e3e3e3;
  padding: 32px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  margin-left: auto;
  margin-right: auto;
}

/* line 32, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .confirm-template-details-container .form-section-container--two-column {
  grid-template-columns: 150px 1fr;
  gap: 0px;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* line 38, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .confirm-template-details-container .form-section-container--two-column .form-section-container-header {
  margin-bottom: 0px;
}

/* line 41, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .confirm-template-details-container .form-section-container--two-column h4 {
  margin-bottom: 0px;
}

/* Template Block (Old Style)
======================================================================== */
/* line 52, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  position: relative;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .template-block {
    padding: 18px;
    margin-bottom: 22px;
  }
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .template-block:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
  }
}

/* Template Name
======================================================================== */
/* line 72, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block .template-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}

/* Description
======================================================================== */
/* line 80, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block .template-description p {
  font-size: 14px;
  line-height: 15px;
  margin-top: 8px;
  opacity: 0.8;
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .template-block .template-description p {
    margin-top: 10px;
    font-size: 13px;
  }
}

/* Preview Link
======================================================================== */
/* line 93, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block .preview-link {
  display: table;
  font-size: 13px;
  margin-top: 10px;
}

@media (min-width: 576px) {
  /* line 93, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .template-block .preview-link {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-top: 0px;
  }
}

/* Application Warning
======================================================================== */
/* line 107, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .template-block .application-warning {
  display: block;
  color: #a21515;
  font-size: 13px;
  margin-top: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selected Template
/* ===================================================================== */
/* ===================================================================== */
/* Back Button
======================================================================== */
/* line 123, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal #back-button {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 123, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal #back-button {
    display: inline-block;
  }
}

/* Selected Template Name
======================================================================== */
/* line 132, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .selected-template-name {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 132, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .selected-template-name {
    font-size: 18px;
    margin-bottom: 22px;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: -6px;
  }
}

/* Category Warning Container
======================================================================== */
/* line 148, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .category-task-list-warning-container {
  font-size: 16px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 148, app/assets/stylesheets/components/template_applicator.scss */
  .template-applicator-modal .category-task-list-warning-container {
    font-size: 14.5px;
  }
}

/* line 151, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .category-task-list-warning-container .category-badge {
  background-color: #fff;
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
  border: 1px solid #d6d6d6;
}

/* line 160, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal .category-task-list-warning-container .category-badge i {
  margin-right: 3px;
}

/* line 166, app/assets/stylesheets/components/template_applicator.scss */
.template-applicator-modal #schedule-template-setup-fields-container {
  padding-top: 24px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* Folder Container
======================================================================== */
/* line 7, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container {
  position: relative;
  border-radius: 6px;
  border: 1px solid transparent;
}

/* line 11, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .folder-link {
  font-size: 16px;
  color: #737373;
  display: flex;
  padding: 10px 7px;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/components/folder_tree.scss */
  .folder-tree .folder-container .folder-link {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/components/folder_tree.scss */
  .folder-tree .folder-container .folder-link:hover {
    cursor: pointer;
  }
}

/* line 25, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container i.fa-folder, .folder-tree .folder-container i.fa-folder-open {
  margin-right: 7px;
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/components/folder_tree.scss */
  .folder-tree .folder-container:hover {
    background-color: #f5f5f5;
  }
}

/* line 36, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container.open {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
.folder-tree .folder-container.open i {
  color: #2f2f2f;
}

/* line 38, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container.open .folder-link {
  color: #464646;
}

/* line 46, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .folder-name {
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  display: inline-block;
}

/* Folder Container Closed/Open State
======================================================================== */
/* line 57, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .fa-folder-open {
  display: none;
}

/* line 61, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container.open .fa-folder-open {
  display: inline-block;
}

/* line 64, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container.open .fa-folder {
  display: none;
}

/* Action Menu Elipsis
======================================================================== */
/* line 72, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .menu-elipsis {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  font-size: 19px;
  padding: 2px;
  border-radius: 6px;
}

/* line 78, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .menu-elipsis a {
  transition: all 0.2s;
  padding: 1px 10px;
  color: #979797;
  border-radius: 6px;
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/components/folder_tree.scss */
  .folder-tree .folder-container .menu-elipsis a:hover {
    color: #5b5b5b;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* Action Menu Elipsis show/hide
======================================================================== */
/* line 94, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container .menu-elipsis {
  display: none;
}

/* line 98, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-container:hover .menu-elipsis {
  display: initial;
}

/* Folder Type Header
======================================================================== */
/* line 104, app/assets/stylesheets/components/folder_tree.scss */
.folder-tree .folder-type-header {
  font-size: 13px;
  padding: 15px 0px;
  font-weight: 600;
  color: #999999;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Link For Display
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/contact_links.scss */
.contact-link-for-display {
  display: flex;
  width: fit-content;
  align-items: center;
}

/* line 12, app/assets/stylesheets/components/contact_links.scss */
.contact-link-for-display img {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Image Icon Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 21, app/assets/stylesheets/components/contact_links.scss */
img.contact-link-icon {
  display: block;
  background-color: #c4c4c4;
}

/* line 26, app/assets/stylesheets/components/contact_links.scss */
img.contact-link-icon.xs {
  width: 15px;
  height: 15px;
  border-radius: 5px;
}

/* line 32, app/assets/stylesheets/components/contact_links.scss */
img.contact-link-icon.sm {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Toggle
/* ===================================================================== */
/* ===================================================================== */
/* line 43, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button.dropdown-toggle {
  display: flex;
  align-items: center;
  letter-spacing: 0pt;
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-right: 1px solid #ebebeb;
  background-color: #fff;
  min-width: 145px;
}

/* line 52, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button.dropdown-toggle:hover {
  background-color: #fff;
  border-color: transparent;
  border-right-color: #ebebeb;
}

/* line 57, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button.dropdown-toggle::after {
  position: absolute;
  right: 8px;
}

/* line 63, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button.dropdown-toggle img {
  margin-right: 8px;
}

/* line 67, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button.dropdown-toggle span {
  margin-right: 5px;
}

/* line 71, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 16px;
}

@media (min-width: 1200px) {
  /* line 71, app/assets/stylesheets/components/contact_links.scss */
  .link-field-box .dropdown-menu .dropdown-item {
    padding: 8px;
  }
}

/* line 80, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .dropdown-menu .dropdown-item img {
  margin-right: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Design
/* ===================================================================== */
/* ===================================================================== */
/* line 89, app/assets/stylesheets/components/contact_links.scss */
.link-field-box {
  background-color: transparent;
  border: 1px solid #ced4da;
  border-radius: 8px;
}

/* line 93, app/assets/stylesheets/components/contact_links.scss */
.link-field-box input {
  border-radius: 0px;
  border-width: 0px;
}

/* line 99, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group {
  border-top: 1px solid #ebebeb;
}

/* line 103, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group input {
  padding-left: 0px;
  border-radius: 0px !important;
  border-bottom-right-radius: 8px !important;
}

/* line 109, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group .input-group-text {
  padding-right: 2px;
}

/* line 113, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group .prepend {
  color: #8c8c8c;
}

/* line 117, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .delete-button {
  margin-right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Link Field Formatting based on Link Type
/* ===================================================================== */
/* ===================================================================== */
/* line 127, app/assets/stylesheets/components/contact_links.scss */
.link-field-box button .link-type {
  display: none;
}

/* line 131, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group .prepend {
  display: none;
}

/* line 134, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group label {
  display: none;
}

/* line 137, app/assets/stylesheets/components/contact_links.scss */
.link-field-box .form-group .input-group-prepend .input-group-text {
  border-width: 0px;
}

/* line 144, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='website'] button .link-type.website {
  display: block;
}

/* line 148, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='website'] .form-group .prepend.website, .link-field-box[data-link-type='website'] .form-group label.website {
  display: block;
}

/* line 155, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='instagram'] button .link-type.instagram {
  display: block;
}

/* line 159, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='instagram'] .form-group .prepend.instagram, .link-field-box[data-link-type='instagram'] .form-group label.instagram {
  display: block;
}

/* line 166, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='tiktok'] button .link-type.tiktok {
  display: block;
}

/* line 170, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='tiktok'] .form-group .prepend.tiktok, .link-field-box[data-link-type='tiktok'] .form-group label.tiktok {
  display: block;
}

/* line 177, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='facebook'] button .link-type.facebook {
  display: block;
}

/* line 181, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='facebook'] .form-group .prepend.facebook, .link-field-box[data-link-type='facebook'] .form-group label.facebook {
  display: block;
}

/* line 188, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='pinterest'] button .link-type.pinterest {
  display: block;
}

/* line 192, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='pinterest'] .form-group .prepend.pinterest, .link-field-box[data-link-type='pinterest'] .form-group label.pinterest {
  display: block;
}

/* line 199, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='twitter'] button .link-type.twitter {
  display: block;
}

/* line 203, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='twitter'] .form-group .prepend.twitter, .link-field-box[data-link-type='twitter'] .form-group label.twitter {
  display: block;
}

/* line 210, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='youtube'] button .link-type.youtube {
  display: block;
}

/* line 214, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='youtube'] .form-group .prepend.youtube, .link-field-box[data-link-type='youtube'] .form-group label.youtube {
  display: block;
}

/* line 221, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='vimeo'] button .link-type.vimeo {
  display: block;
}

/* line 225, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='vimeo'] .form-group .prepend.vimeo, .link-field-box[data-link-type='vimeo'] .form-group label.vimeo {
  display: block;
}

/* line 232, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='yelp'] button .link-type.yelp {
  display: block;
}

/* line 236, app/assets/stylesheets/components/contact_links.scss */
.link-field-box[data-link-type='yelp'] .form-group .prepend.yelp, .link-field-box[data-link-type='yelp'] .form-group label.yelp {
  display: block;
}

/* line 1, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block {
  padding: 32px 0px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block {
    padding: 16px 0px;
  }
}

/* line 8, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-top-border {
  border-top: 1px dotted #e0e0e0;
}

/* line 12, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .name-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

/* line 16, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .name-header .full-name {
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .name-header .profile-avatar {
  margin-right: 16px;
}

/* line 25, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .data-block {
  margin-bottom: 18px;
  line-height: 1.4;
}

@media (min-width: 576px) {
  /* line 25, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-block {
    display: grid;
    position: relative;
    grid-template-columns: 55px auto;
    grid-gap: 10px;
    margin: 8px 0px;
    line-height: 1.4;
  }
}

/* line 38, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .data-block:last-of-type {
  margin-bottom: 0px;
}

/* line 42, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .data-label {
  display: block;
  color: #5e5e5e;
  font-size: 14px;
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-label {
    font-size: 14px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 42, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-label {
    font-size: 13.5px;
  }
}

/* line 51, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .data-label i {
  display: none;
  margin-right: 5px;
  font-weight: 300;
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-label i {
    margin-right: 8px;
  }
}

/* line 61, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block .data-value {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 61, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-value {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 61, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block .data-value {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Hover
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block.with-desktop-hover-mode .mobile-version {
    display: none;
  }
}

/* line 84, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version {
  display: none;
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block.with-desktop-hover-mode .desktop-version {
    display: block;
  }
}

/* line 91, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version .avatar-and-name-container {
  position: relative;
  display: block;
  width: fit-content;
}

/* line 97, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version .name-header {
  margin-bottom: 0px;
}

/* line 99, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version .name-header .full-name {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/components/contact_info_block.scss */
  .contact-info-block.with-desktop-hover-mode .desktop-version .name-header .full-name {
    font-size: 14.5px;
  }
}

/* line 104, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version .popover-hover-area {
  position: fixed;
  top: -500px;
  left: -500px;
  min-width: 350px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-20px);
  z-index: 10;
  transition: opacity 0.2s;
}

/* line 116, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode .desktop-version .popover-hover-area .popover-container {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border-radius: 8px;
  transform: translateX(-8px);
  transition: all 0.4s;
  border: 1px solid #dcdcdc;
}

/* line 127, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode.popover-active .desktop-version .popover-hover-area {
  opacity: 1;
  pointer-events: auto;
}

/* line 131, app/assets/stylesheets/components/contact_info_block.scss */
.contact-info-block.with-desktop-hover-mode.popover-active .desktop-version .popover-container {
  transform: translateX(8px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Company Contact Preview Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 141, app/assets/stylesheets/components/contact_info_block.scss */
#contact-company-contacts-preview-modal .contact-info-block:first-child {
  border-top-width: 0px;
  padding-top: 0px;
}

/* line 146, app/assets/stylesheets/components/contact_info_block.scss */
#contact-company-contacts-preview-modal #no-employees-warning {
  margin-top: 24px;
  text-align: center;
}

/* line 149, app/assets/stylesheets/components/contact_info_block.scss */
#contact-company-contacts-preview-modal #no-employees-warning i {
  font-size: 50px;
  margin-bottom: 20px;
  color: #c4c4c4;
}

/* line 154, app/assets/stylesheets/components/contact_info_block.scss */
#contact-company-contacts-preview-modal #no-employees-warning p {
  text-wrap: balance;
}

/* line 157, app/assets/stylesheets/components/contact_info_block.scss */
#contact-company-contacts-preview-modal #no-employees-warning button {
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/contact_info_previews.scss */
  .phone-number-dialer-preview {
    font-size: 14.5px;
  }
}

/* line 5, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .number a {
  color: #464646;
}

/* line 9, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .phone-number-action-icon {
  display: inline-block;
  position: relative;
  margin-left: 15px;
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/components/contact_info_previews.scss */
  .phone-number-dialer-preview .phone-number-action-icon {
    margin-left: 7px;
  }
}

/* line 16, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .phone-number-action-icon i {
  font-size: 14px;
  font-weight: 400;
}

/* line 26, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .phone-number-action-icon.call i {
  color: #337738;
}

/* line 32, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .phone-number-action-icon.text i {
  color: #0c509a;
}

/* line 38, app/assets/stylesheets/components/contact_info_previews.scss */
.phone-number-dialer-preview .phone-number-action-icon.fax i {
  color: #d2d2d2;
}

/* line 2, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container.container-position-responsive .activity-stream-items {
  padding-bottom: 150px;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container.container-position-responsive {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  /* line 7, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container.container-position-responsive .activity-stream-items {
    height: 100%;
    overflow: scroll;
    padding-bottom: 105px;
  }
}

/* line 13, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container.container-position-responsive .new-comment-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* line 19, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container.container-position-responsive .new-comment-container .comment-container.new-comment {
  position: fixed;
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container.container-position-responsive .new-comment-container .comment-container.new-comment {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container.container-position-absolute {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
}

/* line 33, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container.container-position-absolute .activity-stream-items {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: scroll;
}

/* line 38, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 105px;
  padding-left: 15px;
  background-color: #fdfdfd;
}

@media (min-width: 576px) {
  /* line 38, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container .activity-stream-items {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 38, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container .activity-stream-items {
    padding-top: 30px;
    padding-bottom: 140px;
  }
}

/* line 54, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .new-comment-container {
  background-color: #fcfcfc;
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container .new-comment-container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
}

/* line 62, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .new-comment-container .comment-container {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0px;
  background-color: #fcfcfc;
}

/* line 68, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .new-comment-container .text-container {
  border: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Container
/* ===================================================================== */
/* ===================================================================== */
/* line 78, app/assets/stylesheets/components/activity_stream.scss */
.activity-container {
  font-size: 14px;
  margin-bottom: 12px;
  border-radius: 6px;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 78, app/assets/stylesheets/components/activity_stream.scss */
  .activity-container {
    font-size: 13.5px;
  }
}

/* line 85, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .object-source {
  display: block;
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/components/activity_stream.scss */
  .activity-container {
    margin-bottom: 9px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Row Columns
/* ===================================================================== */
/* ===================================================================== */
/* line 98, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .time-ago-column {
  font-size: 14px;
  color: #989898;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/components/activity_stream.scss */
  .activity-container .time-ago-column {
    font-size: 12.5px;
  }
}

/* line 103, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .action-text-column .muted,
.activity-container .communication-column .muted {
  color: #989898;
}

/* line 107, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .communication-column {
  flex-grow: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Row with Avatar
/* ===================================================================== */
/* ===================================================================== */
/* line 116, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .activity-row-with-avatar {
  display: flex;
}

/* line 118, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .activity-row-with-avatar .actor-avatar-column {
  flex: 0 0 40px;
}

@media (min-width: 576px) {
  /* line 118, app/assets/stylesheets/components/activity_stream.scss */
  .activity-container .activity-row-with-avatar .actor-avatar-column {
    flex: 0 0 54px;
  }
}

/* line 124, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .activity-row-with-avatar .action-text-column {
  flex-grow: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Row Simple
/* ===================================================================== */
/* ===================================================================== */
/* line 137, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .activity-row-simple {
  display: flex;
  align-items: center;
}

/* line 140, app/assets/stylesheets/components/activity_stream.scss */
.activity-container .activity-row-simple .action-text-column {
  flex-grow: 1;
}

@media (max-width: 480px) {
  /* line 140, app/assets/stylesheets/components/activity_stream.scss */
  .activity-container .activity-row-simple .action-text-column {
    font-size: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Comments
/* ===================================================================== */
/* ===================================================================== */
/* line 156, app/assets/stylesheets/components/activity_stream.scss */
.comment-container {
  position: relative;
}

/* line 158, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .actor-and-time {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 158, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container .actor-and-time {
    font-size: 14.5px;
  }
}

/* line 164, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .actor-and-time i {
  color: #bbbbbb;
  margin: 0px 4px;
  font-size: 6px;
  position: relative;
  top: -2px;
}

/* line 171, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .actor-and-time .time-ago {
  font-size: 13px;
  color: #909090;
}

@media (min-width: 576px) {
  /* line 171, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container .actor-and-time .time-ago {
    font-size: 13px;
  }
}

/* line 178, app/assets/stylesheets/components/activity_stream.scss */
.comment-container p {
  margin-top: 4px;
  line-height: 18px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container p {
    font-size: 14.5px;
    line-height: 19px;
  }
}

/* line 187, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .profile-avatar {
  margin-right: 10px;
}

/* line 190, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .text-container {
  position: relative;
  padding: 13px;
  background-color: #fff;
  border-radius: 14px;
  border: 1px solid #ededed;
}

@media (min-width: 576px) {
  /* line 190, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container .text-container {
    padding: 15px 20px;
  }
}

/* line 200, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .profile-avatar.current-user {
  border-color: transparent;
}

/* Comment from Current Profile
======================================================================== */
/* line 208, app/assets/stylesheets/components/activity_stream.scss */
.activity-container[data-comment-created-by-current-profile='true'] .text-container {
  background-color: #f7fbff;
  border-color: #e0eaf4;
}

/* line 214, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .text-container .communication-header {
  display: flex;
  align-items: center;
}

/* line 217, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .text-container .communication-header .actor-and-time {
  flex-grow: 1;
}

/* line 222, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .text-container .communication-body {
  margin-top: 20px;
}

/* line 226, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .action-menu {
  display: block;
}

/* line 227, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .action-menu button {
  padding: 0px;
}

/* line 231, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .action-menu i {
  display: block;
  font-size: 18px;
  margin-left: 10px;
}

@media (min-width: 1200px) {
  /* line 238, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container .action-menu:hover {
    cursor: pointer;
  }
}

@media (min-width: 1200px) {
  /* line 244, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container:hover .action-menu {
    display: block;
  }
}

/* line 250, app/assets/stylesheets/components/activity_stream.scss */
.comment-container.new-comment {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 250, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container.new-comment {
    position: initial;
    padding-bottom: 10px;
  }
}

/* line 268, app/assets/stylesheets/components/activity_stream.scss */
.comment-container.new-comment .text-container {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
}

@media (min-width: 1200px) {
  /* line 268, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container.new-comment .text-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* line 279, app/assets/stylesheets/components/activity_stream.scss */
.comment-container.new-comment textarea {
  padding: 10px;
  border-width: 0px;
  box-sizing: initial;
  width: calc(100% - 20px);
  border-radius: 6px;
  min-height: 20px;
  border: 1px solid #d7d7d7;
}

@media (min-width: 1200px) {
  /* line 279, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container.new-comment textarea {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    min-height: 18px;
  }
}

/* line 294, app/assets/stylesheets/components/activity_stream.scss */
.comment-container.new-comment .save-comment-button {
  margin-top: 10px;
}

/* line 299, app/assets/stylesheets/components/activity_stream.scss */
.comment-container .text-container .mobile-intercept-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@media (min-width: 1200px) {
  /* line 299, app/assets/stylesheets/components/activity_stream.scss */
  .comment-container .text-container .mobile-intercept-overlay {
    display: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Portal Warning
/* ===================================================================== */
/* ===================================================================== */
/* line 312, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items .portal-warning {
  opacity: 0.8;
  display: inline-block;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 312, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container .activity-stream-items .portal-warning {
    font-size: 12.5px;
  }
}

/* line 316, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items .portal-warning i {
  margin-right: 4px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 316, app/assets/stylesheets/components/activity_stream.scss */
  .activity-stream-container .activity-stream-items .portal-warning i {
    font-size: 13.5px;
  }
}

/* line 320, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items .portal-warning:hover {
  cursor: help;
}

/* line 324, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items .portal-warning--not-enabled {
  color: #a21515;
}

/* line 327, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .activity-stream-items .portal-warning--pending {
  color: #d58b04;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Backlog Warning
/* ===================================================================== */
/* ===================================================================== */
/* line 337, app/assets/stylesheets/components/activity_stream.scss */
#task-modal[data-task-status-show-in-portal='false'] .activity-row-simple .not-visible-in-portal {
  display: inline-block;
}

/* line 341, app/assets/stylesheets/components/activity_stream.scss */
#task-modal[data-task-status-show-in-portal='true'] .activity-row-simple .not-visible-in-portal {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mock Activity Item
/* ===================================================================== */
/* ===================================================================== */
/* line 350, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup {
  padding: 32px 24px;
  background-color: #fff;
  margin-bottom: 18px;
  border-bottom: 1px solid #f3f3f3;
}

@media (min-width: 1200px) {
  /* line 350, app/assets/stylesheets/components/activity_stream.scss */
  .activity-item-blank-mockup {
    padding: 24px;
  }
}

/* line 360, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup .mockup-content-container {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 21px;
}

/* line 366, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup .blank-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #ededed;
}

/* line 373, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup .right-col--mock-text-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 379, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup .blank-name-mockup {
  width: 83px;
  height: 10px;
  border-radius: 6px;
  background-color: #f8f8f8;
}

/* line 386, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup .mock-text {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

/* line 393, app/assets/stylesheets/components/activity_stream.scss */
.activity-item-blank-mockup p {
  font-size: 13px;
  line-height: 19px;
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 393, app/assets/stylesheets/components/activity_stream.scss */
  .activity-item-blank-mockup p {
    font-size: 14.5px;
    line-height: 21px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Groups (For Activities and Notifications)
/* ===================================================================== */
/* ===================================================================== */
/* line 410, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container i {
  display: none;
}

/* line 414, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="calendar"] {
  background-color: #b35d5d;
}

/* line 416, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="calendar"] i.icon-for-calendar-group {
  display: block;
}

/* line 418, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="vendors"] {
  background-color: #209797;
}

/* line 420, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="vendors"] i.icon-for-vendors-group {
  display: block;
}

/* line 422, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="fin-doc-generic"] {
  background-color: #a87cae;
}

/* line 424, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="fin-doc-generic"] i.icon-for-fin-doc-generic-group {
  display: block;
}

/* line 426, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="payment-created"] {
  background-color: #45946b;
}

/* line 428, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="payment-created"] i.icon-for-payment-created-group {
  display: block;
}

/* line 430, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="tasks"] {
  background-color: #d8bc85;
}

/* line 432, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="tasks"] i.icon-for-tasks-group {
  display: block;
}

/* line 434, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="contact-added-to-event"] {
  background-color: #638aaf;
}

/* line 436, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="contact-added-to-event"] i.icon-for-contact-added-to-event-group {
  display: block;
}

/* line 438, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="event-created"] {
  background-color: #5a5b5b;
}

/* line 440, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="event-created"] i.icon-for-event-created-group {
  display: block;
}

/* line 442, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="leads"] {
  background-color: #81669f;
}

/* line 444, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="leads"] i.icon-for-leads-group {
  display: block;
}

/* line 446, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="new-lead-form-submission"] {
  background-color: #81669f;
}

/* line 448, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="new-lead-form-submission"] i.icon-for-new-lead-form-submission-group {
  display: block;
}

/* line 450, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="mood-boards"] {
  background-color: #b05589;
}

/* line 452, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="mood-boards"] i.icon-for-mood-boards-group {
  display: block;
}

/* line 454, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="staff-account-updated"] {
  background-color: #a3979e;
}

/* line 456, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="staff-account-updated"] i.icon-for-staff-account-updated-group {
  display: block;
}

/* line 458, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="company-created"] {
  background-color: #76b891;
}

/* line 460, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="company-created"] i.icon-for-company-created-group {
  display: block;
}

/* Documents & Variants
======================================================================== */
/* line 465, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="documents"] {
  background-color: #315b6c;
}

/* line 467, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="documents"] i.icon-for-documents-group {
  display: block;
}

/* line 469, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="signature-captured"] {
  background-color: #315b6c;
}

/* line 471, app/assets/stylesheets/components/activity_stream.scss */
.activity-icon-container[data-activity-group="signature-captured"] i.icon-for-signature-captured-group {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Simple Signature for Activity
/* ===================================================================== */
/* ===================================================================== */
/* line 479, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .simple-signature-for-activity {
  font-size: 23px;
  background-color: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
  border: 1px dashed #cfcfcf;
}

/* line 485, app/assets/stylesheets/components/activity_stream.scss */
.activity-stream-container .simple-signature-for-activity .typed-signature {
  font-family: 'Dancing Script', cursive;
  color: #2f2f2f;
}

/* line 1, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display {
  /* Activity Stream Items (container)
  ======================================================================== */
  /* Activity Container
  ======================================================================== */
  /* Activity Container Header
  ======================================================================== */
  /* Activity Container Header (Actor & Mobile Event Column)
  ======================================================================== */
  /* Descriptive Action Text
  ======================================================================== */
  /* Preview Block
  ======================================================================== */
  /* Preview Block - Change Arrow
  ======================================================================== */
  /* Preview Block - Item Link
  ======================================================================== */
  /* Preview Block Details
  ======================================================================== */
  /* ===================================================================== */
  /* ===================================================================== */
  /* Preview Block Custom Items
  /* ===================================================================== */
  /* ===================================================================== */
  /* Mood Board
  ======================================================================== */
  /* Mood Image
  ======================================================================== */
  /* ===================================================================== */
  /* ===================================================================== */
  /* Demo Notifier
  /* ===================================================================== */
  /* ===================================================================== */
}

/* line 6, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-stream-items {
  padding: 0px;
  background-color: transparent;
  max-width: 800px;
}

/* line 14, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container {
  font-size: 16px;
  padding: 32px 24px;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  border-radius: 0px;
  transition: all 0.3s;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-gap: 16px;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 14, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 14, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container {
    grid-gap: 12px;
    padding: 24px;
    border-radius: 0px;
  }
}

/* line 46, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .avatar-and-icon-column {
  display: flex;
}

/* line 50, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .activity-icon-container {
  position: relative;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  margin-left: -12px;
  border: 1px solid #fff;
  top: 17px;
}

/* line 58, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .activity-icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 9.5px;
  font-weight: 900;
}

/* line 66, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .activity-details-column {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 8px;
}

/* line 73, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .activity-top-line {
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 5px;
  align-items: center;
}

/* line 81, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .actor-name {
  font-weight: 700;
  padding-right: 4px;
  white-space: nowrap;
}

/* line 87, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .time-ago {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 87, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .time-ago {
    font-size: 13.5px;
  }
}

/* line 92, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .fa-circle {
  color: #727272;
  scale: 0.3;
  opacity: 0.5;
}

/* line 98, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .event-name {
  color: #727272;
  padding: 2px 0px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .event-name {
    font-size: 12.5px;
  }
}

/* line 106, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .profile-avatar {
  display: block;
}

/* line 109, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .actor-name {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 109, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .header .actor-name {
    font-size: 14.5px;
  }
}

/* line 113, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .event-name {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 113, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .header .event-name {
    font-size: 12.5px;
  }
}

/* line 117, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .event-name a {
  color: #727272;
}

/* line 119, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .event-name a:hover {
  text-decoration: underline;
}

/* line 123, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .fa-circle {
  color: #c4c4c4;
  font-size: 8px;
  margin: 0px 5px;
  position: relative;
  top: -2px;
}

/* line 130, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .header .time-ago {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 130, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .header .time-ago {
    font-size: 12.5px;
  }
}

/* line 138, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text {
  color: #727272;
  font-size: 16px;
  line-height: 1.4;
  text-wrap: pretty;
}

@media (min-width: 576px) {
  /* line 138, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text {
    font-size: 14.5px;
  }
}

/* line 143, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text .leading-icon {
  margin-right: 5px;
}

/* line 146, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text a {
  color: #2f2f2f;
  font-weight: 600;
}

/* line 150, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text a:hover {
  text-decoration: underline;
}

/* line 156, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .descriptive-action-text--for-communication {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}

/* line 166, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block {
  background-color: #fff;
  border-radius: 8px;
  overflow-wrap: anywhere;
}

/* line 172, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block--border-padded {
  border: 1px solid #eeeeee;
  padding: 24px;
}

@media (min-width: 1200px) {
  /* line 172, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block--border-padded {
    padding: 16px;
  }
}

/* line 180, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block p {
  font-size: 16px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 180, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block p {
    font-size: 14.5px;
  }
}

/* line 185, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block a {
  color: #2f2f2f;
  font-weight: 600;
}

/* line 188, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block a:hover {
  text-decoration: underline;
}

/* line 195, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block .__change-arrow {
  margin-right: 6px;
  margin-left: 6px;
}

/* line 211, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block .grey-label {
  color: #727272;
  display: block;
  margin-bottom: 5px;
}

/* line 220, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.preview-block--stacked-details {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 16px;
  font-size: 16px;
  color: #727272;
  line-height: 1.5;
}

@media (min-width: 576px) {
  /* line 220, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block.preview-block--stacked-details {
    font-size: 14.5px;
  }
}

/* line 227, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.preview-block--stacked-details i {
  font-weight: 300;
}

/* line 230, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.preview-block--stacked-details.--align-items-center {
  align-items: center;
}

/* line 243, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-board-preview-block {
  padding: 0px;
}

@media (min-width: 576px) {
  /* line 243, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-board-preview-block {
    max-width: 500px;
  }
}

/* line 252, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-image-preview-block {
  padding: 0px;
}

@media (min-width: 576px) {
  /* line 252, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-image-preview-block {
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 252, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-image-preview-block {
    padding: 0px;
  }
}

/* line 260, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .preview-block.mood-image-preview-block img {
  max-width: 45%;
  max-height: 500px;
  border-radius: 6px;
  display: block;
}

/* line 273, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container.demo-activity {
  position: relative;
}

/* line 276, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
.activity-stream-container.activity-item-white-card-display .activity-container .demo-notifier {
  color: #fff;
  background-color: #c66160;
  position: absolute;
  padding: 3px;
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
  z-index: 1;
  top: 11px;
  right: -8px;
}

@media (min-width: 576px) {
  /* line 276, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
  .activity-stream-container.activity-item-white-card-display .activity-container .demo-notifier {
    top: 24px;
    left: -7px;
    right: initial;
  }
}

/* .activity-stream-container.activity-item-white-card-display */
/* line 299, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
#event-page .activity-stream-container.activity-item-white-card-display .event-name, #event-page .activity-stream-container.activity-item-white-card-display .event-name-seperator,
#lead-page .activity-stream-container.activity-item-white-card-display .event-name,
#lead-page .activity-stream-container.activity-item-white-card-display .event-name-seperator,
#event-contact-recent-portal-activity-modal .activity-item-white-card-display .event-name,
#event-contact-recent-portal-activity-modal .activity-item-white-card-display .event-name-seperator {
  display: none;
}

/* line 302, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
#event-page .activity-stream-container.activity-item-white-card-display .activity-container .header,
#lead-page .activity-stream-container.activity-item-white-card-display .activity-container .header,
#event-contact-recent-portal-activity-modal .activity-item-white-card-display .activity-container .header {
  align-items: center;
}

/* line 307, app/assets/stylesheets/components/activity_stream_white_card_display.scss */
body[data-portal='true'] .in-app-notifications-container .in-app-notification-container .time-and-event .event-name-elements {
  display: none;
}

/* line 1, app/assets/stylesheets/components/floating_action_buttons.scss */
.floating-action-buttons-container {
  position: fixed;
  bottom: 162px;
  right: 8px;
}

/* line 7, app/assets/stylesheets/components/floating_action_buttons.scss */
.floating-action-buttons-container .action-button {
  position: relative;
  background-color: #00ab86;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-bottom: 10px;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/components/floating_action_buttons.scss */
  .floating-action-buttons-container .action-button {
    width: 49px;
    height: 49px;
  }
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/components/floating_action_buttons.scss */
  .floating-action-buttons-container .action-button:hover {
    background-color: #00c89c;
  }
}

/* line 27, app/assets/stylesheets/components/floating_action_buttons.scss */
.floating-action-buttons-container .action-button i {
  color: #fff;
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/components/floating_action_buttons.scss */
  .floating-action-buttons-container .action-button i {
    font-size: 18px;
  }
}

/* line 1, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .header {
  background-color: #fff;
  padding: 0px;
  margin-bottom: 10px;
}

/* line 7, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .header .flex-container {
  display: flex;
  align-items: center;
}

/* line 10, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .header .flex-container .button-container {
  flex-grow: 1;
  text-align: right;
}

/* Filter Options Container
======================================================================== */
/* line 18, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container {
  padding: 0px;
}

/* Filter Option
======================================================================== */
/* line 24, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option {
  font-size: 16px;
  padding: 5px 12px;
  padding-right: 4px;
  border-radius: 4px;
  margin-bottom: 2px;
  border: 1px solid transparent;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/components/desktop_index_filter_column.scss */
  .desktop-index-filter-column .filter-options-container .filter-option {
    font-size: 14.5px;
  }
}

/* line 31, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

/* Filter Option (Selected)
======================================================================== */
/* line 39, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option.selected {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
.desktop-index-filter-column .filter-options-container .filter-option.selected i {
  color: #2f2f2f;
}

/* Filter Option Flex Container
======================================================================== */
/* line 45, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option .flex-container {
  display: flex;
  align-items: center;
}

/* line 48, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option .flex-container .contact-group-name {
  flex-grow: 1;
}

/* line 51, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option .flex-container .action-menu {
  text-align: right;
}

/* Filter Option Show/Hide Ellipsis
======================================================================== */
/* line 59, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option .ellipsis-button {
  opacity: 0;
}

/* line 63, app/assets/stylesheets/components/desktop_index_filter_column.scss */
.desktop-index-filter-column .filter-options-container .filter-option:hover .ellipsis-button {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option {
  margin: 5px;
  background-color: #c4c4c4;
  background-size: cover;
  border: 1px solid #c4c4c4;
  transition: all 0.3s;
  position: relative;
}

/* line 10, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.selected {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.8);
}

/* line 16, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.horizontal {
  height: 100px;
}

/* line 20, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.vertical {
  height: 213px;
}

/* line 24, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.square {
  height: 125px;
}

/* Custom Option
======================================================================== */
/* line 31, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.custom-option .center-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 60%;
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.26);
  color: #fff;
}

/* line 39, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.custom-option .center-container i {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

/* Hover
======================================================================== */
/* line 49, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option:not(.selected):hover {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);
}

/* Info Badge
======================================================================== */
/* line 57, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option .info-badge {
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #8c8c8c;
  font-size: 11px;
  color: #fff;
  border-bottom-left-radius: 5px;
  padding: 3px;
}

/* line 66, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option .info-badge div {
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stickers
/* ===================================================================== */
/* ===================================================================== */
/* line 77, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.sticker {
  background-color: #fff;
  height: 120px;
}

/* line 80, app/assets/stylesheets/components/background_picker_container.scss */
.background-picker-container .background-option.sticker img {
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 1, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group {
  display: inline-block;
  background-color: #f4f4f4;
  padding: 2px 0px;
  border-radius: 8px;
  border: 3px solid #f4f4f4;
}

/* line 9, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button {
  padding: 6px 10px;
  color: #727272;
  margin: 0px 2px;
  font-size: 14px;
  border-radius: 8px;
}

/* line 17, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button:not(.selected):hover {
  color: #464646;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 24, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button.selected {
  color: #464646;
  background-color: #fff;
  border-color: #bdbdbd;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
}

/* line 32, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.selected-is-blue button.selected {
  color: #fff;
  background-color: #62788a;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 41, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.full-width {
  width: 100%;
}

/* line 45, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.full-width.two-buttons button {
  width: calc(50% - 7px);
}

/* line 49, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.full-width.three-buttons button {
  width: calc(33.33% - 7px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Vertical Stack
/* ===================================================================== */
/* ===================================================================== */
/* line 58, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.vertical-stack button {
  width: calc(100% - 10px);
  display: block;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* ===================================================================== */
/* ===================================================================== */
/* Slim
/* ===================================================================== */
/* ===================================================================== */
/* line 72, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.slim {
  border-width: 2px;
}

/* line 76, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.slim button {
  padding: 2px 7px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Extra Slim
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.extra-slim {
  border-width: 2px;
}

/* line 89, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group.extra-slim button {
  padding: 2px 7px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 89, app/assets/stylesheets/components/fancy_button_groups.scss */
  .fancy-button-group.extra-slim button {
    font-size: 12.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Unselected & Selected Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 99, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button .selected-icon {
  display: none;
}

/* line 104, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button.selected .selected-icon {
  display: initial;
}

/* line 107, app/assets/stylesheets/components/fancy_button_groups.scss */
.fancy-button-group button.selected .unselected-icon {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* For Secondary Header Fixed (Mobile Nav)
/* ===================================================================== */
/* ===================================================================== */
/* line 117, app/assets/stylesheets/components/fancy_button_groups.scss */
.secondary-header-fixed .mobile-header .fancy-button-group {
  display: flex;
  background-color: transparent;
  border-width: 0px;
  width: 100%;
  padding-left: 24px;
  gap: 32px;
}

/* line 126, app/assets/stylesheets/components/fancy_button_groups.scss */
.secondary-header-fixed .mobile-header .fancy-button-group .btn {
  height: 50px;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 4px solid transparent;
  font-size: 15.5px;
  margin: 0px;
  padding: 0px;
  min-width: 50px;
}

/* line 137, app/assets/stylesheets/components/fancy_button_groups.scss */
.secondary-header-fixed .mobile-header .fancy-button-group .btn.selected {
  border-bottom-color: #2f2f2f;
}

/* line 1, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container {
  position: fixed;
  transform: translateY(20px);
  pointer-events: none;
  opacity: 0;
  z-index: 99999999999;
  top: 69px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  border-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  transition: all 0.2s ease-in-out;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container {
    top: 61px;
    width: 530px;
    right: 14px;
    bottom: 15px;
    left: initial;
    border-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container {
    width: 603px;
    right: 10px;
    bottom: 10px;
    border-radius: 16px;
    box-shadow: -2px 13px 36px 2px #000000a6;
    webkit-box-shadow: -2px 13px 36px 2px #000000a6;
    transform: translateX(20px) translateY(0px);
    border: 1px solid #bbbbbb;
  }
}

/* line 41, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container.active {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0px);
}

@media (min-width: 1200px) {
  /* line 41, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container.active {
    transform: translateX(0px) translateY(0px);
  }
}

/* Header
======================================================================== */
/* line 52, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .header {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 20px;
  background-color: #f4f4f4;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .header {
    padding: 20px;
    margin-bottom: 10px;
  }
}

/* line 62, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .header .right {
  flex-grow: 1;
  text-align: right;
}

@media (min-width: 1200px) {
  /* line 68, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .header {
    background-color: #fff;
    position: sticky;
    left: 0px;
    top: 0px;
    right: 0px;
    height: unset;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.13);
    border-radius: 16px;
    padding: 16px 32px;
  }
}

/* line 84, app/assets/stylesheets/components/in_app_notifications_container.scss */
#in-app-notifications-container.open {
  transform: translateX(0);
}

/* line 88, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .header h4 {
  margin: 0px;
  font-size: 19px;
}

/* line 91, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .header h4 i {
  margin-right: 5px;
}

/* line 96, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .header .mark-all-as-read {
  color: #2e5166;
  font-size: 14px;
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* In App Notification
/* ===================================================================== */
/* ===================================================================== */
/* line 107, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container {
  padding: 25px 15px;
  display: flex;
  border-bottom: 1px solid #efefef;
  transition: all 0.2s;
  position: relative;
}

@media (min-width: 576px) {
  /* line 107, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container {
    padding: 17px 17px;
  }
}

/* line 116, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .avatar-column {
  flex: 0 0 50px;
  position: relative;
}

@media (min-width: 576px) {
  /* line 116, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container .avatar-column {
    flex: 0 0 48px;
  }
}

/* line 122, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .avatar-column .profile-avatar {
  display: block;
}

/* line 126, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .content-column {
  padding-top: 4px;
}

@media (min-width: 1200px) {
  /* line 107, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container {
    padding: 17px 48px;
  }
}

/* Object Record Link Overlay
======================================================================== */
/* line 136, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .object-record-link-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: transparent;
}

/* Activity Main Text
======================================================================== */
/* line 144, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .activity-main-text {
  font-size: 15px;
}

@media (min-width: 576px) {
  /* line 144, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container .activity-main-text {
    font-size: 15px;
  }
}

/* Dropdown Action Menu
======================================================================== */
/* line 153, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .dropdown-action-menu {
  display: none;
  position: absolute;
  z-index: 2;
  right: 5px;
  top: 17px;
}

/* line 159, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .dropdown-action-menu button {
  margin-right: 10px;
}

/* Context
======================================================================== */
/* line 166, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .context {
  margin-top: 11px;
  font-size: 15px;
}

/* Time and Event
======================================================================== */
/* line 173, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .time-and-event {
  color: #9b9b9b;
  margin-top: 11px;
}

/* line 176, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .time-and-event .fa-circle {
  font-size: 6px;
  margin: 0px 5px;
  position: relative;
  top: -2px;
}

/* Communication Body
======================================================================== */
/* line 186, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .communication-body {
  margin-top: 10px;
}

/* line 188, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .communication-body p {
  line-height: 20px;
}

/* Desktop Hover
======================================================================== */
@media (min-width: 1200px) {
  /* line 195, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container:hover {
    background-color: #f9f9f9;
    cursor: pointer;
  }
  /* line 199, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container:hover .dropdown-action-menu {
    display: initial;
  }
}

/* Unread Dot
======================================================================== */
/* line 207, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .unread-dot {
  width: 12px;
  height: 12px;
  background-color: #dc3545;
  position: absolute;
  left: -5px;
  top: -2px;
  border-radius: 100%;
  border: 2px solid #fff;
}

@media (min-width: 576px) {
  /* line 207, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container .unread-dot {
    left: -10px;
    top: 11px;
  }
}

@media (min-width: 1200px) {
  /* line 207, app/assets/stylesheets/components/in_app_notifications_container.scss */
  .in-app-notifications-container .in-app-notification-container .unread-dot {
    width: 14px;
    height: 14px;
    left: -20px;
    top: 7px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* Mark Read/Unread Links
======================================================================== */
/* line 233, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .mark-as-read-link i, .in-app-notifications-container .in-app-notification-container .mark-as-unread-link i {
  margin-right: 9px;
  display: inline-block;
}

/* line 238, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container .mark-as-unread-link {
  display: none;
}

/* Unread Styling
======================================================================== */
/* line 246, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container[data-read='true'] .unread-dot {
  display: none;
}

/* line 249, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container[data-read='true'] .mark-as-read-link {
  display: none;
}

/* line 252, app/assets/stylesheets/components/in_app_notifications_container.scss */
.in-app-notifications-container .in-app-notification-container[data-read='true'] .mark-as-unread-link {
  display: block;
}

/* line 5, app/assets/stylesheets/components/discarded_record.scss */
.discarded-record-container .notice-container {
  width: 90%;
  max-width: 400px;
  text-align: center;
  color: #a21515;
  border: 1px solid #e8e3e3;
  padding: 20px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20vh;
}

/* line 18, app/assets/stylesheets/components/discarded_record.scss */
.discarded-record-container .notice-container .trash-icon {
  font-size: 40px;
  display: block;
  margin-bottom: 20px;
  color: #a21515;
}

/* line 25, app/assets/stylesheets/components/discarded_record.scss */
.discarded-record-container .notice-container h4 {
  margin-bottom: 0px;
}

/* line 1, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger {
  display: inline-block;
  width: 49px;
  height: 42px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #464646;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* line 37, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger span:nth-child(1) {
  top: 0px;
}

/* line 41, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger span:nth-child(2), #animated-hamburger span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%);
}

/* line 46, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger span:nth-child(4) {
  bottom: 0px;
}

/* line 50, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* line 56, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 63, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 70, app/assets/stylesheets/components/animated_hamburger.scss */
#animated-hamburger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* line 1, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container .progress {
  margin-bottom: 5px;
}

/* line 5, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container .progress-labels {
  display: flex;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/components/progress_bars.scss */
  .progress-bar-container .progress-labels {
    font-size: 13px;
  }
}

/* line 13, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container .progress-labels.small-grey {
  font-size: 12px;
  color: #909090;
}

/* line 19, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container.single-line {
  display: flex;
  align-items: center;
}

/* line 22, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container.single-line .progress {
  flex: 70%;
  margin-bottom: 0px;
}

/* line 26, app/assets/stylesheets/components/progress_bars.scss */
.progress-bar-container.single-line .progress-labels {
  flex: 30%;
}

/* line 1, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header {
  position: relative;
  background-color: #fff;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 11, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .cover-image-container {
  position: relative;
}

/* line 15, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .cover-image-container img {
  display: block;
  width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Avatar Image
/* ===================================================================== */
/* ===================================================================== */
/* line 25, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .avatar-image-container {
  border-radius: 8px;
  border: 3px solid #fff;
  position: absolute;
  top: calc(100% - 30px);
  left: 15px;
  z-index: 2;
}

@media (min-width: 576px) {
  /* line 25, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .avatar-image-container {
    top: calc(100% - 65px);
    left: 25px;
    border-width: 5px;
  }
}

/* line 39, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .avatar-image-container .profile-avatar {
  display: block;
  width: 80px;
  height: 80px;
  font-size: 45px;
}

/* line 44, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .avatar-image-container .profile-avatar img {
  width: 80px;
  height: 80px;
}

@media (min-width: 576px) {
  /* line 39, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .avatar-image-container .profile-avatar {
    width: 135px;
    height: 135px;
    font-size: 65px;
  }
  /* line 52, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .avatar-image-container .profile-avatar img {
    width: 135px;
    height: 135px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Info Container
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .info-container {
  padding-left: 112px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  /* line 64, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .info-container {
    padding-left: 185px;
    padding-top: 20px;
    padding-bottom: 28px;
  }
}

/* line 76, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .info-container h1 {
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 76, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .info-container h1 {
    font-size: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Images Button Groups
/* ===================================================================== */
/* ===================================================================== */
/* line 88, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .edit-image-button-group button {
  background-color: #0000002b;
  color: #fff;
  border: 1px solid #ffffff73;
}

/* line 92, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .edit-image-button-group button i {
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 96, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header .edit-image-button-group button:hover i {
    transform: scale(1.3);
  }
}

/* line 102, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header #edit-cover-image-button-group {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

/* line 106, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header #edit-cover-image-button-group button {
  padding: 7px;
}

/* line 111, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header #edit-avatar-button-group {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

/* line 115, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header #edit-avatar-button-group button {
  padding: 3.5px 1.5px;
}

/* line 118, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header #edit-avatar-button-group button i {
  font-size: 7px;
  display: block;
}

@media (min-width: 576px) {
  /* line 124, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header #edit-avatar-button-group {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
  /* line 129, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header #edit-avatar-button-group button {
    padding: 8px 5px;
  }
  /* line 132, app/assets/stylesheets/components/social_vendor_header.scss */
  .social-vendor-header #edit-avatar-button-group button i {
    font-size: 15px;
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Context Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 145, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown {
  opacity: 0;
  padding-right: 0px;
  transition: opacity .3s;
}

/* line 151, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown.open {
  opacity: 1;
}

/* line 155, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown .dropdown-container {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 15px;
  padding-left: 17px;
  border-bottom-right-radius: 12px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 165, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown .dropdown-container .profile-avatar {
  margin-right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Info Container
/* ===================================================================== */
/* ===================================================================== */
/* line 174, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header.vendor_job_page .info-container {
  display: flex;
  align-items: center;
}

/* line 177, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header.vendor_job_page .info-container .info-container-left {
  flex-grow: 1;
}

/* Demo Badge
======================================================================== */
/* line 184, app/assets/stylesheets/components/social_vendor_header.scss */
.social-vendor-header .demo-badge-container {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJobCategoryAssignments
/* ===================================================================== */
/* ===================================================================== */
/* line 195, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown .vendor-job-category-assignment {
  border: 1px solid #eeeeee;
  color: #343a40;
  padding: 6px;
  margin-left: 10px;
  border-radius: 6px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 195, app/assets/stylesheets/components/social_vendor_header.scss */
  #social-vendor-header-context-dropdown .vendor-job-category-assignment {
    font-size: 13.5px;
  }
}

/* line 204, app/assets/stylesheets/components/social_vendor_header.scss */
#social-vendor-header-context-dropdown .vendor-job-category-assignment .remove-button {
  display: none !important;
}

/* line 1, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column {
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column {
    margin-right: 300px;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column {
    border-right: 1px solid #e0e0e0;
    position: fixed;
    top: 53px;
    left: 55px;
    bottom: 0px;
    width: 450px;
    padding: 0px;
    overflow-y: scroll;
    z-index: 2;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Cover Image
/* ===================================================================== */
/* ===================================================================== */
/* line 24, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .cover-image-container {
  position: relative;
  border-radius: 0px;
  width: 100%;
  aspect-ratio: 2.5 / 1;
  background-color: #f4f4f4;
}

/* line 32, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .cover-image-container img {
  max-width: 100%;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Avatar & Controls
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .avatar-and-controls {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

/* ===================================================================== */
/* ===================================================================== */
/* Avatar
/* ===================================================================== */
/* ===================================================================== */
/* line 53, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .avatar-image-container {
  position: relative;
  width: fit-content;
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: #fff;
  box-shadow: 0px 1px 0px 1px #0000000a;
  -webkit-box-shadow: 0px 1px 0px 1px #0000000a;
  margin-top: -50px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .avatar-image-container {
    margin-top: -65px;
  }
}

/* line 67, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .avatar-image-container .profile-avatar {
  display: block;
  width: 80px;
  height: 80px;
  font-size: 45px;
  border-radius: 6px;
}

/* line 73, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .avatar-image-container .profile-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 6px;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .avatar-image-container .profile-avatar {
    width: 100px;
    height: 100px;
    font-size: 55px;
  }
  /* line 82, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .avatar-image-container .profile-avatar img {
    width: 100px;
    height: 100px;
  }
}

/* Company Name
======================================================================== */
/* line 91, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column h2.company-name {
  font-weight: 550;
  font-size: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Image Button Group
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .edit-image-button-group {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

@media (min-width: 576px) {
  /* line 101, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .edit-image-button-group {
    display: block;
  }
}

/* line 109, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .edit-image-button-group button {
  padding: 4px 1px;
}

/* line 114, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .edit-image-button-group button i {
  color: #fff;
  text-shadow: 0 0 3px #00000045;
}

/* line 118, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .edit-image-button-group i {
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 122, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .edit-image-button-group:hover button i {
    transform: scale(1.3);
    text-shadow: 0 0 7px #0000007d;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Content Container
/* ===================================================================== */
/* ===================================================================== */
/* line 134, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .sub-content-container {
  position: relative;
  margin: 0px 32px;
}

@media (min-width: 576px) {
  /* line 134, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .sub-content-container {
    margin: 0px 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Specifics
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .vendor-specifics-container {
  border-bottom: 1px dotted #e0e0e0;
  padding: 24px 0px;
  margin-top: 16px;
}

@media (min-width: 576px) {
  /* line 149, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .vendor-specifics-container {
    padding: 32px 0px;
    padding-top: 16px;
    display: grid;
    position: relative;
    grid-template-columns: auto 210px;
    grid-gap: 24px;
    margin: 8px 0px;
  }
}

/* line 164, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .vendor-specifics-container .data-label {
  display: block;
  color: #5e5e5e;
  font-size: 14px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 164, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .vendor-specifics-container .data-label {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 164, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .vendor-specifics-container .data-label {
    font-size: 13.5px;
  }
}

/* line 176, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column .vendor-specifics-container .status-container {
  margin-bottom: 24px;
}

@media (min-width: 576px) {
  /* line 176, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column .vendor-specifics-container .status-container {
    margin-bottom: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Overrides for VendorJob Context
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 188, app/assets/stylesheets/components/vendor_details_column.scss */
  .vendor-details-column.for-vendor-job {
    left: calc(55px + 199px);
    width: 400px;
  }
}

/* line 195, app/assets/stylesheets/components/vendor_details_column.scss */
body[data-portal='true'] .vendor-details-column.for-vendor-job {
  left: 199px;
  width: 400px;
}

/* Cover Photo, show controls only on hover
======================================================================== */
/* line 204, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column.for-vendor-job #cover-image-edit-container #edit-cover-image-button-group {
  display: none;
}

/* line 208, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column.for-vendor-job #cover-image-edit-container:hover #edit-cover-image-button-group {
  display: block;
}

/* Avatar Photo, show controls only on hover
======================================================================== */
/* line 217, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column.for-vendor-job #avatar-image-edit-container #edit-avatar-button-group {
  display: none;
}

/* line 221, app/assets/stylesheets/components/vendor_details_column.scss */
.vendor-details-column.for-vendor-job #avatar-image-edit-container:hover #edit-avatar-button-group {
  display: block;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/enriched_profile.scss */
  .enriched-profile .left-panel {
    position: fixed;
    top: 53px;
    right: calc(30vw);
    left: 55px;
    bottom: 0px;
    overflow: scroll;
    padding: 0px 25px;
    padding-left: 11vw;
  }
}

/* line 15, app/assets/stylesheets/components/enriched_profile.scss */
.enriched-profile .right-panel {
  display: none;
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/components/enriched_profile.scss */
  .enriched-profile .right-panel {
    background-color: #fff;
    border-top-left-radius: 12px;
    padding: 27px;
    display: block;
    position: fixed;
    top: 72px;
    right: 0px;
    bottom: 0px;
    width: calc(30vw - 20px);
    overflow: scroll;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 32, app/assets/stylesheets/components/enriched_profile.scss */
.enriched-profile .section-head {
  display: flex;
  margin-bottom: 12px;
}

/* line 35, app/assets/stylesheets/components/enriched_profile.scss */
.enriched-profile .section-head .head-left {
  flex-grow: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Social Vendor Header Positioning
/* ===================================================================== */
/* ===================================================================== */
/* line 45, app/assets/stylesheets/components/enriched_profile.scss */
.enriched-profile .social-vendor-header #social-vendor-header-context-dropdown {
  position: fixed;
  top: 53px;
  right: 0px;
  left: 55px;
  z-index: 3;
}

/* line 1, app/assets/stylesheets/components/educational_containers.scss */
.educational-container {
  max-width: 700px;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}

/* line 8, app/assets/stylesheets/components/educational_containers.scss */
.educational-container img {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  display: block;
  margin-bottom: 32px;
}

/* line 16, app/assets/stylesheets/components/educational_containers.scss */
.educational-container .info-column {
  margin-top: 30px;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/components/educational_containers.scss */
  .educational-container .info-column {
    margin-top: 0px;
    padding-left: 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Wrapper Display
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper {
  background-color: #fff;
  min-height: 100vh;
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    min-height: initial;
    width: 50vw;
    overflow: scroll;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Wrapper Display
/* ===================================================================== */
/* ===================================================================== */
/* line 28, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper {
  display: none;
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .feature-wrapper {
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50vw;
    background-color: #fcfcfc;
    pointer-events: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Background Curtain
/* ===================================================================== */
/* ===================================================================== */
/* line 50, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper .background-curtain {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Logo Header Wrapper
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .logo-header-wrapper {
  padding: 24px;
  padding-bottom: 48px;
}

@media (min-width: 576px) {
  /* line 63, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .logo-header-wrapper {
    padding: 48px;
    padding-bottom: 96px;
  }
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .logo-header-wrapper {
    display: flex;
    align-items: center;
    gap: 48px;
    padding: 48px;
    padding-bottom: 12vh;
  }
}

/* line 79, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .logo-header-wrapper .logo {
  width: 116px;
  margin-bottom: 24px;
}

@media (min-width: 576px) {
  /* line 79, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .logo-header-wrapper .logo {
    width: 136px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .logo-header-wrapper .logo {
    width: 130px;
    margin-bottom: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Content
/* ===================================================================== */
/* ===================================================================== */
/* line 97, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .form-content {
  padding: 0px 24px 100px 24px;
  max-width: 465px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .form-content {
    max-width: 420px;
  }
}

@media (min-width: 1200px) {
  /* line 97, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .form-content {
    padding-bottom: 0px;
    margin-bottom: 32px;
  }
}

/* line 112, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .form-content .divider {
  height: 20px;
  width: 100%;
}

/* line 117, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .form-content h1 {
  font-size: 33px;
}

@media (min-width: 576px) {
  /* line 117, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .form-content h1 {
    font-size: 36px;
  }
}

/* line 124, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard h2.sub-header {
  font-size: 23px;
}

@media (min-width: 1200px) {
  /* line 124, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard h2.sub-header {
    font-size: 27px;
  }
}

/* line 131, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard p.sub-header-2 {
  margin-bottom: 0px;
  position: fixed;
  top: 24px;
  right: 24px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 131, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard p.sub-header-2 {
    position: relative;
    top: 0px;
    right: 0px;
  }
}

/* line 144, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .form-content h4 {
  font-size: 18px;
  font-weight: normal;
}

@media (min-width: 576px) {
  /* line 144, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .form-content h4 {
    font-size: 19px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Form: Avatar
/* ===================================================================== */
/* ===================================================================== */
/* line 157, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-avatar .mobile-avatar-container .profile-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff !important;
  border: 1px dashed #dadada;
  color: #c4c4c4;
  margin-bottom: 48px;
  box-sizing: content-box;
}

/* line 166, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-avatar .mobile-avatar-container .profile-avatar img {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form: Company Details
/* ===================================================================== */
/* ===================================================================== */
/* line 176, app/assets/stylesheets/components/onboarding_wizard.scss */
#form-company-details #address-actions .dark-link {
  font-size: 14px;
}

/* line 180, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-company-details #inline-logo-preview {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  padding: 16px;
  padding-top: 24px;
}

/* line 187, app/assets/stylesheets/components/onboarding_wizard.scss */
#form-company-details #inline-logo-preview img {
  max-width: 100%;
  max-height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature: Profile Avatar Preview
/* ===================================================================== */
/* ===================================================================== */
/* line 201, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 43%;
  width: 360px;
  background-color: #fff;
  z-index: 3;
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  transition: all 0.5s;
  border: 1px solid #dcdcdc;
}

/* line 216, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview .full-name-display {
  display: block;
  text-align: center;
  font-size: 27px;
  font-weight: 500;
  padding-top: 200px;
  padding-bottom: 55px;
  transition: all 0.5s;
}

/* line 226, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview .profile-avatar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(26%);
  transition: all 0.5s;
  background-color: #fff !important;
  border: 1px dashed #dadada;
  color: #c4c4c4;
  font-weight: 100;
  box-sizing: content-box;
}

/* line 236, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview .profile-avatar img {
  display: block;
}

/* line 241, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview[data-state="offstage"] {
  top: calc(100% + 300px);
}

/* line 245, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview[data-state="onstage-done"] {
  top: 20%;
  padding-top: 20px;
}

/* line 253, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview[data-state="onstage-done"] .profile-avatar {
  transform: translateX(-50%) translateY(-63%) scale(0.5);
}

/* line 261, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-profile-avatar-preview[data-state="onstage-done"] .full-name-display {
  padding-top: 23px;
  padding-bottom: 30px;
  transform: scale(0.7);
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature: Company Preview
/* ===================================================================== */
/* ===================================================================== */
/* line 273, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -13px;
  width: 80%;
  height: 71vh;
  background-color: #fff;
  z-index: 2;
  border-radius: 24px;
  overflow: hidden;
  padding: 40px;
  padding-top: 80px;
  transition: all 0.6s;
  border: 1px solid #dcdcdc;
}

/* line 288, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #details-preview-notice {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 16px;
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 297, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #invoice-header .logo-placeholder {
  font-size: 76px;
  margin-bottom: 13px;
  color: #c4c4c4;
  font-weight: 200;
}

/* line 304, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #invoice-header .company-name-display {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;
  display: block;
}

/* line 311, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #invoice-header .address-display {
  font-size: 15px;
  line-height: 1.5;
}

/* line 316, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #invoice-header .logo-container img {
  max-width: 250px;
  max-height: 160px;
  margin-bottom: 18px;
}

/* line 322, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview #invoice-header .placeholder-span {
  display: block;
  height: 13px;
  background-color: #f1f1f1;
  border-radius: 8px;
  margin-bottom: 11px;
}

/* line 330, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview .content-placeholder-span {
  display: block;
  height: 8px;
  background-color: #f6f6f6;
  border-radius: 8px;
  margin-bottom: 7px;
}

/* line 338, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview[data-state="offstage"] {
  transform: translateX(-50%) translateY(100%);
}

/* line 342, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview[data-state="onstage-done"] {
  transform: translateX(-50%) translateY(-18%) rotate(0deg) scale(0.7);
}

/* line 345, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .feature-wrapper #feature-company-preview[data-state="onstage-done"] #details-preview-notice {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shuttle Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 355, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .shuttle-buttons-container {
  display: flex;
  margin-top: 25px;
}

@media (min-width: 576px) {
  /* line 355, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .form-wrapper .shuttle-buttons-container {
    margin-top: 35px;
  }
}

/* line 363, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .form-wrapper .shuttle-buttons-container .skip-container {
  flex-grow: 1;
  text-align: right;
  padding-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section Name
/* ===================================================================== */
/* ===================================================================== */
/* line 374, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container {
  position: relative;
  margin-right: 20px;
}

@media (min-width: 576px) {
  /* line 374, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .progress-container {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  /* line 374, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard .progress-container {
    width: 100%;
    max-width: 370px;
  }
}

/* line 386, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .progress {
  height: 2px;
}

/* line 390, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 394, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-bar.bg-success {
  background-color: #438D4E !important;
}

/* line 398, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator .fa-stack {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  vertical-align: top;
}

/* line 404, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator .fa-stack .fas.fa-circle {
  color: #fff;
}

/* line 407, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator .fa-stack .far.fa-circle-dot, .onboarding-wizard .progress-container .step-indicator .fa-stack .fas.fa-check-circle {
  display: none;
}

/* line 410, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator .fa-stack .far.fa-circle {
  color: #d0d0d0;
  font-weight: 300;
}

/* line 414, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .progress-container .step-indicator .fa-stack .far.fa-circle-dot, .onboarding-wizard .progress-container .step-indicator .fa-stack .fas.fa-check-circle {
  color: #438D4E;
}

/* Checking Steps
======================================================================== */
/* line 422, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .step-indicator[data-step-status="active"] .far.fa-circle {
  display: none;
}

/* line 425, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .step-indicator[data-step-status="active"] .far.fa-circle-dot {
  display: inline-block !important;
}

/* line 431, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .step-indicator[data-step-status="complete"] .far.fa-circle {
  display: none;
}

/* line 434, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard .step-indicator[data-step-status="complete"] .fas.fa-check-circle {
  display: inline-block !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Signup
/* ===================================================================== */
/* ===================================================================== */
/* line 444, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .form-wrapper {
  background-color: #f8f7f5;
}

@media (min-width: 1200px) {
  /* line 444, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard.signup .form-wrapper {
    width: 58vw;
  }
}

@media (min-width: 1200px) {
  /* line 449, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard.signup .form-wrapper .form-content {
    max-width: 500px;
  }
}

/* line 455, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .feature-wrapper {
  background-image: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
}

@media (min-width: 1200px) {
  /* line 455, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard.signup .feature-wrapper {
    width: 42vw;
  }
}

/* line 460, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .feature-wrapper .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

/* line 471, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .form-content h2 {
  font-size: 22px;
}

@media (min-width: 576px) {
  /* line 471, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard.signup .form-content h2 {
    font-size: 22px;
  }
}

/* line 478, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .authentication-footer {
  margin-top: 20px;
  text-align: left;
}

/* line 483, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .legal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5px;
  width: 60%;
  color: #b4b4b4;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 483, app/assets/stylesheets/components/onboarding_wizard.scss */
  .onboarding-wizard.signup .legal {
    font-size: 14px;
    width: 100%;
    right: 0px;
    padding-right: 5px;
    text-align: right;
  }
}

/* line 500, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .mobile-splash {
  position: relative;
  background-image: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
}

/* line 503, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard.signup .mobile-splash .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Size Options in Error
/* ===================================================================== */
/* ===================================================================== */
/* line 519, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-additional-details #company-size-fields-container #required-warning {
  display: none;
}

/* line 524, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-additional-details #company-size-fields-container.is-invalid .onboarding-company-size-option {
  border-left-color: #dc3545;
}

/* line 527, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #form-additional-details #company-size-fields-container.is-invalid #required-warning {
  display: block;
}

/* line 532, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #nice-shot {
  padding: 16px;
  font-size: 18px;
  text-align: center;
  opacity: 1;
  transition: opacity 1.5s ease-out;
  pointer-events: none;
}

/* line 541, app/assets/stylesheets/components/onboarding_wizard.scss */
.onboarding-wizard #nice-shot.fade-out {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/components/demo_data.scss */
.demo-data-record-badge {
  background-color: #c66060;
  color: #fff;
  background-color: #ba4646;
  font-weight: 600;
  letter-spacing: 1pt;
}

/* line 6, app/assets/stylesheets/components/demo_data.scss */
.demo-data-record-badge:hover {
  cursor: help;
}

/* line 11, app/assets/stylesheets/components/demo_data.scss */
.demo-data-record-badge--for-tr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  z-index: 1;
}

/* line 17, app/assets/stylesheets/components/demo_data.scss */
.demo-data-record-badge--for-mobile-index-card {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 64px;
}

/* line 20, app/assets/stylesheets/components/demo_data.scss */
.demo-data-record-badge--for-mobile-index-card.pull-right {
  right: 24px;
}

/* line 1, app/assets/stylesheets/components/labeled_line_divider.scss */
.labeled-line-divider {
  position: relative;
}

/* line 5, app/assets/stylesheets/components/labeled_line_divider.scss */
.labeled-line-divider .divider-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #c3c3c3;
}

/* line 12, app/assets/stylesheets/components/labeled_line_divider.scss */
.labeled-line-divider .label-container {
  position: relative;
  z-index: 2;
  display: block;
  width: fit-content;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

/* line 1, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1051;
  opacity: 0;
  transition: all .3s;
}

/* line 9, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay.below-modal {
  z-index: 1040;
}

/* line 13, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay.open {
  opacity: 1;
}

/* line 17, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay #event-ad-hoc-container {
  background-color: #fdfdfd;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 11;
  width: 100vw;
  max-width: 450px;
  transform: translateX(calc(100% + 50px));
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
  #event-ad-hoc-record-overlay #event-ad-hoc-container {
    box-shadow: -10px 0px 34px 12px #00000012;
    -webkit-box-shadow: -10px 0px 34px 12px #00000012;
    border-left: 1px solid #d5d5d5;
  }
}

/* line 36, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay.extra-wide #event-ad-hoc-container {
  width: 76vw;
  max-width: 630px;
}

/* line 41, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay.open #event-ad-hoc-container {
  transform: translateX(0px);
}

/* line 45, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay #event-ad-hoc-container .vertical-scroll-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
  #event-ad-hoc-record-overlay #event-ad-hoc-container .vertical-scroll-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Close Button
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Close Area
/* ===================================================================== */
/* ===================================================================== */
/* line 91, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay #event-ad-hoc-close-area {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay #event-ad-hoc-container .header {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fdfdfd;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1.5px dotted #d8d8d8;
}

@media (min-width: 576px) {
  /* line 101, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
  #event-ad-hoc-record-overlay #event-ad-hoc-container .header {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* line 124, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay #event-ad-hoc-container .header h3 {
  color: #2f2f2f;
  font-size: 17px;
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wedding Role Selector
/* ===================================================================== */
/* ===================================================================== */
/* line 135, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay .wedding-role-selector-container {
  padding: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

/* line 143, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay .wedding-role-selector-container:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 148, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay .wedding-role-selected-container {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 15px;
}

/* line 155, app/assets/stylesheets/components/event_ad_hoc_record_overlay.scss */
#event-ad-hoc-record-overlay .wedding-role-selector-container button {
  min-width: 125px;
}

/* line 1, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
#smart-field-edit-panel .field-container-header {
  padding: 12px 24px;
  background-color: #f4f4f4;
  margin: 6px 0px;
  font-weight: 600;
}

/* line 6, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
#smart-field-edit-panel .field-container-header:first-child {
  margin-top: 0px;
}

/* line 11, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
.smart-field-edit-panel-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
  .smart-field-edit-panel-block:hover {
    cursor: pointer;
    background-color: #f5f5f5;
  }
}

/* line 24, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
.smart-field-edit-panel-block .smart-field-title {
  font-weight: 500;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
  .smart-field-edit-panel-block .smart-field-title {
    font-size: 14.5px;
  }
}

/* line 29, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
.smart-field-edit-panel-block .smart-field-title .spacer-icon {
  font-size: 10px;
  position: relative;
  top: -1px;
  margin-left: 2px;
  margin-right: 2px;
}

/* line 38, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
.smart-field-edit-panel-block .smart-field-preview-value {
  font-size: 14px;
  color: #727272;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 576px) {
  /* line 38, app/assets/stylesheets/components/smart_field_edit_panel_block.scss */
  .smart-field-edit-panel-block .smart-field-preview-value {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Outgoing Email Modal Dialog Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 30;
  background-color: #ffffffb3;
  transform: translateX(100%);
  opacity: 0;
  transition: opacity 0.4s;
}

/* line 15, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay .dialog-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  background-color: #fff;
  border-radius: 6px;
  padding: 15px;
  width: 85%;
  max-width: 400px;
}

@media (min-width: 576px) {
  /* line 15, app/assets/stylesheets/components/outgoing_emails.scss */
  #outgoing-email-modal-dialog-overlay .dialog-container {
    padding: 25px;
  }
}

/* Modal Warning Overlay .open
======================================================================== */
/* line 30, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay.open {
  transform: translateX(0%);
  opacity: 1;
}

/* line 39, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay .error-icon {
  display: block;
  color: #a21515;
  font-size: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
}

/* line 47, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay .sending-icon {
  display: block;
  color: #00ab86;
  font-size: 40px;
  margin-bottom: 15px;
  margin-top: 15px;
}

/* line 55, app/assets/stylesheets/components/outgoing_emails.scss */
#outgoing-email-modal-dialog-overlay .error-line {
  margin-bottom: 5px;
}

/* Context Inbox
======================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Outgoing Email Adhoc Button
/* ===================================================================== */
/* ===================================================================== */
/* line 73, app/assets/stylesheets/components/outgoing_emails.scss */
.outgoing-email-ad-hoc-button .fa-spin {
  display: none;
}

/* line 79, app/assets/stylesheets/components/outgoing_emails.scss */
.outgoing-email-ad-hoc-button.loading i {
  display: none;
}

/* line 82, app/assets/stylesheets/components/outgoing_emails.scss */
.outgoing-email-ad-hoc-button.loading .fa-spin {
  display: inline-block;
}

/* line 2, app/assets/stylesheets/components/email_statuses.scss */
.email-delivery-status-envelope-badge.pending {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 6, app/assets/stylesheets/components/email_statuses.scss */
.email-delivery-status-envelope-badge.delivered {
  background-color: #cfedca;
  color: #4c8e41;
}

/* line 10, app/assets/stylesheets/components/email_statuses.scss */
.email-delivery-status-envelope-badge.bounced, .email-delivery-status-envelope-badge.failed {
  background-color: #ffcece;
  color: #c22323;
}

/* Selected Checkmark
======================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* New Category Selector Option
/* ===================================================================== */
/* ===================================================================== */
/* line 54, app/assets/stylesheets/components/category_selector_options.scss */
.new-category-selector-option {
  border-radius: 6px;
  border-width: 1px;
  border-style: dashed;
  border-color: teal;
  color: teal;
  position: relative;
  transition: all 0.3s;
  font-size: 16px;
  padding: 14px 12px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 54, app/assets/stylesheets/components/category_selector_options.scss */
  .new-category-selector-option {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/components/category_selector_options.scss */
  .new-category-selector-option {
    line-height: 125%;
    margin-bottom: 50px;
    margin-top: 12px;
    margin-left: -6px;
    margin-right: -6px;
  }
  /* line 73, app/assets/stylesheets/components/category_selector_options.scss */
  .new-category-selector-option:hover {
    background-color: #f6f6f6;
  }
}

/* line 77, app/assets/stylesheets/components/category_selector_options.scss */
.new-category-selector-option i {
  margin-right: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJob Modal implementation
/* ===================================================================== */
/* ===================================================================== */
/* line 112, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option {
  border: 0px;
  display: flex;
  padding: 20px 12px;
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 0px;
  border-bottom: 1px solid #ececec;
  transition: all 0.1s;
  position: relative;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 112, app/assets/stylesheets/components/category_selector_options.scss */
  .category-selector-option {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 112, app/assets/stylesheets/components/category_selector_options.scss */
  .category-selector-option {
    padding: 14px 12px;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/components/category_selector_options.scss */
  .category-selector-option:hover {
    background-color: #f6f6f6;
    cursor: pointer;
  }
}

/* line 132, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option[data-category-has-vendors-enabled='false'] .category-name-label {
  opacity: 0.5;
}

/* line 137, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option .unselected-icon {
  margin-right: 12px;
  opacity: 0.2;
}

/* line 142, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option .selected-icon {
  display: none;
  transform: scale(1.5);
  margin-right: 12px;
  color: green;
}

/* line 149, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option .add-icon {
  margin-right: 12px;
  opacity: 0.5;
  transition: all 0.2s;
  color: teal;
}

/* line 155, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option:hover .add-icon {
  transform: scale(1.3);
  opacity: 1;
}

/* line 161, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option .category-icon {
  margin-right: 12px;
  opacity: 0.3;
}

/* line 167, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option.selected {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 170, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option.selected .selected-icon {
  display: inline-block;
}

/* line 173, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option.selected .unselected-icon {
  display: none;
}

/* line 179, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option.selected .category-name-label {
  opacity: 1;
}

/* Added Indicator Badge Mode
======================================================================== */
/* line 188, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option[data-selector-mode="added-indicator-badge"] .added-badge, .category-selector-option[data-selector-mode="added-indicator-badge"] .add-badge {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

@media (max-width: 1200px) {
  /* line 194, app/assets/stylesheets/components/category_selector_options.scss */
  .category-selector-option[data-selector-mode="added-indicator-badge"][data-is-added="false"] .add-badge {
    display: block;
  }
}

/* line 200, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option[data-selector-mode="added-indicator-badge"][data-is-added="false"]:hover .add-badge {
  display: block;
}

/* line 206, app/assets/stylesheets/components/category_selector_options.scss */
.category-selector-option[data-selector-mode="added-indicator-badge"][data-is-added="true"] .added-badge {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Category to VendorJob implementation
/* ===================================================================== */
/* ===================================================================== */
/* line 1, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .modal-body {
  height: 90vh;
  max-height: 790px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Left & Right Column
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .left-column,
.setup-guide-modal .right-column {
  padding: 30px;
  padding-top: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Left Column
/* ===================================================================== */
/* ===================================================================== */
/* line 22, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .left-column {
  background-color: #fbfbfb;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 28%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Right Column
/* ===================================================================== */
/* ===================================================================== */
/* line 36, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .right-column {
  background-color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 72%;
  overflow: scroll;
}

/* ===================================================================== */
/* ===================================================================== */
/* Close Button
/* ===================================================================== */
/* ===================================================================== */
/* line 51, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .close-button-container {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 10px;
  border-radius: 10px;
  transition: all 0.2s;
}

/* line 58, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .close-button-container:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

/* line 61, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .close-button-container:hover i {
  color: #464646;
}

/* line 65, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .close-button-container i {
  font-size: 25px;
  color: #989898;
}

/* ===================================================================== */
/* ===================================================================== */
/* Help Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .help-callout {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0px;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-bottom-width: 0px;
}

/* line 89, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .help-callout img.support-team {
  display: block;
  width: 65px;
}

/* line 94, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .help-callout .action-button {
  display: block;
  font-size: 14.5px;
  border: 1px solid #e7e7e7 !important;
  padding: 12px 17px;
  border-radius: 9px;
  transition: all 0.2s;
}

/* line 101, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .help-callout .action-button i {
  margin-right: 5px;
}

/* line 104, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .help-callout .action-button:hover {
  background-color: #2d2d2d;
  border-color: #2d2d2d !important;
  color: #fff;
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Nav Panel Link Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 117, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link {
  display: flex;
  margin: 10px 0px;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all 0.2s;
}

/* line 124, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link .left-col {
  flex-grow: 1;
}

/* line 127, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link .right-col {
  flex: 0 0 30px;
  text-align: right;
}

/* line 133, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link:not(.active):not(.static):hover {
  cursor: pointer;
  border-color: #d7d7d7;
}

/* line 138, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link.active {
  background-color: #fff;
  border-color: #e0e3e6;
}

/* line 143, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link .link-title {
  font-weight: 600;
  margin-top: 2px;
  display: block;
  color: #464646;
}

/* line 150, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link p {
  line-height: 18px;
  margin-top: 10px;
  margin-left: 5px;
  color: #7a8288;
  font-size: 14.5px;
  text-wrap: pretty;
}

/* line 159, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link .completed-icon {
  color: #00ab86;
  font-size: 21px;
}

/* line 164, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link .incomplete-icon,
.setup-guide-modal .nav-panel-link .basics-icon {
  color: #c4c4c4;
  font-size: 21px;
}

/* line 170, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link[data-completed="false"] .completed-icon {
  display: none;
}

/* line 173, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .nav-panel-link[data-completed="true"] .incomplete-icon {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Preloaders
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .preloader-element {
  border-radius: 100px;
}

/* line 186, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .preloader-element.step-element {
  height: 93px;
  border-radius: 15px;
  margin-bottom: 15px;
  opacity: 0.6;
}

/* line 194, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal[data-loading='false'] .preloader-element {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Steps
/* ===================================================================== */
/* ===================================================================== */
/* line 204, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  margin-bottom: 15px;
  display: flex;
  transition: all 0.2s;
}

/* line 211, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

/* line 218, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .number-col {
  flex: 0 0 35px;
}

/* line 221, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .step-info-col {
  flex-grow: 1;
  padding-right: 20px;
}

/* line 225, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .action-col {
  flex: 0 0 200px;
  justify-content: end;
  display: flex;
  align-items: center;
}

/* line 233, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .number-col {
  color: #909090;
  font-size: 21px;
}

/* line 236, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .number-col i {
  position: relative;
  top: -3px;
}

/* line 242, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container p {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 15px;
}

/* line 249, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .step-info-col .step-name {
  font-weight: 600;
  color: #464646;
}

/* line 254, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .action-col .action-icon {
  margin-left: 20px;
  color: #c4c4c4;
}

/* line 259, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .action-col .completed-indicator {
  color: #00ab86;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 259, app/assets/stylesheets/components/setup_guide_modal.scss */
  .setup-guide-modal .step-container .action-col .completed-indicator {
    font-size: 14.5px;
  }
}

/* line 263, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container .action-col .completed-indicator i {
  margin-right: 4px;
}

/* line 268, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .step-container[data-completed="false"] .completed-indicator {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guided Tours
/* ===================================================================== */
/* ===================================================================== */
/* line 279, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  column-gap: 30px;
}

/* line 286, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card {
  border-radius: 15px;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 291, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card .header {
  background-color: grey;
  height: 120px;
}

/* line 295, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card.gradient-1 .header {
  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

/* line 298, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card.gradient-2 .header {
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}

/* line 301, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card.gradient-3 .header {
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

/* line 304, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card.gradient-4 .header {
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

/* line 310, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card .tour-card-info {
  padding: 20px;
}

/* line 312, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .tour-card .tour-card-info p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 19px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Basics
/* ===================================================================== */
/* ===================================================================== */
/* line 324, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-section {
  margin-bottom: 40px;
}

/* line 326, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-section h4 {
  font-size: 16px;
  font-weight: 600;
  background-color: #f1f5f8;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
}

/* line 336, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid {
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
  grid-template-areas: "A B C" "A D E";
}

/* line 343, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .item-a {
  grid-area: A;
}

/* line 346, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .item-b {
  grid-area: B;
}

/* line 349, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .item-c {
  grid-area: C;
}

/* line 352, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .item-d {
  grid-area: D;
}

/* line 355, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .item-e {
  grid-area: E;
}

/* line 360, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .basics-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #efefef;
  font-size: 16px;
  font-weight: 600;
  color: #464646;
}

/* line 367, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .the-basics .basics-grid .basics-item p {
  line-height: 20px;
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  color: #8e8e8e;
}

/* ===================================================================== */
/* ===================================================================== */
/* Training Sessions
/* ===================================================================== */
/* ===================================================================== */
/* line 382, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session {
  display: flex;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 20px;
  align-items: center;
  margin-bottom: 25px;
  transition: all 0.2s;
}

/* line 390, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 395, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-visual {
  position: relative;
  width: 60px;
  height: 50px;
  margin-right: 20px;
  background-color: #c4c4c4;
  border-radius: 5px;
  flex: 0 0 60px;
}

/* line 403, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-visual.gradient-1 {
  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

/* line 406, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-visual.gradient-2 {
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}

/* line 409, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-visual.gradient-3 {
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

/* line 412, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-visual i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 20px;
}

/* line 419, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .session-info {
  flex-grow: 1;
}

/* line 421, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .session-info .session-name {
  font-size: 16px;
  font-weight: 600;
}

/* line 425, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .session-info p.session-desc {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 15px;
}

/* line 433, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .training-session .training-schedule-now {
  flex: 0 0 20%;
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Data Migration Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 443, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .data-migration-callout {
  border-radius: 20px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #d3d3d3;
  text-align: center;
  padding-bottom: 50px;
}

/* line 453, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .data-migration-callout img {
  width: 100%;
  display: block;
}

/* line 458, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .data-migration-callout .callout-content {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

/* line 464, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .data-migration-callout .file-type-badge {
  display: inline-block;
  margin: 5px;
  padding: 8px;
  border: 1px solid #ededed;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 464, app/assets/stylesheets/components/setup_guide_modal.scss */
  .setup-guide-modal .data-migration-callout .file-type-badge {
    font-size: 13.5px;
  }
}

/* line 474, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal .data-migration-callout p {
  line-height: 20px;
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  color: #8e8e8e;
}

/* ===================================================================== */
/* ===================================================================== */
/* Scheduler
/* ===================================================================== */
/* ===================================================================== */
/* line 487, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
}

/* line 490, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-overlay button#scheduler-cancel-button {
  display: none;
  margin-left: 37px;
  margin-top: 11px;
}

/* line 497, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-overlay.active {
  pointer-events: auto;
  background-color: #fff;
}

/* line 500, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-overlay.active button#scheduler-cancel-button {
  display: block;
}

/* line 505, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-target {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 50px;
}

/* line 510, app/assets/stylesheets/components/setup_guide_modal.scss */
.setup-guide-modal #scheduler-target iframe {
  min-height: 100% !important;
}

/* line 5, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .modal-body {
  padding: 0px;
}

/* line 9, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .cropping-block {
  position: relative;
  height: 60vh;
}

/* line 14, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .cropping-block .crop-loader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s;
}

/* line 19, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .cropping-block .crop-loader .crop-loader-spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  font-size: 60px;
  color: #c4c4c4;
}

/* line 27, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .cropping-block .crop-loader.loading {
  background-color: #f9f9f9;
  opacity: 1;
}

/* line 32, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .options-container {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

/* line 38, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .action-buttons-container {
  padding-bottom: 30px;
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Crop Saver
/* ===================================================================== */
/* ===================================================================== */
/* line 48, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .crop-saving-overlay {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
}

/* line 55, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .crop-saving-overlay .crop-saving-overlay-spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform: translateY(calc(-50% - 30px)) translateX(-50%);
  background-color: #fff;
  font-size: 50px;
  color: #797979;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #c4c4c4;
}

/* line 67, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] .crop-saving-overlay {
  pointer-events: auto;
  opacity: 1;
}

/* line 71, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] .cropper-point, .crop-image-modal[data-saving='true'] .cropper-line {
  opacity: 0;
}

/* line 74, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] .modal-header {
  transition: all 0.3s;
  background-color: #7d7d7d;
  border-bottom-color: #7d7d7d;
}

/* line 79, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] .options-container {
  transition: all 0.3s;
  background-color: #7d7d7d;
}

/* line 83, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] .action-buttons-container {
  transition: all 0.3s;
  background-color: #7d7d7d;
}

/* line 87, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal[data-saving='true'] button, .crop-image-modal[data-saving='true'] .btn {
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cropper.js overrides
/* ===================================================================== */
/* ===================================================================== */
/* line 97, app/assets/stylesheets/components/crop_image_modal.scss */
.crop-image-modal .cropper-point {
  background-color: #3399ff8c;
  border-radius: 4px;
  width: 10px !important;
  height: 10px !important;
  opacity: 1;
  border: 1px solid #3399ff;
}

/* line 1, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index {
  margin-top: 0px;
  margin-left: 25px;
  margin-right: 25px;
  text-align: center;
  opacity: 1;
  padding: 100px 45px;
  border-radius: 20px;
}

/* line 12, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index .empty-icon-container {
  width: 70px;
  height: 70px;
  background-color: #f4f4f4;
  border-radius: 11px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(0deg);
  position: relative;
}

/* line 22, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index .empty-icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #a6a6a6;
  font-size: 35px;
  font-weight: 250;
}

/* line 31, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index h5 {
  font-size: 20px;
  color: #838383;
  margin-bottom: 10px;
  font-weight: 400;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}

/* line 42, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index p.empty-state-desc {
  font-size: 16px;
  color: #838383;
  padding-left: 8%;
  padding-right: 8%;
}

/* line 49, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index .btn {
  margin-top: 15px;
}

/* line 54, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index.compact {
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0px;
}

/* line 58, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-index.compact h5 {
  font-size: 16px;
}

/* line 63, app/assets/stylesheets/components/empty_states.scss */
.empty-state--inline-index {
  border: 1px dashed #e7e7e7;
  border-radius: 8px;
  text-align: center;
  padding: 16px;
}

/* line 70, app/assets/stylesheets/components/empty_states.scss */
.empty-state__stacked-button-group {
  display: grid;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

/* line 78, app/assets/stylesheets/components/empty_states.scss */
.empty-state__stacked-button-group .btn {
  margin-top: 0px;
}

/* line 83, app/assets/stylesheets/components/empty_states.scss */
.empty-state--knockout-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff9e;
}

/* line 88, app/assets/stylesheets/components/empty_states.scss */
.blank-state--text {
  font-style: italic;
  font-size: 16px;
  color: #727272;
  line-height: 1.4;
}

@media (min-width: 576px) {
  /* line 88, app/assets/stylesheets/components/empty_states.scss */
  .blank-state--text {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Empty State for Search
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/components/empty_states.scss */
.empty-state-for-search {
  border: 1px dashed #d9d9d9;
  border-radius: 12px;
}

/* line 2, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion button {
  text-wrap: pretty;
}

/* line 5, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question {
  border-top: 1px solid #eeeeee;
}

/* line 7, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question:last-child {
  border-bottom: 1px solid #eeeeee;
}

/* line 11, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .answer {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

/* line 16, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .answer p {
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion .answer p {
    font-size: 16px;
  }
}

/* line 25, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question-button {
  display: flex;
  align-items: center;
  border-radius: 0px;
}

@media (min-width: 576px) {
  /* line 25, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion .question-button {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 25, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion .question-button {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* line 36, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion .question-button:hover {
    background-color: #f8f8f8;
  }
}

/* line 40, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question-button i {
  transition: all 0.35s;
  color: #15384a;
  opacity: 0.6;
}

/* line 48, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question-button.collapsed i {
  transform: rotate(180deg);
}

/* line 53, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion .question-button .question-text {
  display: block;
  flex-grow: 1;
  padding-right: 15px;
  font-size: 16.5px;
  color: #2f2f2f;
  text-wrap: pretty;
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion .question-button .question-text {
    font-size: 17.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Compact
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion.faq-accordion--compact .question-button {
  letter-spacing: unset;
  padding: 12px 24px;
}

@media (min-width: 1200px) {
  /* line 71, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion.faq-accordion--compact .question-button {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 79, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion.faq-accordion--compact .question-text {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 79, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion.faq-accordion--compact .question-text {
    font-size: 14.5px;
  }
}

/* line 82, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion.faq-accordion--compact .answer {
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion.faq-accordion--compact .answer {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 90, app/assets/stylesheets/components/faq_accordion.scss */
.faq-accordion.faq-accordion--compact .answer p {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 90, app/assets/stylesheets/components/faq_accordion.scss */
  .faq-accordion.faq-accordion--compact .answer p {
    font-size: 14.5px;
  }
}

/* line 1, app/assets/stylesheets/components/category_display_badges.scss */
.category-display-badge {
  display: inline-block;
  position: relative;
  padding: 8px;
  border-radius: 6px;
  font-size: 16px;
  color: #343a40;
  box-shadow: 0px 0px 3px 0px #00000047;
  -webkit-box-shadow: 0px 0px 3px 0px #00000047;
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/components/category_display_badges.scss */
  .category-display-badge {
    font-size: 14.5px;
  }
}

/* line 11, app/assets/stylesheets/components/category_display_badges.scss */
.category-display-badge i {
  margin-right: 4px;
}

/* Remove Category Button
======================================================================== */
/* line 18, app/assets/stylesheets/components/category_display_badges.scss */
.category-display-badge .remove-button {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid teal;
}

/* line 28, app/assets/stylesheets/components/category_display_badges.scss */
.category-display-badge .remove-button i {
  font-size: 10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 35, app/assets/stylesheets/components/category_display_badges.scss */
.category-display-badge:hover .remove-button {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stacked Category Display Badges
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges {
  border-radius: 6px;
  border: 1px dotted #e0e0e0;
}

/* line 49, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges .category-display-badge {
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
  padding: 15px;
  background-color: transparent;
}

/* line 56, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges .category-display-badge:not(:first-child) {
  border-top: 1px dotted #e0e0e0;
}

/* line 59, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges .category-display-badge .icon-and-name-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 66, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges .category-display-badge .remove-button {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: auto;
  aspect-ratio: 1 / 1;
  border-radius: 0px;
  background-color: transparent;
  border-color: transparent;
  color: #c4c4c4;
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/components/category_display_badges.scss */
  .stacked-category-display-badges .category-display-badge .remove-button {
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    aspect-ratio: unset;
    width: 17px;
    height: 17px;
    color: teal;
    border-color: teal;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.2s;
  }
}

/* line 92, app/assets/stylesheets/components/category_display_badges.scss */
.stacked-category-display-badges .category-display-badge .remove-button i {
  font-size: 20px;
}

@media (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/components/category_display_badges.scss */
  .stacked-category-display-badges .category-display-badge .remove-button i {
    font-size: 13px;
  }
}

@media (min-width: 1200px) {
  /* line 100, app/assets/stylesheets/components/category_display_badges.scss */
  .stacked-category-display-badges .category-display-badge:hover .remove-button {
    opacity: 1;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Category Toggle Chip
/* ===================================================================== */
/* ===================================================================== */
/* line 111, app/assets/stylesheets/components/category_display_badges.scss */
.vendor-job-category-toggle-chip {
  position: relative;
  background-color: #fff;
  border: 1px solid #ced4db;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 8px;
  font-weight: 550;
  font-size: 16px;
  letter-spacing: .3pt;
}

@media (min-width: 576px) {
  /* line 111, app/assets/stylesheets/components/category_display_badges.scss */
  .vendor-job-category-toggle-chip {
    font-size: 14.5px;
  }
}

/* line 121, app/assets/stylesheets/components/category_display_badges.scss */
.vendor-job-category-toggle-chip i {
  color: #727272;
  margin-right: 12px;
}

/* line 125, app/assets/stylesheets/components/category_display_badges.scss */
.vendor-job-category-toggle-chip .remove-category {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: auto;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
}

/* line 133, app/assets/stylesheets/components/category_display_badges.scss */
.vendor-job-category-toggle-chip .remove-category i {
  margin-right: 0px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 18px;
}

/* line 139, app/assets/stylesheets/components/category_display_badges.scss */
.vendor-job-category-toggle-chip .remove-category:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Record Assigner Component Field
/* ===================================================================== */
/* ===================================================================== */
/* line 152, app/assets/stylesheets/components/category_display_badges.scss */
.category-record-assigner-component-field[data-has-category="true"] .category-blank-element {
  display: none;
}

/* line 158, app/assets/stylesheets/components/category_display_badges.scss */
.category-record-assigner-component-field[data-has-category="false"] .category-present-element {
  display: none;
}

/* line 4, app/assets/stylesheets/components/stacked_data_rows.scss */
.stacked-data-rows-container {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 32px;
  row-gap: 24px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/components/stacked_data_rows.scss */
  .stacked-data-rows-container {
    font-size: 14.5px;
  }
}

/* line 14, app/assets/stylesheets/components/stacked_data_rows.scss */
.stacked-data-rows-container--narrow {
  row-gap: 12px;
}

/* line 18, app/assets/stylesheets/components/stacked_data_rows.scss */
.stacked-data-rows-container--slim {
  row-gap: 8px;
}

/* line 23, app/assets/stylesheets/components/stacked_data_rows.scss */
.stacked-data-rows-container--with-bottom-padding {
  padding-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/components/stacked_data_rows.scss */
  .stacked-data-rows-container--with-bottom-padding {
    padding-bottom: 32px;
  }
}

/* line 31, app/assets/stylesheets/components/stacked_data_rows.scss */
.stacked-data-rows-container .__label {
  color: #727272;
}

/* line 1, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows {
  display: grid;
  grid-template-columns: 1fr;
}

@media (max-width: 1200px) {
  /* line 6, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/* line 15, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--align-items-start {
  align-items: start !important;
}

/* line 19, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--hover-style-grey-bg {
  transition: all 0.2s;
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--hover-style-grey-bg:hover {
    background-color: #f8f8f8;
  }
}

/* line 26, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--hover-style-grey-bg:active {
  background-color: #f8f8f8;
}

/* line 31, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--expanded-hover {
  transition: all 0.2s;
}

@media (min-width: 1200px) {
  /* line 33, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--expanded-hover:hover {
    background-color: #f8f8f8;
    border-radius: 8px;
  }
}

/* line 39, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--expanded-hover:active {
  background-color: #f8f8f8;
  border-radius: 8px;
}

/* line 45, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--expanded-shadow-hover {
  transition: all 0.1s;
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--expanded-shadow-hover:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 52, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--expanded-shadow-hover:active {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 52, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--expanded-shadow-hover:active {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 62, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--border-bottom {
  border-bottom: 1px solid #f3f3f3;
}

/* Modifier - Label Value Action
======================================================================== */
/* line 68, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-label-value-action {
  display: grid;
  grid-template-columns: 1fr;
}

/* line 73, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action {
  transition: all 0.2s;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  grid-row-gap: 8px;
  grid-column-gap: 16px;
  grid-template-areas: "label action" "value action";
}

/* line 85, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__label {
  grid-area: label;
}

/* line 87, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__label .leading-icon {
  margin-right: 8px;
}

@media (max-width: 1200px) {
  /* line 87, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--label-value-action .__label .leading-icon {
    display: none;
  }
}

/* line 94, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__value {
  grid-area: value;
}

/* line 98, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__action {
  grid-area: action;
  align-self: center;
}

@media (min-width: 1200px) {
  /* line 98, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--label-value-action .__action {
    transition: opacity 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
  }
}

@media (min-width: 1200px) {
  /* line 106, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--label-value-action .__action .btn.btn-icon-only i {
    font-size: 13px;
    font-weight: 900;
  }
}

/* line 112, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__action .btn-secondary {
  background-color: #fff;
}

/* line 116, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action .__action.__action--always-visible {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 121, app/assets/stylesheets/components/inline_index.scss */
  .inline-index--rows-for-label-value-action-value-trigger:hover .__action {
    opacity: 1;
  }
}

/* line 127, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action:has(.btn:hover) {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* Modifier - Label Value Action (Single Line)
======================================================================== */
@media (min-width: 1200px) {
  /* line 135, app/assets/stylesheets/components/inline_index.scss */
  .inline-index__item--label-value-action--single-line {
    grid-template-columns: 140px 1fr auto;
    align-items: center;
    grid-template-areas: "label value action";
  }
}

/* line 144, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action--single-line--value-full-span {
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-template-areas: "label action" "value value";
}

/* line 150, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action--single-line--value-full-span .__value {
  grid-column: span 2;
}

/* line 153, app/assets/stylesheets/components/inline_index.scss */
.inline-index__item--label-value-action--single-line--value-full-span .__action {
  text-align: right;
}

/* Modifier - Pill Box
======================================================================== */
/* line 161, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox {
  border: 1px solid #f3f3f3;
  border-left-width: 0px;
  border-right-width: 0px;
}

@media (min-width: 1200px) {
  /* line 161, app/assets/stylesheets/components/inline_index.scss */
  .inline-index--rows-for-pillbox {
    border-radius: 8px;
    border-left-width: 1px;
    border-right-width: 1px;
  }
}

/* line 172, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox__item {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

/* line 175, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox__item:not(:first-child) {
  border-top: 1px solid #f3f3f3;
}

/* line 180, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox__item--hover {
  transition: all 0.2s;
}

@media (min-width: 1200px) {
  /* line 182, app/assets/stylesheets/components/inline_index.scss */
  .inline-index--rows-for-pillbox__item--hover:hover {
    background-color: #f8f8f8;
  }
}

/* line 187, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox__item--hover:active {
  background-color: #f8f8f8;
}

/* line 192, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox.inline-index--rows-for-pillbox--medium-border {
  border-color: #d5d5d5;
}

/* line 195, app/assets/stylesheets/components/inline_index.scss */
.inline-index--rows-for-pillbox.inline-index--rows-for-pillbox--medium-border .inline-index--rows-for-pillbox__item:not(:first-child) {
  border-top: 1px solid #d5d5d5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Panels
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 208, app/assets/stylesheets/components/inline_index.scss */
  .panel--white-card {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 2px #00000008;
    -webkit-box-shadow: 0px 2px 10px 2px #00000008;
  }
}

@media (max-width: 1200px) {
  /* line 218, app/assets/stylesheets/components/inline_index.scss */
  .panel--white-card--full-span-section {
    border-top: 16px solid #f6f6f6;
  }
}

@media (min-width: 576px) {
  /* line 218, app/assets/stylesheets/components/inline_index.scss */
  .panel--white-card--full-span-section {
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}

@media (min-width: 1200px) {
  /* line 218, app/assets/stylesheets/components/inline_index.scss */
  .panel--white-card--full-span-section {
    border-width: 0px;
    border-top: 1px solid #f3f3f3;
  }
}

/* line 237, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container {
  opacity: 1;
  transition-property: max-height, opacity;
  transition-duration: 0.1s, 0.2s;
  transition-delay: 0s, 0.2s;
}

@media (max-width: 1200px) {
  /* line 237, app/assets/stylesheets/components/inline_index.scss */
  .panel__content-container {
    padding-bottom: 32px;
  }
}

/* line 247, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container .__sub-content-container {
  display: grid;
  grid-gap: 24px;
}

/* line 250, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container .__sub-content-container .__sub-content-header {
  font-size: 16px;
  font-weight: 500;
}

@media (min-width: 576px) {
  /* line 250, app/assets/stylesheets/components/inline_index.scss */
  .panel__content-container .__sub-content-container .__sub-content-header {
    font-size: 14.5px;
  }
}

@media (max-width: 1200px) {
  /* line 250, app/assets/stylesheets/components/inline_index.scss */
  .panel__content-container .__sub-content-container .__sub-content-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* line 258, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container .__sub-content-container .__sub-content-header.--pull-content-up {
  margin-bottom: -24px;
}

/* line 261, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container .__sub-content-container .__sub-content-header.--desc-right {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

/* line 266, app/assets/stylesheets/components/inline_index.scss */
.panel__content-container .__sub-content-container .__sub-content-desc {
  color: #727272;
  font-size: 14px;
  font-weight: normal;
}

@media (min-width: 576px) {
  /* line 266, app/assets/stylesheets/components/inline_index.scss */
  .panel__content-container .__sub-content-container .__sub-content-desc {
    font-size: 12.5px;
  }
}

/* line 273, app/assets/stylesheets/components/inline_index.scss */
.panel[data-is-expanded="false"] .panel__content-container {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  padding-bottom: 0px;
}

/* line 280, app/assets/stylesheets/components/inline_index.scss */
.panel--can-collapse .simple-section-header {
  transition: margin-bottom 0.2s;
}

/* line 282, app/assets/stylesheets/components/inline_index.scss */
.panel--can-collapse .simple-section-header h4 i.fa-angle-down {
  transition: transform 0.1s;
}

/* line 287, app/assets/stylesheets/components/inline_index.scss */
.panel[data-is-expanded="false"] .simple-section-header {
  margin-bottom: 0px;
}

/* line 289, app/assets/stylesheets/components/inline_index.scss */
.panel[data-is-expanded="false"] .simple-section-header h4 i.fa-angle-down {
  transform: rotate(-90deg);
}

/* line 1, app/assets/stylesheets/components/info_tiles.scss */
.info-tile-grid {
  container-type: inline-size;
  container-name: info-tile-grid;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

@media (min-width: 480px) and (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile-grid {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 1680px) {
  /* line 1, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile-grid {
    gap: 24px;
  }
}

/* line 16, app/assets/stylesheets/components/info_tiles.scss */
.info-tile {
  background-color: #fff;
  container-type: inline-size;
  container-name: info-tile;
  grid-column: span 12;
  border: 1px solid transparent;
  display: grid;
  align-items: start;
  grid-template-rows: auto 1fr;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile {
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  /* line 16, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile {
    padding-bottom: 24px;
  }
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  }
}

/* line 39, app/assets/stylesheets/components/info_tiles.scss */
.info-tile:has(.info-tile__sub-header) {
  grid-template-rows: auto auto 1fr;
}

/* line 44, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--no-decoration {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 51, app/assets/stylesheets/components/info_tiles.scss */
.info-tile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 550;
}

@media (max-width: 1200px) {
  /* line 51, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__header {
    padding: 24px;
    font-size: 17px;
  }
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__header {
    padding: 24px;
  }
}

/* line 65, app/assets/stylesheets/components/info_tiles.scss */
.info-tile__header .__icon-label-header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
}

@media (max-width: 1200px) {
  /* line 72, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__sub-header {
    padding: 24px;
    padding-top: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 72, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__sub-header {
    padding: 24px;
    padding-top: 0px;
  }
}

@media (max-width: 1200px) {
  /* line 83, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__content-container--padded {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 1200px) {
  /* line 83, app/assets/stylesheets/components/info_tiles.scss */
  .info-tile__content-container--padded {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }
}

/* line 95, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--single-line-notification {
  padding: 0px;
}

/* line 97, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--single-line-notification .info-tile__header {
  justify-content: initial;
}

/* line 102, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--metric--number-md {
  font-size: 38px;
}

/* line 106, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--metric--number-sm {
  font-size: 30px;
}

/* line 110, app/assets/stylesheets/components/info_tiles.scss */
.info-tile--metric--number-xs {
  font-size: 25px;
}

/* line 1, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon {
  position: relative;
  display: inline-block;
  background-color: #f5f5f5;
  color: #2f2f2f;
  border-radius: 8px;
}

/* line 10, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-weight: 300;
}

/* line 15, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--red-alert {
  background-color: #fff6f6;
}

/* line 17, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--red-alert i {
  color: #a21515;
}

/* line 23, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--sm {
  width: 30px;
  height: 30px;
}

/* line 26, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--sm i {
  font-size: 16px;
}

/* line 31, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--md {
  width: 37px;
  height: 37px;
}

/* line 34, app/assets/stylesheets/components/framed_icons.scss */
.framed-icon--md i {
  font-size: 18px;
}

/* line 1, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown--container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/fancy_countdown.scss */
  .fancy-countdown--container {
    width: auto;
    height: 100%;
  }
}

/* line 19, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown--container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  /* copy background/content */
  filter: blur(10px);
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 50%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 50%, black 100%);
}

/* line 29, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown--container .gradient-backed-content {
  padding-top: 25%;
  color: #fff;
  background: linear-gradient(to bottom, transparent 15%, transparent 15%, #000000 100%);
  position: relative;
  z-index: 1;
  padding-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/components/fancy_countdown.scss */
  .fancy-countdown--container .gradient-backed-content {
    padding-top: 32px;
    padding-bottom: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background: linear-gradient(to bottom, #0000007a 0%, #000000de 100%);
  }
}

/* line 47, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown--container.fancy-countdown--container-no-date .gradient-backed-content,
.fancy-countdown--container.fancy-countdown--container-past-non-wedding .gradient-backed-content {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/components/fancy_countdown.scss */
  .fancy-countdown--container.fancy-countdown--container-no-date .gradient-backed-content,
.fancy-countdown--container.fancy-countdown--container-past-non-wedding .gradient-backed-content {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/components/fancy_countdown.scss */
  .fancy-countdown--container.fancy-countdown--container-no-date .gradient-backed-content,
.fancy-countdown--container.fancy-countdown--container-past-non-wedding .gradient-backed-content {
    background: linear-gradient(to bottom, #0000007a 0%, #0000007a 50%, #000000de 100%);
  }
}

/* line 60, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .simply-countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 0px 16px;
}

/* line 67, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .simply-countdown .simply-section {
  border-radius: 8px;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 82, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .simply-countdown .simply-section .simply-amount {
  display: block;
  font-size: 22px;
  font-weight: 600;
}

/* line 88, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .simply-countdown .simply-section .simply-word {
  margin-top: 6px;
  display: block;
  font-size: 14px;
}

/* line 94, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .fa-rings-wedding,
.fancy-countdown .fa-party-horn {
  display: block;
  font-size: 23px;
  margin-bottom: 8px;
}

/* line 101, app/assets/stylesheets/components/fancy_countdown.scss */
.fancy-countdown .date {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Just Added Element
/* ===================================================================== */
/* ===================================================================== */
/* line 8, app/assets/stylesheets/components/user_feedback/just_added.scss */
.just-added-element:not(.show-just-added) {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  height: 0px !important;
}

/* Pages
=========================================================================================================================*/
/* line 1, app/assets/stylesheets/pages/maintenance_mode.scss */
#maintenance-mode-page .background-curtain {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
  filter: blur(8px) brightness(0.5);
  -webkit-filter: blur(8px) brightness(0.5);
  scale: 1.2;
}

/* line 10, app/assets/stylesheets/pages/maintenance_mode.scss */
#maintenance-mode-page .message-container {
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
  max-width: 600px;
  text-align: center;
  padding: 20px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/maintenance_mode.scss */
  #maintenance-mode-page .message-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 50px 80px;
    border-radius: 15px;
  }
}

/* line 32, app/assets/stylesheets/pages/maintenance_mode.scss */
#maintenance-mode-page h2 {
  color: #15384a;
  margin-bottom: 20px;
}

/* line 37, app/assets/stylesheets/pages/maintenance_mode.scss */
#maintenance-mode-page .message-container .planpage-logo-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  margin-bottom: 40px;
  filter: invert(12%) sepia(11%) saturate(7027%) hue-rotate(170deg) brightness(99%) contrast(84%);
  -webkit-filter: invert(12%) sepia(11%) saturate(7027%) hue-rotate(170deg) brightness(99%) contrast(84%);
}

/* line 1, app/assets/stylesheets/pages/site_error_pages.scss */
#site-error-page .background-curtain {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
  filter: blur(8px) brightness(0.5);
  -webkit-filter: blur(8px) brightness(0.5);
  scale: 1.2;
}

/* line 10, app/assets/stylesheets/pages/site_error_pages.scss */
#site-error-page .message-container {
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 25px;
  max-width: 600px;
  text-align: center;
  padding: 40px 20px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/site_error_pages.scss */
  #site-error-page .message-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 50px 80px;
    border-radius: 15px;
  }
}

/* line 32, app/assets/stylesheets/pages/site_error_pages.scss */
#site-error-page h2 {
  color: #15384a;
  margin-bottom: 20px;
  font-size: 25px;
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/pages/site_error_pages.scss */
  #site-error-page h2 {
    font-size: 33px;
  }
}

/* line 41, app/assets/stylesheets/pages/site_error_pages.scss */
#site-error-page h2.for-500 {
  color: #a21515;
}

/* line 45, app/assets/stylesheets/pages/site_error_pages.scss */
#site-error-page .message-container .planpage-logo-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90px;
  margin-bottom: 40px;
  opacity: 0.3;
}

/* line 1, app/assets/stylesheets/pages/admin_styles.scss */
.admin-email-notification-instant-batched-icon {
  position: absolute;
  top: 1px;
  right: 1px;
  color: #00b035;
  font-size: 12px;
}

/* line 9, app/assets/stylesheets/pages/admin_styles.scss */
#admin-field-paths-index-container {
  position: fixed;
  top: 52px;
  right: 0px;
  bottom: 0px;
  width: 600px;
  background-color: #fff;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  transform: translateX(calc(100% + 50px));
  transition: all 0.3s;
}

/* line 22, app/assets/stylesheets/pages/admin_styles.scss */
#admin-field-paths-index-container.open {
  transform: translateX(0px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Field Containers
/* ===================================================================== */
/* ===================================================================== */
/* line 32, app/assets/stylesheets/pages/admin_styles.scss */
.admin-field-container .placement-toggle-icon {
  font-size: 25px;
}

/* line 34, app/assets/stylesheets/pages/admin_styles.scss */
.admin-field-container .placement-toggle-icon:hover {
  cursor: pointer;
}

/* line 38, app/assets/stylesheets/pages/admin_styles.scss */
.admin-field-container .placement-toggle-icon.off {
  opacity: 0.3;
}

/* line 41, app/assets/stylesheets/pages/admin_styles.scss */
.admin-field-container .placement-toggle-icon.on {
  color: green;
}

/* ===================================================================== */
/* ===================================================================== */
/* Smart Field Path Editor
/* ===================================================================== */
/* ===================================================================== */
/* line 50, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-path-badge {
  padding: 15px;
  border-radius: 10px;
}

/* line 55, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-path-badge.fixed {
  background-color: #efefef;
}

/* line 58, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-path-badge.variable {
  background-color: #3985a8;
  color: #fff;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Field Manager Smart Field Cards
/* ===================================================================== */
/* ===================================================================== */
/* line 69, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-card {
  background-color: #f8f8f8;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 0px;
}

/* line 74, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-card td {
  border-top: none;
}

/* line 77, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-card:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 82, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-card .more-info-container {
  padding-left: 35px;
}

/* line 87, app/assets/stylesheets/pages/admin_styles.scss */
.admin-field-container th, .admin-field-container td {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 93, app/assets/stylesheets/pages/admin_styles.scss */
.admin-smart-field-card .placement-toggle-icon.off {
  color: #b9b9b9;
}

/* ===================================================================== */
/* ===================================================================== */
/* Onboarding Helper Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 102, app/assets/stylesheets/pages/admin_styles.scss */
#onboarding-helper-enabled-callout-for-admin {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
  background-color: red;
  color: #fff;
  padding: 10px;
  border-top-right-radius: 10px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/pages/admin_styles.scss */
  #onboarding-helper-enabled-callout-for-admin {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Wedding Couple Fixer
/* ===================================================================== */
/* ===================================================================== */
/* line 119, app/assets/stylesheets/pages/admin_styles.scss */
#admin-wedding-couple-fixer .wedding-link-indicator {
  display: block;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 4px;
}

/* line 124, app/assets/stylesheets/pages/admin_styles.scss */
#admin-wedding-couple-fixer .wedding-link-indicator:not(.active):hover {
  background-color: #dedede;
}

/* line 127, app/assets/stylesheets/pages/admin_styles.scss */
#admin-wedding-couple-fixer .wedding-link-indicator.active {
  background-color: #c5f2ff;
  color: #000;
}

/* Auth Page Wrapper & Columns
=========================================================================================================================*/
/* line 3, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper {
  background-color: #fff;
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .left-col {
  padding: 32px;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 8, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .left-col {
    min-height: 100vh;
    width: 50vw;
    padding-top: 50px;
  }
}

@media (min-width: 576px) {
  /* line 18, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .left-col-content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 26, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .right-col {
  background-color: #fdfdfd;
  display: none;
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .right-col {
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50vw;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
  }
}

/* line 39, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .right-col .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none !important;
  z-index: 1;
  opacity: 1;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

/* line 49, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .right-col .right-col-content {
  position: relative;
  z-index: 2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Header
/* ===================================================================== */
/* ===================================================================== */
/* line 60, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .mobile-header {
  position: relative;
  text-align: center;
  height: 65px;
  padding: 0px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
}

/* line 71, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .mobile-header .logo {
  position: relative;
  z-index: 2;
  width: 125px;
  display: block;
}

/* Logo
======================================================================== */
/* Paragraph
======================================================================== */
/* line 86, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper p {
  color: #596171;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Content Container
/* ===================================================================== */
/* ===================================================================== */
/* line 95, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .form-content-container {
  margin-top: 40px;
}

/* Auth Content Wrapper
/* White Card
=========================================================================================================================*/
/* line 102, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .auth-content-wrapper {
  width: 100vw;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .auth-content-wrapper {
    max-width: 400px;
    padding-bottom: 0px;
  }
}

/* line 114, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .auth-content-wrapper .white-card {
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 20px;
}

@media (min-width: 576px) {
  /* line 114, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .auth-content-wrapper .white-card {
    padding: 48px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  }
}

/* Invite Callout
======================================================================== */
/* line 128, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .invite-callout {
  display: block;
}

/* line 132, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .invite-callout .greeting {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 600;
}

/* Authentication Footer
=========================================================================================================================*/
/* line 141, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .authentication-footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #727272;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 141, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .authentication-footer {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 141, app/assets/stylesheets/pages/authentication.scss */
  .auth-page-wrapper .authentication-footer {
    gap: 12px;
  }
}

/* line 150, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .authentication-footer a, .auth-page-wrapper .authentication-footer .fake-link {
  color: #2f2f2f;
  font-weight: 650;
}

/* line 153, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .authentication-footer a:hover, .auth-page-wrapper .authentication-footer .fake-link:hover {
  text-decoration: underline;
}

/* line 159, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page .sign-up-form-legal,
.recaptcha-disclaimer {
  opacity: 0.5;
  font-size: 14px;
  line-height: 1.3;
  text-wrap: balance;
  color: #727272;
}

/* line 166, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page .sign-up-form-legal a, #sign-up-page .sign-up-form-legal .fake-link,
.recaptcha-disclaimer a,
.recaptcha-disclaimer .fake-link {
  color: #2f2f2f;
  font-weight: 650;
}

/* line 169, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page .sign-up-form-legal a:hover, #sign-up-page .sign-up-form-legal .fake-link:hover,
.recaptcha-disclaimer a:hover,
.recaptcha-disclaimer .fake-link:hover {
  text-decoration: underline;
}

/* line 175, app/assets/stylesheets/pages/authentication.scss */
.recaptcha-disclaimer {
  opacity: 1;
}

@media (min-width: 576px) {
  /* line 175, app/assets/stylesheets/pages/authentication.scss */
  .recaptcha-disclaimer {
    position: fixed;
    width: fit-content;
    left: 0px;
    bottom: 0px;
    padding: 12px;
    background-color: #fff;
    z-index: 2;
    opacity: 1;
  }
}

/* line 187, app/assets/stylesheets/pages/authentication.scss */
.recaptcha-disclaimer .recaptcha-disclaimer-content {
  opacity: 0.5;
}

/* line 192, app/assets/stylesheets/pages/authentication.scss */
.grecaptcha-badge {
  visibility: hidden;
}

/* Buttons
=========================================================================================================================*/
/* line 199, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .submit-button {
  margin-bottom: 17px;
}

/* Text & Formatting
=========================================================================================================================*/
/* line 208, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper h1 {
  font-size: 19px;
  margin-bottom: 16px;
}

/* line 213, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .remember-me-field label {
  position: initial;
}

/* line 217, app/assets/stylesheets/pages/authentication.scss */
.auth-page-wrapper .divider {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 30px;
  height: 1px;
  background-color: #edf2f6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sign Up Page
/* ===================================================================== */
/* ===================================================================== */
/* line 231, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper h4.form-headline {
  margin-bottom: 20px;
}

/* line 235, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper h4.blue-headline {
  font-weight: 500;
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 235, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper h4.blue-headline {
    font-size: 27px;
  }
}

@media (min-width: 576px) {
  /* line 242, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper p.sub-headline {
    font-size: 17px;
  }
}

/* line 248, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper h4.form-headline-new-company-no-code {
  font-size: 25px;
  font-weight: 600;
}

/* New Invite Greeting
======================================================================== */
/* line 255, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper {
  box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 16px;
  border-bottom: 1px solid #e4e4e4;
  padding: 32px 32px;
  margin: -30px -32px 0px -32px;
}

@media (min-width: 576px) {
  /* line 255, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper {
    margin: 0px;
    border-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    border-radius: 16px;
  }
}

/* line 268, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper .new-invite-hand-wave {
  font-size: 35px;
  margin-bottom: 8px;
}

@media (min-width: 576px) {
  /* line 268, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper .new-invite-hand-wave {
    font-size: 40px;
    margin-bottom: 16px;
  }
}

/* line 276, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper h4.blue-headline {
  font-size: 26px;
}

/* line 279, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .new-invite-greeting-wrapper .sub-headline {
  color: #2f2f2f;
}

/* line 286, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .logo-and-tagline {
  display: flex;
  align-items: center;
  margin-left: 50px;
  margin-top: 60px;
  transition: all .7s;
}

/* line 292, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .logo-and-tagline .logo {
  width: 170px;
  margin-right: 30px;
}

/* line 296, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .logo-and-tagline p {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

/* line 304, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .sign-up-with-invite-code {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 4;
  background-color: #fff;
  color: #375767;
  border-bottom-left-radius: 20px;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  transition: all 1s;
}

@media (min-width: 576px) {
  /* line 304, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .right-col .sign-up-with-invite-code {
    font-size: 14.5px;
  }
}

/* Collage
======================================================================== */
/* line 325, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container {
  position: fixed;
  left: 71vw;
  top: 45vh;
}

/* line 331, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .screenshot-container {
  border-radius: 20px;
  overflow: hidden;
}

/* line 334, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .screenshot-container img {
  width: 70vw;
}

/* line 339, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .phone-container {
  position: absolute;
  top: 3vh;
  left: -13vw;
  width: 10vw;
  border-radius: 1.7vw;
  overflow: hidden;
  animation: authPageAnimation1 9s ease 0s infinite normal forwards;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
}

/* line 349, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .phone-container img {
  max-width: 100%;
}

/* line 354, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .clients {
  position: absolute;
  top: -27vh;
  left: 24vw;
  width: 4vw;
  border-radius: .5vw;
  overflow: hidden;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  padding: 9px;
  background-color: #fff;
  padding-right: 25px;
  box-sizing: unset;
}

/* line 367, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .clients img {
  max-width: 100%;
}

/* line 372, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .tasks {
  position: absolute;
  top: 43vh;
  left: -11vw;
  width: 11vw;
  border-radius: .5vw;
  overflow: hidden;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  padding: 12px;
  background-color: #fff;
  box-sizing: unset;
}

/* line 384, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .tasks img {
  max-width: 100%;
}

/* line 389, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding {
  overflow: hidden;
  position: absolute;
}

/* line 392, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding img {
  max-width: 100%;
}

/* line 396, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding-1 {
  border-radius: 20px;
  width: 15vw;
  height: 15vw;
  left: 15vw;
  top: -7vh;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  animation: authPageAnimation3 10s ease 0s infinite normal forwards;
}

/* line 406, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding-2 {
  border-radius: 20px;
  width: 11vw;
  height: 11vw;
  left: -4vw;
  top: -24vh;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
}

/* line 415, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding-3 {
  border-radius: 12px;
  width: 8vw;
  height: 8vw;
  left: 12vw;
  top: -32vh;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  animation: authPageAnimation2 13s ease 0s infinite normal forwards;
}

/* line 425, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .right-col .collage-container .wedding-4 {
  border-radius: 12px;
  width: 8vw;
  height: 8vw;
  left: 17vw;
  top: 30vh;
  box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 15px 15px 17px 1px rgba(0, 0, 0, 0.22);
  animation: authPageAnimation2 10s ease 0s infinite normal forwards;
}

/* Animations
======================================================================== */
@keyframes authPageAnimation1 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 10px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes authPageAnimation2 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 10px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 12px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes authPageAnimation3 {
  0% {
    transform: translate(0px, 0px);
  }
  60% {
    transform: translate(2px, 30px);
  }
  100% {
    transform: translate(0px 0px);
  }
}

/* Beta Code Entry Container & Request Success
======================================================================== */
/* line 505, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-code-entry-container,
#sign-up-page.auth-page-wrapper .beta-request-success-container {
  z-index: 4;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  padding: 35px;
  pointer-events: none;
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.4s ease-out;
  max-width: 500px;
}

@media (min-width: 1200px) {
  /* line 505, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-code-entry-container,
#sign-up-page.auth-page-wrapper .beta-request-success-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-20%) scale(1.4);
    bottom: unset;
    border-radius: 20px;
  }
}

/* line 530, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container {
  background-image: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
  color: #fff;
}

@media (min-width: 576px) {
  /* line 530, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-request-success-container {
    width: 500px;
  }
}

@media (min-width: 1200px) {
  /* line 530, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-request-success-container {
    background-image: none;
    background-color: transparent;
    backdrop-filter: blur(19px);
    -webkit-backdrop-filter: blur(19px);
  }
}

/* line 543, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

@media (min-width: 1200px) {
  /* line 543, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-request-success-container .noise-overlay {
    border-radius: 20px;
  }
}

/* line 555, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .success-content {
  position: relative;
  z-index: 3;
}

/* line 559, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container h4.form-headline {
  color: #fff;
  font-size: 28px;
}

/* line 563, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container h4.ring-to-it {
  font-size: 28px;
  margin-bottom: 20px;
}

/* line 567, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container p.success-p {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
}

/* line 572, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .return-button {
  background-color: #15384a;
  border-color: #15384a;
}

/* line 579, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  color: #375767;
  margin-bottom: 25px;
}

/* line 588, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .inner {
  position: relative;
  background-color: #fff;
  padding: 40px 20px;
  padding-bottom: 25px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}

/* line 596, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .floral-accent {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 60%;
  opacity: .15;
}

@media (min-width: 576px) {
  /* line 596, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .floral-accent {
    width: 50%;
  }
}

/* line 606, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .card-label {
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: 'Tangerine';
  font-size: 26px;
}

/* line 613, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .names {
  font-family: 'Tangerine';
  font-weight: 900;
  text-align: center;
  font-size: 38px;
}

@media (min-width: 1200px) {
  /* line 613, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date .names {
    font-size: 41px;
  }
}

/* line 622, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper .beta-request-success-container .save-the-date i {
  display: block;
  margin: 10px 0px;
}

/* Beta Code Entry Mode & BetaRequestSuccess
======================================================================== */
/* line 632, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="true"] .right-col,
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="request_success"] .right-col {
  width: 100vw;
  top: 0px;
  border-top-left-radius: 0px;
}

/* line 637, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="true"] .right-col .sign-up-with-invite-code,
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="request_success"] .right-col .sign-up-with-invite-code {
  transform: translateY(-120%);
}

/* Beta Code Entry Mode
======================================================================== */
/* line 645, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="true"] .beta-code-entry-container {
  pointer-events: auto;
  transform: translateY(0px);
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 645, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="true"] .beta-code-entry-container {
    transform: translateY(-50%) translateX(-50%) scale(1);
    transition-delay: .6s;
  }
}

/* Beta Request Success Mode
======================================================================== */
/* line 659, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="request_success"] .beta-request-success-container {
  pointer-events: auto;
  transform: translateY(0px);
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 659, app/assets/stylesheets/pages/authentication.scss */
  #sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="request_success"] .beta-request-success-container {
    transform: translateY(-50%) translateX(-50%) scale(1);
    transition-delay: .6s;
  }
}

/* line 668, app/assets/stylesheets/pages/authentication.scss */
#sign-up-page.auth-page-wrapper[data-beta-code-entry-mode="request_success"] .right-col .logo-and-tagline {
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sign In Page
/* ===================================================================== */
/* ===================================================================== */
/* line 682, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page.auth-page-wrapper .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

/* line 692, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page.auth-page-wrapper .auth-content-wrapper {
  position: relative;
  z-index: 2;
}

/* line 700, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page.auth-page-wrapper .white-card {
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
}

/* line 706, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page.auth-page-wrapper h1.form-headline {
  font-size: 25px;
  margin-bottom: 30px;
}

/* line 712, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .logo {
  display: block;
  width: 136px;
  margin-bottom: 50px;
}

@media (min-width: 1200px) {
  /* line 712, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .logo {
    width: 160px;
  }
}

/* line 722, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .submit-button {
  margin-top: 20px;
}

/* line 726, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .circle-overlay {
  display: none;
  width: 200vw;
  height: 200vw;
  background-color: #ffffff0f;
  position: fixed;
  border-radius: 100%;
  display: none;
}

/* line 739, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .auth-split {
  padding-top: 48px;
}

@media (min-width: 1200px) {
  /* line 739, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .auth-split {
    padding-top: 0px;
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
}

/* line 751, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .auth-split .auth-content-wrapper {
  position: initial;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 751, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .auth-split .auth-content-wrapper {
    margin-top: -56px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 762, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .auth-split__left-col {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* line 771, app/assets/stylesheets/pages/authentication.scss */
#sign-in-page .auth-split__right-col {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/onboarding/outdoor-wedding.jpg");
  background-size: cover;
  display: none;
  background-color: #fdfdfd;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

@media (min-width: 1200px) {
  /* line 771, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .auth-split__right-col {
    display: block;
  }
}

@media (min-width: 1200px) {
  /* line 785, app/assets/stylesheets/pages/authentication.scss */
  #sign-in-page .auth-split .logo {
    position: absolute;
    top: 48px;
    left: 0px;
  }
}

/* line 795, app/assets/stylesheets/pages/authentication.scss */
form .hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ===================================================================== */
/* ===================================================================== */
/* Grid/List View
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/event_index.scss */
#events-page[data-index-view='grid'] .desktop-list-view {
  display: none !important;
}

/* line 13, app/assets/stylesheets/pages/event_index.scss */
#events-page[data-index-view='list'] .desktop-grid-view {
  display: none !important;
}

/* line 18, app/assets/stylesheets/pages/event_index.scss */
#events-page[data-index-view='grid'] .primary-header-fixed .table-head-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop List View
/* ===================================================================== */
/* ===================================================================== */
/* line 27, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-list-view {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Events Index Event Card (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 36, app/assets/stylesheets/pages/event_index.scss */
#events-page .mobile-index-card--event-index-card .avatar-and-details-container {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
}

/* line 43, app/assets/stylesheets/pages/event_index.scss */
#events-page .mobile-index-card--event-index-card .details-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 47, app/assets/stylesheets/pages/event_index.scss */
#events-page .mobile-index-card--event-index-card .details-container .event-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 650;
}

/* line 52, app/assets/stylesheets/pages/event_index.scss */
#events-page .mobile-index-card--event-index-card .details-container .date-info {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/pages/event_index.scss */
  #events-page .mobile-index-card--event-index-card .details-container .date-info {
    font-size: 13.5px;
  }
}

/* line 58, app/assets/stylesheets/pages/event_index.scss */
#events-page .mobile-index-card--event-index-card .event-avatar-container {
  background-color: #7d7d7d;
  background-size: cover;
  width: 55px;
  height: 55px;
  border-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Events Index Event Table Row
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-list-view .event-row .event-avatar-container {
  width: 50px;
  height: 50px;
  background-size: cover;
  border-radius: 7px;
  background-color: #7d7d7d;
}

/* ===================================================================== */
/* ===================================================================== */
/* Events Index Event Card (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 84, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 32px;
  grid-row-gap: 48px;
  grid-column-gap: 24px;
}

@media (max-width: 1200px) {
  /* line 84, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view {
    display: none !important;
  }
}

@media (min-width: 1555px) {
  /* line 84, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 1885px) {
  /* line 84, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (min-width: 2266px) {
  /* line 84, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 2555) {
  /* line 84, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view {
    grid-template-columns: repeat(9, 1fr);
  }
}

/* line 107, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card {
  max-width: 100%;
  position: relative;
}

/* line 111, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card:hover .image-container {
  box-shadow: 0px 5px 7px 1px #00000033;
  -webkit-box-shadow: 0px 5px 7px 1px #00000033;
}

/* line 119, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card:has(.quick-nav-button-dropdown.show) .image-container {
  box-shadow: 0px 5px 7px 1px #00000033;
  -webkit-box-shadow: 0px 5px 7px 1px #00000033;
}

/* line 125, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card .image-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / .85;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  margin-bottom: 12px;
  transition: all 0.1s;
}

/* line 136, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card .event-name a {
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* line 146, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card .details-grid {
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  color: #596171;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 146, app/assets/stylesheets/pages/event_index.scss */
  #events-page .desktop-grid-view .event-index-desktop-card .details-grid {
    font-size: 13.5px;
  }
}

/* line 156, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card .quick-nav-button-dropdown {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}

/* line 161, app/assets/stylesheets/pages/event_index.scss */
#events-page .desktop-grid-view .event-index-desktop-card .quick-nav-button-dropdown.show {
  z-index: 101;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quick Nav
/* ===================================================================== */
/* ===================================================================== */
/* line 172, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown button.dropdown-toggle {
  border-radius: 6px;
  padding: 6px;
  display: block;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 5px 1px #00000024;
  -webkit-box-shadow: 0px 3px 5px 1px #00000024;
  border: 1px solid #c9c9c9;
}

/* line 181, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown button.dropdown-toggle:hover {
  box-shadow: 0px 3px 5px 1px #0000005e;
  -webkit-box-shadow: 0px 3px 5px 1px #0000005e;
}

/* line 188, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown.show button.dropdown-toggle #animated-hamburger {
  transform: scale(1.3) translateY(-1px);
}

/* line 193, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown #animated-hamburger {
  width: 13px;
  height: 11px;
}

/* line 196, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown #animated-hamburger span {
  height: 2px;
  background-color: #777777;
}

/* line 202, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu {
  width: 460px;
  padding: 0px;
  overflow: hidden;
  margin-top: -100px;
}

/* line 209, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .quick-nav-button-dropdown__grid-container {
  display: grid;
  grid-template-columns: 1fr auto;
}

/* line 214, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .loading-content-container {
  text-align: center;
}

/* line 218, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .quick-nav-button-dropdown__details-container {
  position: relative;
  padding: 24px;
}

/* line 221, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .quick-nav-button-dropdown__details-container .project-image {
  width: 55px;
  height: 55px;
  border-radius: 7px;
  background-size: cover;
  background-position: center;
  margin-bottom: 12px;
}

/* line 230, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .shortcuts-container {
  border-left: 1px solid #d7d7d7;
  background-color: #fdfdfd;
  padding: 0px 0px 8px 0px;
}

/* line 234, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .shortcuts-container .shortcuts-header {
  font-size: 14px;
  padding: 12px 0px 5px 20px;
  font-weight: 600;
  opacity: 0.4;
}

/* line 240, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .shortcuts-container a {
  color: #727272;
  font-size: 14px;
  font-weight: 600;
}

/* line 245, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .shortcuts-container i {
  color: #7c7c7c;
  font-weight: 300;
  opacity: 0.6;
  margin-right: 4px;
}

/* line 253, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* line 260, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .grid-item-actions {
  display: none !important;
}

/* line 263, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .profile-avatar {
  display: block !important;
  transform: scale(0.8);
  transform-origin: left center;
}

/* line 268, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .grid-item-name-and-role {
  font-size: 14px;
  line-height: 1.1;
}

@media (min-width: 576px) {
  /* line 268, app/assets/stylesheets/pages/event_index.scss */
  .quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .grid-item-name-and-role {
    font-size: 13.5px;
  }
}

/* line 272, app/assets/stylesheets/pages/event_index.scss */
.quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .role {
  display: block;
  font-size: 14px;
  opacity: 0.5;
}

@media (min-width: 576px) {
  /* line 272, app/assets/stylesheets/pages/event_index.scss */
  .quick-nav-button-dropdown .dropdown-menu .inline-index__item.person-container .role {
    font-size: 13.5px;
  }
}

/* line 1, app/assets/stylesheets/pages/change_current_profile.scss */
#change-current-profile-page {
  /* Divider
======================================================================== */
  /* Event Contact Container
======================================================================== */
}

/* line 5, app/assets/stylesheets/pages/change_current_profile.scss */
#change-current-profile-page .divider {
  margin-bottom: 0px;
}

/* line 11, app/assets/stylesheets/pages/change_current_profile.scss */
#change-current-profile-page .profile-link-container {
  padding: 20px 10px;
  border-bottom: 1px solid #ebebeb;
}

/* line 2, app/assets/stylesheets/pages/event_categories.scss */
#event-categories-page.show .edit {
  display: none;
}

/* line 8, app/assets/stylesheets/pages/event_categories.scss */
#event-categories-page.edit .show {
  display: none;
}

/* line 11, app/assets/stylesheets/pages/event_categories.scss */
#event-categories-page.edit .edit {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Ad Hoc Category Select Option
/* ===================================================================== */
/* ===================================================================== */
/* line 21, app/assets/stylesheets/pages/event_categories.scss */
.ad-hoc-company-template-category-option {
  font-size: 16px;
  padding: 13px 18px;
  border-radius: 6px;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/pages/event_categories.scss */
  .ad-hoc-company-template-category-option {
    font-size: 14.5px;
  }
}

/* line 26, app/assets/stylesheets/pages/event_categories.scss */
.ad-hoc-company-template-category-option i {
  margin-right: 5.5px;
}

/* line 31, app/assets/stylesheets/pages/event_categories.scss */
.ad-hoc-company-template-category-option:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Category Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 41, app/assets/stylesheets/pages/event_categories.scss */
#add-category-modal .category-container {
  border-radius: 6px;
}

/* line 45, app/assets/stylesheets/pages/event_categories.scss */
#add-category-modal .category-container .fake-link:hover {
  color: teal;
}

/* line 49, app/assets/stylesheets/pages/event_categories.scss */
#add-category-modal .category-container:hover {
  background-color: #eeeeee;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/pages/event_categories.scss */
#add-category-modal .category-container td {
  border-top: 0px;
}

/* line 58, app/assets/stylesheets/pages/event_categories.scss */
#add-category-modal .category-divider {
  height: 1px;
  background-color: #eeeeee;
  margin-left: 8px;
  margin-right: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Badge for Activity
/* ===================================================================== */
/* ===================================================================== */
/* line 70, app/assets/stylesheets/pages/event_categories.scss */
.activity-container .category-badge-for-activity {
  font-size: 14px;
  display: inline-block;
  border: 1px solid #eeeeee;
  color: #343a40;
  padding: 7px;
  border-radius: 6px;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/pages/event_categories.scss */
  .activity-container .category-badge-for-activity {
    font-size: 13.5px;
  }
}

/* line 78, app/assets/stylesheets/pages/event_categories.scss */
.activity-container .category-badge-for-activity i {
  margin-right: 5px;
}

/* line 1, app/assets/stylesheets/pages/category_library.scss */
body:has(#category-library-list-view-page) {
  background-color: #fff !important;
}

/* line 5, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page {
    left: 400px;
  }
}

/* line 13, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page #mobile-fixed-header {
  position: sticky;
  z-index: 5;
  top: 0px;
  background-color: #2f2f2f;
  display: flex;
  align-items: center;
  padding: 0px 24px;
  padding-right: 8px;
  height: 55px;
  border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #mobile-fixed-header {
    display: none;
  }
}

/* line 28, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page #mobile-fixed-header .logo {
  width: 130px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(105%);
}

/* line 34, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page #desktop-left-bar {
  display: none;
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #desktop-left-bar {
    display: block;
    background-color: #fdfdfd;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 400px;
    border-right: 1px solid #eaeaea;
    padding: 32px;
    padding-top: 94px;
    overflow-y: auto;
  }
}

/* line 49, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page #desktop-left-bar .desktop-left-bar-header {
  background-color: #2f2f2f;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding-left: 32px;
  padding-right: 32px;
}

/* line 62, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page #desktop-left-bar .logo {
  width: 140px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(105%);
}

@media (max-width: 1200px) {
  /* line 68, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar {
    border-bottom: 1px solid #f3f3f3;
  }
  /* line 72, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar .search-field input {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 50px;
  }
  /* line 77, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar .search-field .fa-search {
    left: 24px;
  }
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar {
    display: flex;
    align-items: center;
    height: 70px;
    background-color: #fff;
    position: sticky;
    z-index: 10;
    top: 0px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
  /* line 95, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar .search-field input {
    padding-left: 48px;
    font-size: 18px;
  }
  /* line 99, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page #toolbar .search-field .fa-search {
    left: 20px;
  }
}

/* line 108, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .group-header {
  background-color: #f7f7f7;
  position: sticky;
  top: 55px;
  padding: 24px 24px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 108, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page .group-header {
    top: 70px;
    padding: 24px 48px;
  }
}

/* line 124, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .global-category {
  padding: 16px 24px;
  font-size: 16px;
  display: grid;
  grid-template-columns: 45px 1fr;
}

/* line 126, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .global-category:not(:last-child) {
  border-bottom: 1px solid #f6f6f6;
}

@media (min-width: 576px) {
  /* line 124, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page .global-category {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 124, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page .global-category {
    grid-template-columns: 45px 300px 1fr;
    padding: 16px 48px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* No Results
/* ===================================================================== */
/* ===================================================================== */
/* line 144, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .no-results-callout {
  background-color: #fff;
  padding-top: 24px;
}

@media (min-width: 1200px) {
  /* line 144, app/assets/stylesheets/pages/category_library.scss */
  #category-library-list-view-page .no-results-callout {
    padding-top: 120px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Suggestions
/* ===================================================================== */
/* ===================================================================== */
/* line 157, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .category-suggestions-company-index .inline-index--rows-for-pillbox {
  background-color: #fff;
  border: 1px solid #eaeaea;
}

/* line 162, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .category-suggestions-company-index .category-suggestion {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  line-height: 1;
}

/* line 168, app/assets/stylesheets/pages/category_library.scss */
#category-library-list-view-page .category-suggestions-company-index .category-suggestion .table-row--primary-link {
  line-height: 1;
}

@media (max-width: 1200px) {
  /* line 173, app/assets/stylesheets/pages/category_library.scss */
  #category-library-mobile-info .question-button {
    padding: 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Desc Tooltip
/* ===================================================================== */
/* ===================================================================== */
/* line 184, app/assets/stylesheets/pages/category_library.scss */
.category-tooltip-container .tooltip-inner {
  width: 300px;
  text-align: left;
  padding: 12px;
  background-color: #2d2d2d !important;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

@media (min-width: 576px) {
  /* line 184, app/assets/stylesheets/pages/category_library.scss */
  .category-tooltip-container .tooltip-inner {
    font-size: 13.5px;
  }
}

/* line 2, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .btn.portal-toggle-disabled-button:hover {
  cursor: not-allowed;
}

/* line 7, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page.page {
  background-color: #fdfdfd;
  min-height: 100vh;
  padding: 16px;
}

@media (max-width: 1200px) {
  /* line 7, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page.page {
    padding-top: 24px;
  }
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page.page {
    padding: 24px 0px;
    padding-bottom: 180px;
  }
}

/* line 20, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-bottom: 24px;
}

@media (min-width: 1200px) {
  /* line 20, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .event-contact-group-header {
    grid-template-columns: auto 1fr;
    margin-left: 32px;
    margin-bottom: 24px;
  }
}

/* line 30, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group-header h4 {
  margin-bottom: 0px;
  margin-right: 16px;
}

/* line 37, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .collaborate-grid-columns-layout {
  display: grid;
  grid-gap: 16px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .collaborate-grid-columns-layout {
    grid-gap: 24px;
  }
}

/* line 53, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .collaborate-grid-columns-layout .event-contact-cards-container {
  display: grid;
  grid-gap: 24px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .collaborate-grid-columns-layout .event-contact-cards-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .collaborate-grid-columns-layout .event-contact-cards-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
  }
}

@media (min-width: 1440px) {
  /* line 53, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .collaborate-grid-columns-layout .event-contact-cards-container {
    grid-gap: 32px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Contact Card
/* ===================================================================== */
/* ===================================================================== */
/* line 74, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card {
  display: block;
  position: relative;
  box-shadow: 0px 3px 6px 1px #0000000a;
  -webkit-box-shadow: 0px 3px 6px 1px #0000000a;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  margin-bottom: 32px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 74, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .event-contact-card {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .event-contact-card {
    display: none !important;
  }
}

/* line 89, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .standard-action-icons-container {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* line 95, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .contact-details-container {
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  text-align: center;
  padding: 32px;
  grid-gap: 12px;
}

/* line 105, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .name {
  font-weight: 500;
  font-size: 18px;
}

/* line 110, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .edit-role-button {
  max-width: 70vw;
}

/* line 114, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card__footer {
  padding: 16px;
  border-top: 1px dashed #ebebeb;
}

/* line 117, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card__footer button {
  white-space: nowrap;
}

/* line 122, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .portal-controls {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 8px;
  grid-row-gap: 16px;
}

/* line 129, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card .portal-controls .enabled-portal-details {
  grid-column: span 2;
  display: grid;
  overflow: hidden;
  text-align: center;
  line-height: 1.6;
}

/* line 137, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card--discarded {
  background-color: transparent;
}

/* line 139, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-card--discarded .profile-avatar, #event-collaborate-page .event-contact-card--discarded .name, #event-collaborate-page .event-contact-card--discarded .role {
  opacity: 0.5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Contact Row
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group .event-contact-row {
  display: none;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  padding: 16px 32px;
  grid-template-columns: 50px 200px 250px 1fr;
  grid-row-gap: 16px;
  align-items: center;
  border-bottom-width: 0px;
  transition: box-shadow 0.2s;
}

@media (min-width: 576px) {
  /* line 149, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .event-contact-group .event-contact-row {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 149, app/assets/stylesheets/pages/event_collaborate.scss */
  #event-collaborate-page .event-contact-group .event-contact-row {
    display: grid;
  }
}

/* line 163, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group .event-contact-row:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 12px 1px #00000014;
  -webkit-box-shadow: 0px 0px 12px 1px #00000014;
}

/* line 171, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group #cards-and-rows-container {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
}

/* line 176, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group #cards-and-rows-container > event-contact-row:last-of-type {
  border-bottom-width: 1px;
}

/* line 180, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-row .edit-role-button {
  max-width: 100%;
}

/* line 184, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-row .portal-controls {
  display: grid;
  grid-template-columns: 150px 133px 145px auto;
  align-items: center;
  justify-content: end;
  grid-column-gap: 16px;
}

/* line 192, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-row .enabled-portal-details {
  grid-column: 1 / -1;
  text-align: right;
}

/* line 197, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-row .enabled-portal-details .portal-pending-container {
  width: fit-content;
  margin-left: auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  grid-gap: 16px;
  border-top: 1px dashed #e9e9e9;
  padding-top: 8px;
  border-left: 1px dashed #e9e9e9;
  padding-left: 16px;
  border-top-left-radius: 8px;
}

/* line 211, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-row .staff-member-controls,
#event-collaborate-page .event-contact-row .restore-controls {
  grid-column: 4 / -1;
  text-align: right;
}

/* line 217, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group .event-contact-row--discarded {
  background-color: transparent;
}

/* line 219, app/assets/stylesheets/pages/event_collaborate.scss */
#event-collaborate-page .event-contact-group .event-contact-row--discarded .profile-avatar, #event-collaborate-page .event-contact-group .event-contact-row--discarded .name, #event-collaborate-page .event-contact-group .event-contact-row--discarded .role {
  opacity: 0.7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Permissions Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 229, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .inline-index--rows-for-pillbox {
  background-color: #fff;
}

/* line 233, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row {
  background-color: #fff;
  display: grid;
  align-items: center;
  grid-gap: 12px;
}

@media (min-width: 1200px) {
  /* line 233, app/assets/stylesheets/pages/event_collaborate.scss */
  #edit-event-contact-permissions-modal .permission-row {
    grid-template-columns: 200px 1fr;
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* line 243, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row select {
  font-size: 16px;
  border-color: #ebebeb;
}

@media (min-width: 576px) {
  /* line 243, app/assets/stylesheets/pages/event_collaborate.scss */
  #edit-event-contact-permissions-modal .permission-row select {
    font-size: 14.5px;
  }
}

/* line 246, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row select:disabled, #edit-event-contact-permissions-modal .permission-row select[readonly] {
  background-color: #f7f7f7;
  color: #2f2f2f;
}

/* line 249, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row select:disabled:hover, #edit-event-contact-permissions-modal .permission-row select[readonly]:hover {
  cursor: not-allowed;
}

/* line 253, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row select:hover {
  cursor: pointer;
}

/* line 259, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row--header {
  grid-template-columns: 1fr auto;
  border-top: 48px solid #f7f7f7;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (min-width: 1200px) {
  /* line 259, app/assets/stylesheets/pages/event_collaborate.scss */
  #edit-event-contact-permissions-modal .permission-row--header {
    border-top-width: 48px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  /* line 268, app/assets/stylesheets/pages/event_collaborate.scss */
  #edit-event-contact-permissions-modal .permission-row--header h4 {
    font-size: 16px;
  }
}

/* line 274, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-row--lead-mode-warning p {
  grid-column: span 2;
  color: #a21515;
}

/* line 284, app/assets/stylesheets/pages/event_collaborate.scss */
#edit-event-contact-permissions-modal .permission-feature-container[data-feature-is-enabled="false"] .permission-row:not(.permission-row--header) {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Link to Contact Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 295, app/assets/stylesheets/pages/event_collaborate.scss */
.btn-group.wedding-link-to-contact-dropdown .dropdown-menu {
  width: calc(100vw - 10px);
  max-width: 400px;
}

@media (min-width: 1200px) {
  /* line 298, app/assets/stylesheets/pages/event_collaborate.scss */
  .btn-group.wedding-link-to-contact-dropdown .dropdown-menu .dropdown-item {
    padding: 24px;
    border: 1px solid transparent;
  }
}

@media (min-width: 1200px) {
  /* line 304, app/assets/stylesheets/pages/event_collaborate.scss */
  .btn-group.wedding-link-to-contact-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f8f8f8;
    border-color: #dedede;
  }
}

/* line 312, app/assets/stylesheets/pages/event_collaborate.scss */
.btn-group.wedding-link-to-contact-dropdown .dropdown-menu .or-divider {
  position: relative;
  height: 1px;
  background-color: #e0e0e0;
  margin: 20px 0px;
}

@media (min-width: 1200px) {
  /* line 312, app/assets/stylesheets/pages/event_collaborate.scss */
  .btn-group.wedding-link-to-contact-dropdown .dropdown-menu .or-divider {
    margin: 10px 0px;
  }
}

/* line 320, app/assets/stylesheets/pages/event_collaborate.scss */
.btn-group.wedding-link-to-contact-dropdown .dropdown-menu .or-divider .or-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: #f3f3f3;
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

/* line 328, app/assets/stylesheets/pages/event_collaborate.scss */
.btn-group.wedding-link-to-contact-dropdown .dropdown-menu .or-divider span {
  color: #5c5c5c;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Wedding Contact Link Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/event_wedding_contact_link.scss */
#new-wedding-contact-link-modal #existing-contact-container, #new-wedding-contact-link-modal #create-contact-container, #edit-lead-primary-event-contact-modal #existing-contact-container, #edit-lead-primary-event-contact-modal #create-contact-container {
  display: none;
}

/* line 14, app/assets/stylesheets/pages/event_wedding_contact_link.scss */
#new-wedding-contact-link-modal[data-existing-contact-mode-enabled='true'] #existing-contact-container,
#edit-lead-primary-event-contact-modal[data-existing-contact-mode-enabled='true'] #existing-contact-container {
  display: block;
}

/* line 20, app/assets/stylesheets/pages/event_wedding_contact_link.scss */
#new-wedding-contact-link-modal[data-existing-contact-mode-enabled='false'] #create-contact-container,
#edit-lead-primary-event-contact-modal[data-existing-contact-mode-enabled='false'] #create-contact-container {
  display: block;
}

/* Existing Contact Container
======================================================================== */
/* line 27, app/assets/stylesheets/pages/event_wedding_contact_link.scss */
#new-wedding-contact-link-modal .existing-contact-container,
#edit-lead-primary-event-contact-modal .existing-contact-container {
  background-color: #fff;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  transition: all 0.2s;
  border: 1px solid #dbdbdb;
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/pages/event_wedding_contact_link.scss */
  #new-wedding-contact-link-modal .existing-contact-container:hover,
#edit-lead-primary-event-contact-modal .existing-contact-container:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/*
   _____                 _     _      _     _
  / ____|               | |   | |    (_)   | |
 | |  __ _   _  ___  ___| |_  | |     _ ___| |_ ___
 | | |_ | | | |/ _ \/ __| __| | |    | / __| __/ __|
 | |__| | |_| |  __/\__ \ |_  | |____| \__ \ |_\__ \
  \_____|\__,_|\___||___/\__| |______|_|___/\__|___/
*/
/* Table of Contents =======================================================================================================
============================================================================================================================
* Guest Party Table Row
  = SubGuest Count Badge
  = Contact Info Icons & Request Button
* GuestGroup Table
  = Guest Group Container
  = New Guest Group Container
* Sub Event Table Sizing
* Uninvited Guests Modal
* Out of Town Icon (Plane)
*/
/* Notes ===================================================================================================================
============================================================================================================================
These styles are for the Summary and SubEvent GuestList pages.
*/
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Guest Party Table Row
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* SubGuest Count Badge
=========================================================================================================================*/
/* If a GuestParty has sub_guests, shows a +n badge next to the party name. */
/* TODO: Can probably be a globalized style */
/* line 39, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page table .sub-guest-count {
  color: #929292;
  margin-left: 8px;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Guest Group Table
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Manipulation for Scrollmagic
======================================================================== */
@media (max-width: 1200px) {
  /* line 54, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .guest-group-container.table-container {
    height: 0px;
    width: 0px;
    overflow: hidden;
    padding: 0px !important;
    margin-bottom: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    position: absolute;
    bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 68, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .guest-group-container.cards {
    height: 0px;
    width: 0px;
    overflow: hidden;
    padding: 0px !important;
    margin-bottom: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}

/* Guest Group Container
=========================================================================================================================*/
@media (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .guest-group-container {
    border-radius: 6px;
    padding: 8px 8px 10px 8px;
  }
  /* line 86, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .guest-group-container h4 {
    font-size: 15px;
    margin: 8px;
    margin-bottom: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event > Guest Parties
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .rsvp-column {
  flex: 0 0 5.66%;
  max-width: 55px;
}

/* line 104, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .party-name-column {
  flex: 0 0 25%;
}

/* line 107, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .additional-guests-column {
  flex: 0 0 20%;
}

/* line 110, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .invitation-column {
  flex: 0 0 7.66%;
  max-width: 100px;
}

/* line 114, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .guest-list-column {
  flex: 0 0 54px;
  justify-content: center;
}

/* line 118, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .group-column {
  flex: 0 0 20%;
  max-width: 200px;
}

/* line 122, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .out-of-town-column {
  flex: 0 0 3.66%;
  max-width: 45px;
  justify-content: center;
}

/* line 127, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guest_parties_view .party-contact-info-column {
  flex: 0 0 20%;
  max-width: 110px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event > Guests
/* ===================================================================== */
/* ===================================================================== */
/* line 140, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .rsvp-column {
  flex: 0 0 5.66%;
  max-width: 55px;
}

/* line 144, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .last-name-column {
  flex: 0 0 8.66%;
}

/* line 147, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .title-column {
  flex: 0 0 6.66%;
  max-width: 70px;
}

/* line 151, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .first-name-column {
  flex: 0 0 8.66%;
}

/* line 154, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .suffix-column {
  flex: 0 0 6.66%;
  max-width: 50px;
}

/* line 158, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .unknown-plus-one-column {
  flex: 0 0 30.64%;
}

/* line 161, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .role-column {
  flex: 0 0 8.66%;
}

/* line 164, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .invitation-column {
  flex: 0 0 7.66%;
  max-width: 100px;
}

/* line 168, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .rsvp-status-column {
  flex: 0 0 7.5%;
}

/* line 171, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .menu-option-column {
  flex: 0 0 6.66%;
}

/* line 174, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .dietary-restrictions-column {
  flex: 0 0 8.66%;
}

/* line 177, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .guest-list-column {
  flex: 0 0 54px;
  justify-content: center;
}

/* line 181, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .group-column {
  flex: 0 0 11.66%;
}

/* line 184, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_guests_view .out-of-town-column, #guest_parties-page.sub-event .div-table.guest_list_guests_view .plus-one-column {
  flex: 0 0 3.66%;
  max-width: 45px;
  justify-content: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event > Addresses
/* ===================================================================== */
/* ===================================================================== */
/* line 197, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .td {
  min-height: 50px;
}

/* line 200, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .rsvp-column {
  flex: 0 0 55px;
}

/* line 203, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .party-name-column {
  flex: 0 0 20%;
}

/* line 206, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .guest-list-column {
  flex: 0 0 60px;
  justify-content: center;
}

/* line 210, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .group-column {
  flex: 0 0 15%;
}

/* line 213, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .full-address-column {
  flex-grow: 1;
}

/* line 216, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.sub-event .div-table.guest_list_addresses_view .request-address-column {
  flex: 0 0 280px;
}

/* line 224, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-row .unknown-plus-one-column-link {
  opacity: 0.5;
}

/* line 226, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-row .unknown-plus-one-column-link:hover {
  opacity: 1;
}

/* line 231, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
tr.guest-row > td {
  border-bottom: 1px solid #f7f7f7;
}

/* line 239, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
tr.guest-row.party-end {
  border-bottom: 2px solid #f3f3f3;
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Sub Event Table Sizing
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* ===================================================================== */
/* ===================================================================== */
/* Out of Town Icon (Plane)
/* ===================================================================== */
/* ===================================================================== */
/* line 292, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-out-of-town-icon {
  color: #c6c6c6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Added Summary Badge & Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 301, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle {
  text-transform: none;
  text-align: center;
}

/* line 305, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle:hover .fa-caret-down {
  transition: all 0.2s;
  opacity: 1;
  width: 10px;
  margin-left: 4px;
}

/* line 314, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle .fa-caret-down {
  margin: 0px;
  padding: 0px;
  opacity: 0;
  transition: 0.2s;
  width: 0px;
}

/* line 323, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle[data-guest-invite-status="all"] {
  background-color: #d2edd9;
  border-color: #d2edd9;
}

/* line 328, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle[data-guest-invite-status="some"] {
  background-color: #ffe4ad;
  border-color: #ffe4ad;
}

/* line 333, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge button.dropdown-toggle[data-guest-invite-status="none"] {
  background-color: #dddddd;
  border-color: #dddddd;
}

/* line 338, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge.show button.dropdown-toggle {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);
}

/* line 341, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge.show button.dropdown-toggle .fa-caret-down {
  opacity: 1;
  width: 10px;
  margin-left: 4px;
  transform: rotate(180deg);
}

/* line 349, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge .dropdown-menu {
  margin-top: 9px;
  border-radius: 8px;
  width: 370px;
  padding: 20px;
  padding-bottom: 10px;
  z-index: 2;
}

/* line 359, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge .dropdown-menu .header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* line 363, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-page .guest-party-summary-invite-badge .dropdown-menu .header h4 {
  margin: 0px;
  flex-grow: 1;
  padding-left: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* GuestPartySubEvent Guest List
/* ===================================================================== */
/* ===================================================================== */
/* line 391, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon .list-letter-container .list-letter,
.guest-party-sub-event-guest-list-dropdown button .list-letter-container .list-letter {
  display: none;
  font-size: 16px;
}

/* line 404, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='a_list'],
.guest-party-sub-event-guest-list-dropdown[data-guest-list='a_list'] button {
  background-color: transparent;
  color: #2f2f2f;
}

/* line 408, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='a_list'] .list-letter.a-list,
.guest-party-sub-event-guest-list-dropdown[data-guest-list='a_list'] button .list-letter.a-list {
  display: block;
  font-weight: 700;
}

/* line 413, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='b_list'],
.guest-party-sub-event-guest-list-dropdown[data-guest-list='b_list'] button {
  background-color: #fbfbfb;
  color: #696969;
  font-style: italic;
}

/* line 418, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='b_list'] .list-letter.b-list,
.guest-party-sub-event-guest-list-dropdown[data-guest-list='b_list'] button .list-letter.b-list {
  display: block;
}

/* line 422, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='c_list'],
.guest-party-sub-event-guest-list-dropdown[data-guest-list='c_list'] button {
  background-color: #b8b8b8;
  color: #fff;
}

/* line 426, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-party-sub-event-guest-list-icon[data-guest-list='c_list'] .list-letter.c-list,
.guest-party-sub-event-guest-list-dropdown[data-guest-list='c_list'] button .list-letter.c-list {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Info Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 436, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.contact-info-icons {
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* line 442, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.contact-info-icons.contact-info-icons--inline {
  display: inline-flex;
  justify-content: start;
}

/* line 447, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.contact-info-icons i {
  font-size: 16px;
  transition: all 0.15s;
  transform-origin: bottom center;
}

@media (min-width: 1200px) {
  /* line 453, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .contact-info-icons:not(.no-hover) i:hover {
    transform: scale(1.2);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Summary Layout
/* ===================================================================== */
/* ===================================================================== */
/* line 464, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
#guest_parties-page.guest-summary #guest-groups-container-table {
  margin-right: 230px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sticky Table
/* ===================================================================== */
/* ===================================================================== */
/* line 473, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-outer {
  position: fixed;
  top: 107px;
  bottom: 0px;
  right: 0px;
  left: 254px;
}

/* line 480, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
body[data-portal="true"] .sticky-table-outer {
  left: 200px;
}

/* line 484, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper {
  position: absolute;
  inset: 0;
  right: 0px;
  overflow: auto;
  box-sizing: border-box;
  isolation: isolate;
  contain: paint;
  backface-visibility: hidden;
  padding-bottom: 50vh;
  scrollbar-gutter: stable;
  overflow: auto;
  scrollbar-width: unset;
}

/* line 499, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}

/* line 504, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 507, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

/* line 510, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper::-webkit-scrollbar-thumb:horizontal {
  background-color: #00000087;
  opacity: 0.5;
}

/* line 514, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper::-webkit-scrollbar-thumb:vertical {
  background-color: #00000087;
  opacity: 0.5;
}

/* line 520, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper table {
  border-spacing: 0;
  border-left-width: 0px;
}

/* line 531, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th {
  background-color: #f9f9f9;
}

/* line 535, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper tr td {
  background-color: #fff;
}

/* line 538, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper tr:hover td {
  background-color: #fbfbfb !important;
}

/* line 542, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th, .sticky-table-wrapper td {
  white-space: nowrap;
}

/* line 546, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper tr:last-child td {
  border-bottom: none;
}

/*
STICKY ROW
Normal css box-shadow works for the header as it is a single html element
*/
/* line 554, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper tr.sticky {
  position: sticky;
  top: 0;
  z-index: 15;
  box-shadow: 0px 1px 1px #e9e9e9;
  will-change: transform;
  transform: translateZ(0);
  /* layer promotion */
  backface-visibility: hidden;
  contain: paint;
}

/*
STICKY COLUMN
Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.
*/
/* line 569, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper td {
  position: relative;
  z-index: 1;
}

/* line 574, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper td {
  position: relative;
  z-index: 1;
}

/* line 579, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th.sticky-col-1,
.sticky-table-wrapper td.sticky-col-1 {
  position: sticky;
  left: 0;
  z-index: 5;
  border-left-width: 0px;
}

/* line 587, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th.sticky-col-2,
.sticky-table-wrapper td.sticky-col-2 {
  position: sticky;
  left: 95px;
  border-left-width: 0px;
  z-index: 6;
}

/* line 595, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th.sticky-col-3,
.sticky-table-wrapper td.sticky-col-3 {
  position: sticky;
  left: 235px;
  border-left-width: 0px;
  z-index: 7;
}

/* line 603, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th.sticky-col-last-column::after,
.sticky-table-wrapper td.sticky-col-last-column::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  bottom: -1px;
  width: 10px;
  border-left: 1px solid #cacaca;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 615, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper th.sticky-col-2::before,
.sticky-table-wrapper td.sticky-col-2::before,
.sticky-table-wrapper th.sticky-col-3::before,
.sticky-table-wrapper td.sticky-col-3::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: -1px;
  width: 1px;
  border-right: 1px solid #f0f0f0;
}

/* --- RIGHT sticky column --- */
/* line 629, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.has-right-fixed th.sticky-col-right-1,
.has-right-fixed td.sticky-col-right-1 {
  position: sticky;
  right: 0;
  /* sticks to the right edge of the scroll container */
  z-index: 6;
  /* above everything else (except header) */
  border-right-width: 1px;
  will-change: transform;
  /* hint compositing */
  transform: translateZ(0);
  backface-visibility: hidden;
  background-clip: padding-box;
}

/* line 641, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.has-right-fixed td.sticky-col-right-1:has(.btn-group.show) {
  z-index: 7;
}

/* left-edge divider for the right sticky column */
/* line 646, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.has-right-fixed th.sticky-col-right-1::before,
.has-right-fixed td.sticky-col-right-1::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  bottom: -1px;
  width: 10px;
  z-index: 7;
  border-right: 1px solid #cacaca;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  transition-property: background, border-right-color;
  transition-duration: 1s, 1s;
}

/* line 657, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.sticky-table-wrapper.at-end .has-right-fixed th.sticky-col-right-1::before,
.sticky-table-wrapper.at-end .has-right-fixed td.sticky-col-right-1::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  border-right-color: #f0f0f0;
}

/* optional: a faint right edge shadow for definition */
/* line 664, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.has-right-fixed th.sticky-col-right-1::after,
.has-right-fixed td.sticky-col-right-1::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: -1px;
  width: 1px;
  background-color: #f0f0f0;
}

/* spacer/gutter column: creates room so last data column isn't hidden under the fixed right col */
/* line 673, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.has-right-fixed th.spacer,
.has-right-fixed td.spacer {
  padding: 0;
  border: 0;
  width: 0px;
  min-width: 0px;
  background: transparent;
}

/* line 682, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
turbo-frame#guest_list_summary_turbo_frame::after,
turbo-frame#guest_list_summary_turbo_frame::before,
turbo-frame#guest_list_sub_event_turbo_frame::after,
turbo-frame#guest_list_sub_event_turbo_frame::before {
  transition: opacity 0.5s;
  /* smooth out removal */
  will-change: opacity;
}

/* line 690, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
turbo-frame#guest_list_summary_turbo_frame::after,
turbo-frame#guest_list_sub_event_turbo_frame::after {
  opacity: 1;
  content: "\f110";
  /* Font Awesome’s spinner icon (fa-spinner) */
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  /* solid style */
  font-size: 35px;
  color: #c4c4c4;
  position: fixed;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  z-index: 2;
  /* Apply the Font Awesome spin animation */
  animation: fa-spin 2s linear infinite;
}

/* line 706, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
turbo-frame#guest_list_summary_turbo_frame::before,
turbo-frame#guest_list_sub_event_turbo_frame::before {
  opacity: 1;
  content: "";
  position: fixed;
  inset: 0;
  background-color: white;
  z-index: 1;
}

/* line 716, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
turbo-frame#guest_list_summary_turbo_frame:not([busy])::after,
turbo-frame#guest_list_summary_turbo_frame:not([busy])::before,
turbo-frame#guest_list_sub_event_turbo_frame:not([busy])::after,
turbo-frame#guest_list_sub_event_turbo_frame:not([busy])::before {
  opacity: 0;
  pointer-events: none !important;
  transition-delay: 1.5s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Role Assigners
/* ===================================================================== */
/* ===================================================================== */
/* line 731, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-role-assigner--wedding-role .selectize-role-field-container {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 350px;
}

/* line 743, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-role-assigner--wedding-role[data-is-active='true'] .selectize-role-field-container {
  opacity: 1;
  pointer-events: auto;
}

/* line 749, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
td:has(.guest-role-assigner--wedding-role[data-is-active='true']) {
  z-index: 2;
}

/* line 753, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-role-assigner--wedding-role .selectize-dropdown-content .option {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 753, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
  .guest-role-assigner--wedding-role .selectize-dropdown-content .option {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Avatars
/* ===================================================================== */
/* ===================================================================== */
/* line 762, app/assets/stylesheets/pages/guest_lists/guest_lists.scss */
.guest-row .profile-avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav {
    position: relative;
    z-index: 2;
    margin-bottom: -18px;
    margin-top: 10px;
  }
}

/* line 10, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .scrolling-wrapper {
  padding-top: 8px;
  padding-bottom: 15px;
}

/* Sub Event Container
======================================================================== */
/* line 17, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container {
  background-color: #fff;
  display: inline-block;
  padding: 13px;
  border-radius: 8px;
  margin-right: 18px;
  position: relative;
  padding-right: 37px;
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav .sub-event-container {
    height: 58px;
    padding-right: 44px;
    vertical-align: top;
  }
}

/* Hover State (Non Active)
======================================================================== */
@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav a:not(.active) .sub-event-container:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* Details Container
======================================================================== */
@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav .sub-event-container .details {
    white-space: normal;
    width: 110px;
  }
}

/* Sub Event Icon
======================================================================== */
/* line 53, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  border-radius: 8px;
}

/* line 59, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon {
  color: #c4c4c4;
  font-size: 36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
}

@media (min-width: 576px) {
  /* line 59, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav .sub-event-container .sub-event-icon {
    font-size: 49px;
    right: -22px;
  }
}

/* line 71, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon.fa-ring-diamond {
  right: -7px;
}

/* line 75, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon.fa-music {
  right: -7px;
}

/* line 79, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon.fa-gift {
  right: -15px;
}

/* line 83, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container .sub-event-icon.fa-plane-up {
  right: -15px;
}

/* Link Styling
======================================================================== */
/* line 89, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav a {
  color: #464646;
}

/* Caret Down
======================================================================== */
/* line 95, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .fa-caret-down {
  color: #3f5d6c;
  font-size: 40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -21px;
  display: none;
}

@media (min-width: 1200px) {
  /* line 95, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav .fa-caret-down {
    font-size: 22px;
    bottom: -11px;
  }
}

/* Active Container
======================================================================== */
/* line 109, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav a.active .sub-event-container {
  background-color: #3f5d6c;
  color: #fff;
}

/* line 112, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav a.active .sub-event-container i.sub-event-icon {
  color: #fff;
}

/* line 115, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav a.active .sub-event-container .fa-caret-down {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mange or View Container
/* ===================================================================== */
/* ===================================================================== */
/* line 125, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container.manage-or-view {
  background-color: transparent;
  padding-right: 0px;
  padding-left: 0px;
  width: 170px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px dashed #d3d3d3;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 134, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
  .fancy-sub-events-nav .sub-event-container.manage-or-view .details {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
  }
}

/* line 140, app/assets/stylesheets/pages/guest_lists/fancy_sub_events_nav.scss */
.fancy-sub-events-nav .sub-event-container.manage-or-view .details i {
  display: inline-block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Display
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop {
  display: none;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
  .guest-list-metrics-tray.desktop {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Positioning
/* ===================================================================== */
/* ===================================================================== */
/* line 18, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 262px;
}

/* ===================================================================== */
/* ===================================================================== */
/* General Design
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-top-left-radius: 8px;
  padding: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event Metrics Container
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop .sub-event-metrics-container {
  display: inline-block;
  margin-right: 35px;
  font-weight: 600;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 42, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
  .guest-list-metrics-tray.desktop .sub-event-metrics-container {
    font-size: 13.5px;
  }
}

/* line 49, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop .sub-event-metrics-container .sub-event-name {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
  .guest-list-metrics-tray.desktop .sub-event-metrics-container .sub-event-name {
    font-size: 13.5px;
  }
}

/* line 55, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop .sub-event-metrics-container .number-value {
  font-size: 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Metric Divider
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.desktop .metric-divider {
  display: inline-block;
  width: 1px;
  height: 33px;
  margin-right: 35px;
  background-color: #d7d7d7;
}

/* ===================================================================== */
/* ===================================================================== */
/* SubEvent Page Metrics Tray (Show/Hide Lists)
/* ===================================================================== */
/* ===================================================================== */
/* line 78, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.a-list, .guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.b-list, .guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.c-list {
  display: none;
}

/* line 85, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page:not([data-b-list-guests-count='0']) .sub-event-metrics-container.a-list, .guest-list-metrics-tray.sub-event-page:not([data-b-list-guests-count='0']) .sub-event-metrics-container.b-list {
  display: inline-block;
}

/* line 93, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page:not([data-c-list-guests-count='0']) .sub-event-metrics-container.a-list, .guest-list-metrics-tray.sub-event-page:not([data-c-list-guests-count='0']) .sub-event-metrics-container.b-list, .guest-list-metrics-tray.sub-event-page:not([data-c-list-guests-count='0']) .sub-event-metrics-container.c-list {
  display: inline-block;
}

/* line 100, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status .sub-event-name {
  text-transform: uppercase;
  font-size: 13px;
}

/* line 104, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status i {
  font-size: 9px;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

/* line 112, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.attending {
  color: green;
}

/* line 114, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.attending .sub-event-name {
  font-size: 12px;
  color: green;
}

/* line 120, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.pending {
  color: #bbb459;
}

/* line 122, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.pending .sub-event-name {
  font-size: 12px;
  color: #bbb459;
}

/* line 128, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.declined {
  color: #560000;
}

/* line 130, app/assets/stylesheets/pages/guest_lists/desktop_metrics_tray.scss */
.guest-list-metrics-tray.sub-event-page .sub-event-metrics-container.rsvp-status.declined .sub-event-name {
  font-size: 12px;
  color: #560000;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guests by Side Person 1, 2, Mutual Totals
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .by-side-totals-container {
  padding-top: 12px;
  margin-bottom: 24px;
}

/* line 11, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .widget-content {
  padding: 20px;
}

/* line 16, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count .value {
  display: block;
  width: fit-content;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
  #guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count .value {
    font-size: 20px;
  }
}

/* line 30, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count .label {
  display: block;
}

/* line 36, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.person1 {
  color: #5d7482;
}

/* line 38, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.person1 .value {
  border-color: #5d7482;
  color: #5d7482;
}

/* line 43, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.person2 {
  color: #5a638c;
}

/* line 45, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.person2 .value {
  border-color: #5a638c;
  color: #5a638c;
}

/* line 50, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.mutual {
  color: #9a659a;
}

/* line 52, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile--guest-counts--counts-by-side .total-count.mutual .value {
  border-color: #9a659a;
  color: #9a659a;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Counts Modal (SnapLoader)
/* ===================================================================== */
/* ===================================================================== */
/* line 65, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal #guest-counts-content-container #sub_event_body {
  display: block;
}

/* line 66, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal #guest-counts-content-container .frame-loading-overlay {
  display: none;
}

/* line 72, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal #guest-counts-content-container.loading #sub_event_body {
  display: none;
}

/* line 73, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal #guest-counts-content-container.loading .frame-loading-overlay {
  display: block;
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
  #guest-counts-modal .split-grid-layout--two-column {
    height: unset;
    position: absolute;
    top: 50px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    grid-template-columns: 300px 1fr;
  }
}

/* line 88, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .split-grid-layout--two-column .split-grid-layout-left-column,
#guest-counts-modal .split-grid-layout--two-column .split-grid-layout-right-column {
  overflow-y: scroll;
  padding: 48px;
}

/* line 93, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .split-grid-layout--two-column .split-grid-layout-left-column {
  background-color: #fafafa;
  padding: 24px;
}

/* line 102, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .count-option {
  position: relative;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid transparent;
  margin-bottom: 8px;
}

/* line 108, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .count-option:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

/* line 114, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .count-option.active {
  outline: 2px solid transparent;
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
#guest-counts-modal .count-option.active i {
  color: #2f2f2f;
}

/* line 120, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics {
  padding: 0px;
}

/* line 122, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile--guest-counts--parties {
  grid-column: span 6;
}

/* line 123, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile--guest-counts--guests {
  grid-column: span 6;
}

/* line 124, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile--guest-counts--rsvps {
  grid-column: span 12;
}

/* line 125, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile--guest-counts--meal-selections {
  grid-column: span 12;
}

/* line 133, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile {
  border-radius: 12px;
  padding: 0px;
}

@media (min-width: 576px) {
  /* line 136, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
  #guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile .info-tile__header {
    padding-bottom: 12px;
  }
}

/* line 141, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .info-tile .info-tile__content-container--padded {
  padding-bottom: 24px;
}

/* line 146, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-rsvp-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 150, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-rsvp-count .integer {
  font-size: 24px;
  font-weight: 600;
  font-family: "Nunito";
}

/* line 155, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-rsvp-count.attending {
  color: #4aa64a;
}

/* line 158, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-rsvp-count.pending {
  color: #5993bf;
}

/* line 161, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-rsvp-count.declined {
  color: #c14f4f;
}

/* line 166, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-meal-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 170, app/assets/stylesheets/pages/guest_lists/guest_counts.scss */
#guest-counts-modal .info-tile-grid--guest-count-metrics .inline-index__item-meal-count .integer {
  font-size: 18px;
  font-weight: 600;
  font-family: "Nunito";
}

/* line 1, app/assets/stylesheets/pages/mood_boards.scss */
#mood_boards-page, #mood-board-templates-page {
  /* Content BG Contianer
  =========================================================================================================================*/
}

/* line 4, app/assets/stylesheets/pages/mood_boards.scss */
#mood_boards-page .content-bg-container, #mood-board-templates-page .content-bg-container {
  background-color: transparent;
  border-radius: 0px;
}

/* line 10, app/assets/stylesheets/pages/mood_boards.scss */
#mood_boards-container-cards .card-column {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/mood_boards.scss */
  #mood_boards-container-cards .card-column {
    margin-bottom: 30px;
  }
}

/* line 17, app/assets/stylesheets/pages/mood_boards.scss */
.page, .dashboard-page, .show-page, #mood_boards-page, #mood-board-templates-page,
#save-email-attachment-to-mood-board-modal, #mood_board-modal,
#event-contact-recent-portal-activity-modal {
  /* Index Cards */
}

/* line 21, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card, .dashboard-page .mood-board-card, .show-page .mood-board-card, #mood_boards-page .mood-board-card, #mood-board-templates-page .mood-board-card,
#save-email-attachment-to-mood-board-modal .mood-board-card, #mood_board-modal .mood-board-card,
#event-contact-recent-portal-activity-modal .mood-board-card {
  height: 160px;
  border-width: 0px;
  background-color: transparent;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/pages/mood_boards.scss */
  .page .mood-board-card, .dashboard-page .mood-board-card, .show-page .mood-board-card, #mood_boards-page .mood-board-card, #mood-board-templates-page .mood-board-card,
#save-email-attachment-to-mood-board-modal .mood-board-card, #mood_board-modal .mood-board-card,
#event-contact-recent-portal-activity-modal .mood-board-card {
    height: 180px;
  }
}

/* line 29, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .card-body, .dashboard-page .mood-board-card .card-body, .show-page .mood-board-card .card-body, #mood_boards-page .mood-board-card .card-body, #mood-board-templates-page .mood-board-card .card-body,
#save-email-attachment-to-mood-board-modal .mood-board-card .card-body, #mood_board-modal .mood-board-card .card-body,
#event-contact-recent-portal-activity-modal .mood-board-card .card-body {
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/pages/mood_boards.scss */
  .page .mood-board-card .card-body:hover, .dashboard-page .mood-board-card .card-body:hover, .show-page .mood-board-card .card-body:hover, #mood_boards-page .mood-board-card .card-body:hover, #mood-board-templates-page .mood-board-card .card-body:hover,
#save-email-attachment-to-mood-board-modal .mood-board-card .card-body:hover, #mood_board-modal .mood-board-card .card-body:hover,
#event-contact-recent-portal-activity-modal .mood-board-card .card-body:hover {
    box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.5);
  }
}

/* line 41, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .gradient-container, .dashboard-page .mood-board-card .gradient-container, .show-page .mood-board-card .gradient-container, #mood_boards-page .mood-board-card .gradient-container, #mood-board-templates-page .mood-board-card .gradient-container,
#save-email-attachment-to-mood-board-modal .mood-board-card .gradient-container, #mood_board-modal .mood-board-card .gradient-container,
#event-contact-recent-portal-activity-modal .mood-board-card .gradient-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: black;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}

/* line 46, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .text-container, .dashboard-page .mood-board-card .text-container, .show-page .mood-board-card .text-container, #mood_boards-page .mood-board-card .text-container, #mood-board-templates-page .mood-board-card .text-container,
#save-email-attachment-to-mood-board-modal .mood-board-card .text-container, #mood_board-modal .mood-board-card .text-container,
#event-contact-recent-portal-activity-modal .mood-board-card .text-container {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 10px;
  color: #fff;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/pages/mood_boards.scss */
  .page .mood-board-card .text-container, .dashboard-page .mood-board-card .text-container, .show-page .mood-board-card .text-container, #mood_boards-page .mood-board-card .text-container, #mood-board-templates-page .mood-board-card .text-container,
#save-email-attachment-to-mood-board-modal .mood-board-card .text-container, #mood_board-modal .mood-board-card .text-container,
#event-contact-recent-portal-activity-modal .mood-board-card .text-container {
    padding: 15px;
  }
}

/* line 56, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .mood-board-name, .dashboard-page .mood-board-card .mood-board-name, .show-page .mood-board-card .mood-board-name, #mood_boards-page .mood-board-card .mood-board-name, #mood-board-templates-page .mood-board-card .mood-board-name,
#save-email-attachment-to-mood-board-modal .mood-board-card .mood-board-name, #mood_board-modal .mood-board-card .mood-board-name,
#event-contact-recent-portal-activity-modal .mood-board-card .mood-board-name {
  display: block;
}

@media (min-width: 576px) {
  /* line 56, app/assets/stylesheets/pages/mood_boards.scss */
  .page .mood-board-card .mood-board-name, .dashboard-page .mood-board-card .mood-board-name, .show-page .mood-board-card .mood-board-name, #mood_boards-page .mood-board-card .mood-board-name, #mood-board-templates-page .mood-board-card .mood-board-name,
#save-email-attachment-to-mood-board-modal .mood-board-card .mood-board-name, #mood_board-modal .mood-board-card .mood-board-name,
#event-contact-recent-portal-activity-modal .mood-board-card .mood-board-name {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  /* line 56, app/assets/stylesheets/pages/mood_boards.scss */
  .page .mood-board-card .mood-board-name, .dashboard-page .mood-board-card .mood-board-name, .show-page .mood-board-card .mood-board-name, #mood_boards-page .mood-board-card .mood-board-name, #mood-board-templates-page .mood-board-card .mood-board-name,
#save-email-attachment-to-mood-board-modal .mood-board-card .mood-board-name, #mood_board-modal .mood-board-card .mood-board-name,
#event-contact-recent-portal-activity-modal .mood-board-card .mood-board-name {
    font-size: 18px;
  }
}

/* line 65, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .badges-container, .dashboard-page .mood-board-card .badges-container, .show-page .mood-board-card .badges-container, #mood_boards-page .mood-board-card .badges-container, #mood-board-templates-page .mood-board-card .badges-container,
#save-email-attachment-to-mood-board-modal .mood-board-card .badges-container, #mood_board-modal .mood-board-card .badges-container,
#event-contact-recent-portal-activity-modal .mood-board-card .badges-container {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* line 71, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .category, .page .mood-board-card .vendor-job-contact-company-name, .dashboard-page .mood-board-card .category, .dashboard-page .mood-board-card .vendor-job-contact-company-name, .show-page .mood-board-card .category, .show-page .mood-board-card .vendor-job-contact-company-name, #mood_boards-page .mood-board-card .category, #mood_boards-page .mood-board-card .vendor-job-contact-company-name, #mood-board-templates-page .mood-board-card .category, #mood-board-templates-page .mood-board-card .vendor-job-contact-company-name,
#save-email-attachment-to-mood-board-modal .mood-board-card .category,
#save-email-attachment-to-mood-board-modal .mood-board-card .vendor-job-contact-company-name, #mood_board-modal .mood-board-card .category, #mood_board-modal .mood-board-card .vendor-job-contact-company-name,
#event-contact-recent-portal-activity-modal .mood-board-card .category,
#event-contact-recent-portal-activity-modal .mood-board-card .vendor-job-contact-company-name {
  font-size: 12px;
  font-weight: 600;
  display: block;
  color: #ececec;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px;
  border-radius: 4px;
  margin-bottom: 5px;
  margin-left: auto;
  width: fit-content;
}

/* line 83, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .event-contacts-container, .dashboard-page .mood-board-card .event-contacts-container, .show-page .mood-board-card .event-contacts-container, #mood_boards-page .mood-board-card .event-contacts-container, #mood-board-templates-page .mood-board-card .event-contacts-container,
#save-email-attachment-to-mood-board-modal .mood-board-card .event-contacts-container, #mood_board-modal .mood-board-card .event-contacts-container,
#event-contact-recent-portal-activity-modal .mood-board-card .event-contacts-container {
  margin-bottom: 5px;
}

/* line 85, app/assets/stylesheets/pages/mood_boards.scss */
.page .mood-board-card .event-contacts-container .profile-avatar, .dashboard-page .mood-board-card .event-contacts-container .profile-avatar, .show-page .mood-board-card .event-contacts-container .profile-avatar, #mood_boards-page .mood-board-card .event-contacts-container .profile-avatar, #mood-board-templates-page .mood-board-card .event-contacts-container .profile-avatar,
#save-email-attachment-to-mood-board-modal .mood-board-card .event-contacts-container .profile-avatar, #mood_board-modal .mood-board-card .event-contacts-container .profile-avatar,
#event-contact-recent-portal-activity-modal .mood-board-card .event-contacts-container .profile-avatar {
  border: 1px solid #d2d2d2;
}

/* ===================================================================== */
/* ===================================================================== */
/* MoodBoards Grid & Cards
/* ===================================================================== */
/* ===================================================================== */
/* line 96, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid {
  padding: 24px;
  display: grid;
  gap: 24px;
}

@media (min-width: 1200px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    padding: 32px;
    gap: 32px;
  }
}

/* line 105, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card--image-wrapper {
  aspect-ratio: 1 / 0.5;
}

@media (min-width: 650px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1000px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1600px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1980px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 2500px) {
  /* line 96, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* line 125, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card {
  position: relative;
  border: 1px solid #d5d5d5;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 16px;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.15s;
}

/* line 133, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--image-wrapper {
  position: relative;
  height: auto;
  background-size: cover;
  background-position: center;
}

/* line 139, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--details-wrapper {
  position: relative;
  padding: 16px;
}

/* line 143, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--category-badge {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 143, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid .mood-board-index-card .mood-board-index-card--category-badge {
    font-size: 13.5px;
  }
}

/* line 147, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--sharing-wrapper {
  position: absolute;
  bottom: 0px;
  right: 16px;
  transform: translateY(50%);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 155, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--sharing-wrapper .profile-avatar {
  box-shadow: 0px 0px 0px 1px #ffffff38;
  -webkit-box-shadow: 0px 0px 0px 1px #ffffff38;
}

/* line 160, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--meta {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 12px;
  overflow: hidden;
}

/* line 166, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--meta .profile-avatar {
  width: 18px;
  height: 18px;
}

/* line 169, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--meta .profile-avatar img {
  width: 18px;
  height: 18px;
}

/* line 174, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card .mood-board-index-card--meta .vendor-name {
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 174, app/assets/stylesheets/pages/mood_boards.scss */
  .mood-boards-index-grid .mood-board-index-card .mood-board-index-card--meta .vendor-name {
    font-size: 13.5px;
  }
}

/* line 181, app/assets/stylesheets/pages/mood_boards.scss */
.mood-boards-index-grid .mood-board-index-card:hover {
  border-color: #b3b3b3;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 13px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 13px 16px;
}

/* Page Layout and Nav
=========================================================================================================================*/
/* line 3, app/assets/stylesheets/pages/mood_board.scss */
body:has(#mood-board-page) {
  background-color: #fff !important;
}

/* line 7, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page {
  padding-bottom: 120px;
}

/* line 11, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page .primary-header-fixed {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 15, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content {
  padding-top: 65px;
}

/* line 19, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page .board-info-flex-container {
  display: flex;
  align-items: center;
  margin-left: 24px;
  gap: 24px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 19, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page .board-info-flex-container {
    font-size: 14.5px;
  }
}

@media (max-width: 1200px) {
  /* line 27, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page .description-tooltip-container {
    display: none;
  }
}

/* line 31, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page .description-tooltip-container i {
  display: inline-block !important;
  font-size: 14px;
  margin-right: 4px;
}

/* line 38, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-board-get-started-callout {
  position: fixed;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

/* line 45, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-board-get-started-callout i {
  font-size: 24px;
}

/* Mood Sections
=========================================================================================================================*/
/* line 53, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container {
  padding: 7px 15px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}

/* line 57, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container .thumbnail {
  width: 70px;
  height: 70px;
  background-size: 245px;
  background-position: center;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}

/* line 65, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container span {
  display: block;
}

/* line 68, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container .labels {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100px;
}

/* line 71, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container .labels .name {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 3px;
}

/* line 76, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container .labels .count {
  font-size: 15px;
  color: #909090;
}

/* line 81, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #mood-sections-container .mood-section-container .fa-angle-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 22px;
}

/* Mood Board Sections Modal
=========================================================================================================================*/
@media (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-sections-modal .modal-dialog {
    max-width: 500px;
  }
}

/* line 98, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .add-section-container .add-section-form {
  display: none;
  margin-bottom: 27px;
}

/* line 103, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .add-section-container.show-form #add-section-button {
  display: none;
}

/* line 106, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .add-section-container.show-form .add-section-form {
  display: block;
}

/* line 111, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container {
  background-color: #fff;
  margin-top: 8px;
  border-radius: 5px;
  padding-left: 60px !important;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 117, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container .sort-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  height: 75px;
  width: 60px;
}

/* line 122, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container .sort-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 20px;
}

/* line 127, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container .labels {
  left: 140px !important;
  padding-right: 20px;
}

/* line 131, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container .action-links {
  margin-top: 9px;
}

/* line 133, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container .action-links .delete {
  color: #560000;
  margin-left: 12px;
}

/* line 138, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container a, #mood-board-sections-modal .mood-section-container .fake-link {
  font-size: 14px;
}

/* line 141, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container input[type=text] {
  border: 1px solid #c1c1c1;
  padding: 10px;
  height: initial;
  border-radius: 5px;
  margin-bottom: 0px;
}

/* Toggle Form in Mood Section Container */
/* line 153, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .labels .form-container {
  display: none;
}

/* line 157, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container.edit .labels .form-container {
  display: block;
}

/* line 160, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-sections-modal .mood-section-container.edit .labels .info-container {
  display: none;
}

/* Add Image Button
=========================================================================================================================*/
/* line 168, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #add-image-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2d2d2d;
  color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 4px solid #edf2f6;
  position: fixed;
  bottom: 25px;
  z-index: 5;
  font-size: 30px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 184, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #add-image-button:hover {
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.6);
  }
}

/* Done Organizing Button
=========================================================================================================================*/
/* line 193, app/assets/stylesheets/pages/mood_board.scss */
#done-organizing-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  z-index: 5;
  bottom: 20px;
  display: none;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Content & Grid
=========================================================================================================================*/
/* line 208, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item {
  width: calc(50%);
  padding: 4px;
  border-radius: 8px;
  transition: box-shadow 0.2s;
}

@media (min-width: 576px) {
  /* line 208, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #content #grid .grid-item {
    width: calc(33.333%);
    padding: 8px;
  }
}

@media (min-width: 1200px) {
  /* line 208, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #content #grid .grid-item {
    width: 16.666%;
    padding: 10px;
  }
  /* line 220, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #content #grid .grid-item:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 225, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item img {
  max-width: 100%;
  display: block;
  border-radius: 5px;
}

/* line 233, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item .grid-item-controls {
  position: absolute;
  top: 16px;
  right: 16px;
  opacity: 0;
  transition: opacity 0.2s;
}

@media (max-width: 1200px) {
  /* line 233, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #content #grid .grid-item .grid-item-controls {
    display: none !important;
  }
}

/* line 243, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item:hover .grid-item-controls {
  opacity: 1;
}

/* line 247, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item:hover .grid-item-controls button.handle:hover {
  cursor: grab;
}

/* line 251, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item.is-dragging {
  background-color: #fff;
  box-shadow: 11px 11px 15px 1px #000000ba;
  -webkit-box-shadow: 11px 11px 15px 1px #000000ba;
}

/* line 255, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page #content #grid .grid-item.is-dragging .grid-item-controls {
  opacity: 0;
  pointer-events: none;
}

/* line 262, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page[data-editable="false"] #content #grid .grid-item .grid-item-controls {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

@media (max-width: 1200px) {
  /* line 269, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page #content #grid.collapsed {
    height: 0px !important;
    overflow: hidden !important;
  }
}

/* Organize Mode
=========================================================================================================================*/
/* line 283, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page.organize .overlay-action-button {
  display: initial;
}

/* line 286, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page.organize #add-image-button {
  display: none;
}

/* line 289, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page.organize #done-organizing-button {
  display: initial;
}

/* line 292, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page.organize .lightbox-link {
  display: none;
}

/* Dragging
=========================================================================================================================*/
/* line 300, app/assets/stylesheets/pages/mood_board.scss */
.grid-item.is-dragging,
.grid-item.is-positioning-post-drag {
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
  z-index: 2;
  /* keep dragged item on top */
}

/* line 308, app/assets/stylesheets/pages/mood_board.scss */
.packery-drop-placeholder {
  outline: 2px dashed #c4c4c4;
  border-radius: 8px;
  background-color: #f9f9f9;
  outline-offset: -6px;
  /* transition position changing */
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Save & Close (Template)
/* ===================================================================== */
/* ===================================================================== */
/* line 332, app/assets/stylesheets/pages/mood_board.scss */
#mood-board-page .save-and-close-container .save-and-close-button {
  display: inline-block;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 332, app/assets/stylesheets/pages/mood_board.scss */
  #mood-board-page .save-and-close-container .save-and-close-button {
    margin-bottom: 0px;
  }
}

/* line 1, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 99;
}

/* line 6, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
  background-color: #fff;
}

/* Media Container
======================================================================== */
/* line 25, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .media-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #1c1c1c;
  overflow: hidden;
}

@media (min-width: 1200px) {
  /* line 25, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .media-container {
    right: 450px;
  }
}

/* line 40, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .media {
  max-width: 100%;
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.3s ease, top 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .media {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-height: 100vh;
  }
}

/* Info Container
======================================================================== */
/* line 55, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .info-container {
  display: none;
  position: fixed;
  top: 30vh;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 20000;
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .info-container {
    top: 0px;
    display: block;
    width: 450px;
    left: initial;
  }
}

/* Controls
======================================================================== */
/* line 73, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container #top-controls {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}

@media (min-width: 1200px) {
  /* line 73, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #top-controls {
    top: 12px;
    right: 12px;
  }
}

/* line 84, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .control-button {
  background-color: #1c1c1c73;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .control-button:hover {
    cursor: pointer;
    transform: scale(1.05);
    background-color: #000;
  }
}

/* line 96, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .control-button.circle {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

/* line 102, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .control-button.circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 25px;
  color: #fff;
}

@media (min-width: 1200px) {
  /* line 109, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container {
    opacity: 0;
    width: 90px;
    transition: all 0.3s;
    cursor: pointer;
  }
  /* line 115, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container .control-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
}

@media (min-width: 1200px) {
  /* line 121, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container .inner-container-backdrop {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #1c1c1c26;
    transition: all 0.3s;
  }
}

@media (min-width: 1200px) {
  /* line 129, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #next-page-button-container:hover .inner-container-backdrop {
    left: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 134, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #previous-page-button-container:hover .inner-container-backdrop {
    right: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 140, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .media-container:hover > .shuttle-button-container {
    opacity: 1;
  }
}

/* line 147, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container #previous-page-button-container {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

@media (min-width: 1200px) {
  /* line 147, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #previous-page-button-container {
    left: 0px;
    bottom: 0px;
    top: 0px;
  }
}

/* line 159, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container #next-page-button-container {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media (min-width: 1200px) {
  /* line 159, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #next-page-button-container {
    right: 0px;
    bottom: 0px;
    top: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 171, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container .control-button {
    background-color: #ffffff63;
  }
  /* line 174, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container .control-button i {
    color: #1c1c1c;
  }
}

@media (min-width: 1200px) {
  /* line 179, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .shuttle-button-container:hover .control-button {
    background-color: #fff;
  }
}

/* line 185, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container #mobile-show-activity-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 11px;
  color: #fff;
  padding: 18px;
}

@media (min-width: 1200px) {
  /* line 185, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container #mobile-show-activity-button {
    display: none;
  }
}

/* Star Ratings
======================================================================== */
/* line 198, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container {
  display: flex;
  margin-bottom: 10px;
}

/* line 201, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container .avatar {
  padding-right: 20px;
}

/* line 204, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container .far.fa-star {
  opacity: 0.3;
  color: #000;
}

/* line 208, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container .fas.fa-star {
  color: #000;
  /* Yellow Star Color: #ffbe00; */
  opacity: 0.65;
}

/* line 215, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container.current-user .fa-star {
  font-size: 33px;
  padding-right: 3px;
}

/* line 219, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container.current-user .stars {
  position: relative;
  top: 4px;
}

/* line 225, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container.other-user .fa-star {
  font-size: 20px;
  padding-right: 0px;
}

/* line 229, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .star-rating-container.other-user .stars {
  position: relative;
  top: 11px;
}

/* Form Modal
=========================================================================================================================*/
/* line 239, app/assets/stylesheets/pages/mood_images.scss */
#mood_image-modal .modal-body {
  /*padding-top: 0px;*/
}

/* line 242, app/assets/stylesheets/pages/mood_images.scss */
#mood_image-modal .thumbnail {
  max-width: 200px;
  max-height: 150px;
  margin-bottom: 15px;
  border-radius: 8px;
}

/* Action Menu (Not In Use: but saving just in case)
=========================================================================================================================*/
/* line 252, app/assets/stylesheets/pages/mood_images.scss */
.action-menu-container {
  display: none;
  height: 200px;
  z-index: 50;
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.85);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.85);
}

/* Activity Stream
======================================================================== */
/* line 271, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .activity-stream-items {
  border-top: 1px solid #d8d8d8;
  background-color: #fff;
  position: initial;
}

@media (min-width: 1200px) {
  /* line 271, app/assets/stylesheets/pages/mood_images.scss */
  .mood-image-container .activity-stream-items {
    position: absolute;
  }
}

/* line 282, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .mood-image-header-container {
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  min-height: 50px;
}

/* line 289, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .mood-image-header-container .title {
  font-size: 20px;
  font-weight: 600;
}

/* line 294, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .mood-image-header-container .description {
  margin-top: 15px;
}

/* line 302, app/assets/stylesheets/pages/mood_images.scss */
.mood-image-container .activity-stream-container .activity-container[data-comment-created-by-current-profile='false'] .text-container {
  background-color: #f4f4f4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Activity Stream Open
/* ===================================================================== */
/* ===================================================================== */
/* line 313, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page.mobile-activity-stream-open .media-container .media {
  top: 0%;
  transform: translateY(0%) translateX(-50%);
  max-height: 30vh;
}

/* line 320, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page.mobile-activity-stream-open .info-container {
  display: block;
}

/* line 325, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page.mobile-activity-stream-open #top-controls {
  transform: translateY(-200px);
}

/* line 329, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page .info-container #mobile-close-info-container-button {
  background-color: #fff;
  position: absolute;
  top: -58px;
  right: 9px;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

/* line 338, app/assets/stylesheets/pages/mood_images.scss */
#mood-image-page .info-container #mobile-close-info-container-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 25px;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/tasks.scss */
  #event-tasks-page {
    min-height: 100vh;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Status Dropdown Assigner
/* ===================================================================== */
/* ===================================================================== */
/* line 12, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner {
  display: inline-block;
  border-radius: 5px;
}

/* line 15, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner:hover {
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner button.current-status-button {
  padding: 0px;
  display: block;
  border-radius: 5px;
  font-size: 12px;
}

/* Button With Status Name
======================================================================== */
/* line 29, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button {
  position: relative;
  width: 100%;
  text-align: left;
  position: relative;
}

/* line 34, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button .fa-caret-down, .task-status-dropdown-assigner.button_with_status_name button.current-status-button .fa-refresh {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  margin-right: 0px;
  opacity: .5;
  transition: all 0.2s;
}

/* line 41, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button .fa-caret-down {
  transform-origin: top;
}

/* line 44, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button .fa-refresh {
  transform-origin: center;
  position: initial;
  margin-left: 5px;
}

/* line 52, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button:hover .fa-caret-down, .task-status-dropdown-assigner.button_with_status_name button.current-status-button:focus .fa-caret-down, .task-status-dropdown-assigner.button_with_status_name button.current-status-button:active .fa-caret-down {
  opacity: 1;
  transform: scale(1.2) translateY(-50%);
}

/* line 57, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.button_with_status_name button.current-status-button .fa-refresh {
  opacity: 1;
  position: absolute;
  top: 8px;
  right: 5px;
}

/* For Select Field
======================================================================== */
/* line 67, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.for_select_field button.current-status-button {
  font-size: 16px;
  padding: 8px 16px;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/pages/tasks.scss */
  .task-status-dropdown-assigner.for_select_field button.current-status-button {
    font-size: 16px;
  }
}

@media (min-width: 576px) and (min-width: 576px) {
  /* line 67, app/assets/stylesheets/pages/tasks.scss */
  .task-status-dropdown-assigner.for_select_field button.current-status-button {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/pages/tasks.scss */
  .task-status-dropdown-assigner.for_select_field button.current-status-button {
    padding: 6px 12px;
  }
}

/* line 76, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.for_select_field button.current-status-button::after {
  margin-left: 13px;
  font-size: 19px;
  vertical-align: 0.1em;
}

/* Square Button
======================================================================== */
/* line 86, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.square_button .current-status-button {
  width: 26px;
  height: 26px;
}

/* line 90, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.square_button .current-status-name {
  display: none;
}

/* line 96, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.square_button button.dropdown-toggle i {
  margin-right: 0px;
}

/* Compact Button
======================================================================== */
/* line 104, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.task-status-dropdown-assigner--compact-button button.dropdown-toggle {
  position: relative;
  width: 56px;
  margin-right: 12px;
  overflow: hidden;
  padding: 5px 4px 10px 4px;
}

/* line 111, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.task-status-dropdown-assigner--compact-button button.dropdown-toggle i {
  margin-right: 0px;
}

/* line 114, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.task-status-dropdown-assigner--compact-button button.dropdown-toggle i.fa-caret-down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2px;
  opacity: 0.5;
}

/* line 119, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner.task-status-dropdown-assigner--compact-button button.dropdown-toggle i.fa-refresh {
  position: absolute;
  top: 61%;
  left: 40%;
}

/* Compact Button (Static Assigner)
======================================================================== */
/* line 129, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner--static.task-status-dropdown-assigner--compact-button button {
  position: relative;
  width: 56px;
  margin-right: 12px;
  overflow: hidden;
  padding: 7.5px 4px 7.5px 4px;
}

/* line 136, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner--static.task-status-dropdown-assigner--compact-button .current-status-name {
  white-space: nowrap;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dropdown Item (Statuses)
/* ===================================================================== */
/* ===================================================================== */
/* line 146, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item {
  font-size: 14px;
  font-weight: 600;
  color: #5e5e5e;
  line-height: initial;
  letter-spacing: 0.2pt;
  opacity: 0.9;
  transition: all 0.05s;
}

@media (min-width: 576px) {
  /* line 146, app/assets/stylesheets/pages/tasks.scss */
  .task-status-dropdown-assigner .dropdown-item {
    font-size: 13.5px;
  }
}

/* line 154, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item i {
  margin-right: 5px;
  opacity: 0.75;
}

/* line 158, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item.selected {
  color: #000;
  opacity: 1;
  font-weight: 680;
}

/* line 162, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item.selected i {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 146, app/assets/stylesheets/pages/tasks.scss */
  .task-status-dropdown-assigner .dropdown-item {
    padding: 9px;
    padding-left: 18px;
  }
}

/* line 172, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item:hover {
  opacity: 1;
}

/* line 174, app/assets/stylesheets/pages/tasks.scss */
.task-status-dropdown-assigner .dropdown-item:hover i {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Row Status Dropdown Assigner
/* ===================================================================== */
/* ===================================================================== */
/* line 184, app/assets/stylesheets/pages/tasks.scss */
.task-row .task-status-dropdown-assigner {
  display: block;
}

/* line 186, app/assets/stylesheets/pages/tasks.scss */
.task-row .task-status-dropdown-assigner .current-status-button {
  padding-left: 7px;
  line-height: 27px;
}

/* line 192, app/assets/stylesheets/pages/tasks.scss */
#tasks-page, #event-tasks-page, #workflow-page {
  /* Circle */
  /* Assigned/Completed Cell */
}

/* line 193, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .event-name, #tasks-page .due-date-words, #event-tasks-page .event-name, #event-tasks-page .due-date-words, #workflow-page .event-name, #workflow-page .due-date-words {
  color: #b3b3b3;
  font-size: 15px;
  display: inline-block;
}

/* line 198, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .due-date-words, #event-tasks-page .due-date-words, #workflow-page .due-date-words {
  margin-left: 10px;
}

/* line 202, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .circle-container, #event-tasks-page .circle-container, #workflow-page .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 23px;
  width: 100%;
  height: 100%;
}

/* line 207, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .circle-container:hover, #event-tasks-page .circle-container:hover, #workflow-page .circle-container:hover {
  cursor: pointer;
}

/* line 210, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .circle-container .fa-circle, #tasks-page .circle-container .fa-check-circle, #event-tasks-page .circle-container .fa-circle, #event-tasks-page .circle-container .fa-check-circle, #workflow-page .circle-container .fa-circle, #workflow-page .circle-container .fa-check-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 75%;
  color: #000;
  /*transition: all 0.3s;*/
}

/* line 216, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .circle-container .fa-check-circle, #event-tasks-page .circle-container .fa-check-circle, #workflow-page .circle-container .fa-check-circle {
  color: green;
}

/* line 219, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .circle-container .green-bar, #event-tasks-page .circle-container .green-bar, #workflow-page .circle-container .green-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 8px;
  background-color: #b5d6ac;
  transform: translateX(-8px);
  transition: all 0.5s;
}

/* line 231, app/assets/stylesheets/pages/tasks.scss */
#tasks-page td.assigned-completed-cell, #event-tasks-page td.assigned-completed-cell, #workflow-page td.assigned-completed-cell {
  position: relative;
}

/* line 233, app/assets/stylesheets/pages/tasks.scss */
#tasks-page td.assigned-completed-cell .center-container, #event-tasks-page td.assigned-completed-cell .center-container, #workflow-page td.assigned-completed-cell .center-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 237, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .user-avatar, #event-tasks-page .user-avatar, #workflow-page .user-avatar {
  margin-right: 6px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Row
/* ===================================================================== */
/* ===================================================================== */
/* line 247, app/assets/stylesheets/pages/tasks.scss */
.task-row {
  font-size: 14px;
  color: #464646;
}

/* line 251, app/assets/stylesheets/pages/tasks.scss */
.task-row .task-name {
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1pt;
}

/* line 257, app/assets/stylesheets/pages/tasks.scss */
.task-row .category-name {
  font-size: 14px;
  background-color: #fff;
  padding: 8px 5px;
  padding-left: 9px;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.09);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 122px;
}

/* line 269, app/assets/stylesheets/pages/tasks.scss */
.task-row .category-name i {
  margin-right: 3px;
}

/* Company Tasks Index Page
=========================================================================================================================*/
/* Event Tasks Index Page
=========================================================================================================================*/
/* line 283, app/assets/stylesheets/pages/tasks.scss */
#event-tasks-page .event-name {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Date/Status Group Container
/* ===================================================================== */
/* ===================================================================== */
/* line 294, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container, #tasks-page .task-date-group-container, #event-tasks-page .task-status-container, #event-tasks-page .task-date-group-container, #workflow-page .task-status-container, #workflow-page .task-date-group-container {
  background-color: #fff;
  padding: 20px;
  padding-bottom: 0px;
  border-bottom: 16px solid #F5F5F4;
}

@media (min-width: 1200px) {
  /* line 294, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container, #tasks-page .task-date-group-container, #event-tasks-page .task-status-container, #event-tasks-page .task-date-group-container, #workflow-page .task-status-container, #workflow-page .task-date-group-container {
    margin-top: 0px;
    margin-bottom: 16px;
    padding: 0px;
    border-radius: 0px;
    border-top: 3px solid #e6e6e6;
    border-bottom-width: 0px;
  }
}

/* line 310, app/assets/stylesheets/pages/tasks.scss */
#workflow-page .task-date-group-container {
  margin-top: 25px;
  margin-bottom: 0px;
  border-radius: 15px;
  border: 1px solid #d7d7d7;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Date/Status Group Header
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 326, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header, #tasks-page .task-date-group-container .header, #event-tasks-page .task-status-container .header, #event-tasks-page .task-date-group-container .header, #workflow-page .task-status-container .header, #workflow-page .task-date-group-container .header {
    padding: 20px 35px;
    padding-left: 50px;
  }
}

/* line 332, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header h4, #tasks-page .task-date-group-container .header h4, #event-tasks-page .task-status-container .header h4, #event-tasks-page .task-date-group-container .header h4, #workflow-page .task-status-container .header h4, #workflow-page .task-date-group-container .header h4 {
  margin: 0px;
}

@media (min-width: 1200px) {
  /* line 340, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .date-info-container, #tasks-page .task-date-group-container .header .date-info-container, #event-tasks-page .task-status-container .header .date-info-container, #event-tasks-page .task-date-group-container .header .date-info-container, #workflow-page .task-status-container .header .date-info-container, #workflow-page .task-date-group-container .header .date-info-container {
    display: flex;
    align-items: center;
  }
}

/* line 346, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .calc-date-container, #tasks-page .task-date-group-container .header .calc-date-container, #event-tasks-page .task-status-container .header .calc-date-container, #event-tasks-page .task-date-group-container .header .calc-date-container, #workflow-page .task-status-container .header .calc-date-container, #workflow-page .task-date-group-container .header .calc-date-container {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  /* line 346, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .calc-date-container, #tasks-page .task-date-group-container .header .calc-date-container, #event-tasks-page .task-status-container .header .calc-date-container, #event-tasks-page .task-date-group-container .header .calc-date-container, #workflow-page .task-status-container .header .calc-date-container, #workflow-page .task-date-group-container .header .calc-date-container {
    display: block;
    margin-bottom: 0px;
    margin-right: 100px;
  }
}

/* line 355, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .calc-date-container .date-group-display-name, #tasks-page .task-date-group-container .header .calc-date-container .date-group-display-name, #event-tasks-page .task-status-container .header .calc-date-container .date-group-display-name, #event-tasks-page .task-date-group-container .header .calc-date-container .date-group-display-name, #workflow-page .task-status-container .header .calc-date-container .date-group-display-name, #workflow-page .task-date-group-container .header .calc-date-container .date-group-display-name {
  font-size: 20px;
  margin-right: 6px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 355, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .calc-date-container .date-group-display-name, #tasks-page .task-date-group-container .header .calc-date-container .date-group-display-name, #event-tasks-page .task-status-container .header .calc-date-container .date-group-display-name, #event-tasks-page .task-date-group-container .header .calc-date-container .date-group-display-name, #workflow-page .task-status-container .header .calc-date-container .date-group-display-name, #workflow-page .task-date-group-container .header .calc-date-container .date-group-display-name {
    margin-right: 15px;
  }
}

/* line 363, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .calc-date-container .date-group-readable-direction, #tasks-page .task-date-group-container .header .calc-date-container .date-group-readable-direction, #event-tasks-page .task-status-container .header .calc-date-container .date-group-readable-direction, #event-tasks-page .task-date-group-container .header .calc-date-container .date-group-readable-direction, #workflow-page .task-status-container .header .calc-date-container .date-group-readable-direction, #workflow-page .task-date-group-container .header .calc-date-container .date-group-readable-direction {
  color: #727272;
}

@media (min-width: 1200px) {
  /* line 363, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .calc-date-container .date-group-readable-direction, #tasks-page .task-date-group-container .header .calc-date-container .date-group-readable-direction, #event-tasks-page .task-status-container .header .calc-date-container .date-group-readable-direction, #event-tasks-page .task-date-group-container .header .calc-date-container .date-group-readable-direction, #workflow-page .task-status-container .header .calc-date-container .date-group-readable-direction, #workflow-page .task-date-group-container .header .calc-date-container .date-group-readable-direction {
    font-size: 13px;
    margin-top: 4px;
  }
}

/* line 371, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .start-by-due-by-container, #tasks-page .task-date-group-container .header .start-by-due-by-container, #event-tasks-page .task-status-container .header .start-by-due-by-container, #event-tasks-page .task-date-group-container .header .start-by-due-by-container, #workflow-page .task-status-container .header .start-by-due-by-container, #workflow-page .task-date-group-container .header .start-by-due-by-container {
  display: flex;
}

@media (min-width: 1200px) {
  /* line 371, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .start-by-due-by-container, #tasks-page .task-date-group-container .header .start-by-due-by-container, #event-tasks-page .task-status-container .header .start-by-due-by-container, #event-tasks-page .task-date-group-container .header .start-by-due-by-container, #workflow-page .task-status-container .header .start-by-due-by-container, #workflow-page .task-date-group-container .header .start-by-due-by-container {
    flex-grow: 1;
  }
}

/* line 376, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .start-by-due-by-container div, #tasks-page .task-date-group-container .header .start-by-due-by-container div, #event-tasks-page .task-status-container .header .start-by-due-by-container div, #event-tasks-page .task-date-group-container .header .start-by-due-by-container div, #workflow-page .task-status-container .header .start-by-due-by-container div, #workflow-page .task-date-group-container .header .start-by-due-by-container div {
  flex: 0 0 50%;
}

@media (min-width: 1200px) {
  /* line 376, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .start-by-due-by-container div, #tasks-page .task-date-group-container .header .start-by-due-by-container div, #event-tasks-page .task-status-container .header .start-by-due-by-container div, #event-tasks-page .task-date-group-container .header .start-by-due-by-container div, #workflow-page .task-status-container .header .start-by-due-by-container div, #workflow-page .task-date-group-container .header .start-by-due-by-container div {
    flex: initial;
  }
}

/* line 382, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .start-by-due-by-container .label, #tasks-page .task-date-group-container .header .start-by-due-by-container .label, #event-tasks-page .task-status-container .header .start-by-due-by-container .label, #event-tasks-page .task-date-group-container .header .start-by-due-by-container .label, #workflow-page .task-status-container .header .start-by-due-by-container .label, #workflow-page .task-date-group-container .header .start-by-due-by-container .label {
  display: block;
  color: #898989;
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
  /* line 382, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .start-by-due-by-container .label, #tasks-page .task-date-group-container .header .start-by-due-by-container .label, #event-tasks-page .task-status-container .header .start-by-due-by-container .label, #event-tasks-page .task-date-group-container .header .start-by-due-by-container .label, #workflow-page .task-status-container .header .start-by-due-by-container .label, #workflow-page .task-date-group-container .header .start-by-due-by-container .label {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 6px;
  }
}

/* line 392, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #workflow-page .task-status-container .header .start-by-due-by-container .date-badge, #workflow-page .task-date-group-container .header .start-by-due-by-container .date-badge {
  background-color: #f6f6f6;
  padding: 10px;
  padding-left: 15px;
  margin-right: 10px;
  border-radius: 10px;
}

@media (min-width: 1200px) {
  /* line 392, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #workflow-page .task-status-container .header .start-by-due-by-container .date-badge, #workflow-page .task-date-group-container .header .start-by-due-by-container .date-badge {
    margin-right: 20px;
    padding: 12px 15px;
    background-color: #fff;
    font-size: 16px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 392, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-status-container .header .start-by-due-by-container .date-badge, #event-tasks-page .task-date-group-container .header .start-by-due-by-container .date-badge, #workflow-page .task-status-container .header .start-by-due-by-container .date-badge, #workflow-page .task-date-group-container .header .start-by-due-by-container .date-badge {
    font-size: 14.5px;
  }
}

/* Status Badge
======================================================================== */
/* line 414, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .status-badge, #event-tasks-page .status-badge, #workflow-page .status-badge {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

@media (min-width: 1200px) {
  /* line 414, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .status-badge, #event-tasks-page .status-badge, #workflow-page .status-badge {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 0px;
  }
}

/* New Inline Task Container
======================================================================== */
/* line 430, app/assets/stylesheets/pages/tasks.scss */
#tasks-page .new-inline-task-container, #event-tasks-page .new-inline-task-container, #workflow-page .new-inline-task-container {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 430, app/assets/stylesheets/pages/tasks.scss */
  #tasks-page .new-inline-task-container, #event-tasks-page .new-inline-task-container, #workflow-page .new-inline-task-container {
    border-top: 1px solid #f1f1f1;
    padding: 10px;
    padding-left: 20px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Card
/* ===================================================================== */
/* ===================================================================== */
/* line 446, app/assets/stylesheets/pages/tasks.scss */
.task-card .card-body {
  padding: 12px 15px;
}

/* line 450, app/assets/stylesheets/pages/tasks.scss */
.task-card .task-name {
  font-size: 15px;
  color: #464646;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 458, app/assets/stylesheets/pages/tasks.scss */
.task-card .status-and-name-container {
  display: flex;
  align-items: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Row Dragging State
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Task Row
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/task_blockers.scss */
.task-row .task-blocked-icon {
  color: red;
  margin-right: 9px;
  transform: scale(1.3);
}

/* ===================================================================== */
/* ===================================================================== */
/* Modal Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 17, app/assets/stylesheets/pages/task_blockers.scss */
.task-blocker-show-container {
  background-color: #fff3f3;
  border-radius: 6px;
  margin-bottom: 7px;
  padding: 15px;
  border-left: 8px solid #d05d5d;
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/task_blockers.scss */
  .task-blocker-show-container {
    padding: 25px;
  }
}

/* line 28, app/assets/stylesheets/pages/task_blockers.scss */
.task-blocker-show-container .title {
  color: #9f3939;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

@media (min-width: 576px) {
  /* line 28, app/assets/stylesheets/pages/task_blockers.scss */
  .task-blocker-show-container .title {
    font-size: 18px;
  }
}

/* line 38, app/assets/stylesheets/pages/task_blockers.scss */
.task-blocker-show-container .creation-info {
  color: #9f3939;
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}

@media (min-width: 576px) {
  /* line 38, app/assets/stylesheets/pages/task_blockers.scss */
  .task-blocker-show-container .creation-info {
    font-size: 15px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contacts Index Page
/* ===================================================================== */
/* ===================================================================== */
/* Desktop Split View (Contact Groups & Contacts Index)
======================================================================== */
/* line 9, app/assets/stylesheets/pages/contacts.scss */
#contacts-page #group-and-index-container,
#contact_companies-page #group-and-index-container {
  display: none;
  min-height: calc(100vh - 200px);
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/pages/contacts.scss */
  #contacts-page #group-and-index-container,
#contact_companies-page #group-and-index-container {
    display: flex;
  }
}

/* line 16, app/assets/stylesheets/pages/contacts.scss */
#contacts-page #group-and-index-container #contact-groups-container,
#contact_companies-page #group-and-index-container #contact-groups-container {
  width: 300px;
}

/* line 19, app/assets/stylesheets/pages/contacts.scss */
#contacts-page #group-and-index-container #contacts-table-container,
#contact_companies-page #group-and-index-container #contacts-table-container {
  flex-grow: 1;
}

/* line 24, app/assets/stylesheets/pages/contacts.scss */
#contacts-page .contact-row .profile-avatar {
  margin-right: 15px;
}

/* line 28, app/assets/stylesheets/pages/contacts.scss */
#contacts-page .contact-row .contact-company-link {
  font-size: 14px;
  display: block;
  margin-top: 4px;
  opacity: 0.6;
}

@media (min-width: 576px) {
  /* line 28, app/assets/stylesheets/pages/contacts.scss */
  #contacts-page .contact-row .contact-company-link {
    font-size: 13.5px;
  }
}

/* line 33, app/assets/stylesheets/pages/contacts.scss */
#contacts-page .contact-row .contact-company-link i {
  font-size: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Show Page
/* ===================================================================== */
/* ===================================================================== */
/* line 43, app/assets/stylesheets/pages/contacts.scss */
.contact-show-page__contact-header {
  padding: 24px;
  background-color: #fbfbfb;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/pages/contacts.scss */
  .contact-show-page__contact-header {
    background-color: transparent;
    padding: 32px 48px;
    padding-bottom: 0px;
  }
}

/* line 56, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-show-page__contact-header h2.contact-full-name {
  font-weight: 550;
  font-size: 24px;
  margin: 0px;
}

/* line 62, app/assets/stylesheets/pages/contacts.scss */
.contact-show-page__contact-header .linked-company-container {
  position: relative;
  width: fit-content;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  background-color: #fff;
  padding: 4px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  padding-right: 10px;
}

/* line 78, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-show-page__contact-header .controls-container {
  position: absolute;
  top: 24px;
  right: 24px;
  text-align: right;
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-show-page__contact-header .controls-container {
    top: 32px;
    right: 48px;
  }
}

/* line 89, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-details-column {
  background-color: #fff;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column {
    border-right: 1px solid #e0e0e0;
    position: fixed;
    top: 53px;
    left: 55px;
    bottom: 0px;
    width: 450px;
    padding: 0px;
    overflow-y: scroll;
    z-index: 2;
  }
}

/* line 104, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-details-column .contact-info-block {
  padding: 24px;
}

@media (min-width: 1200px) {
  /* line 104, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column .contact-info-block {
    padding: 32px 48px;
    padding-top: 16px;
  }
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column .contact-info-block .data-block {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

/* line 118, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-details-column .creation-info {
  color: #727272;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
  padding: 0px 24px;
  padding-bottom: 24px;
}

@media (min-width: 576px) {
  /* line 118, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column .creation-info {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 118, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column .creation-info {
    margin: 0px 48px;
    padding: 16px 0px;
    border-top: 1px solid #eaeaea;
  }
}

/* line 129, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-details-column .creation-info .icon-with-text {
  line-height: 1.4;
  display: grid;
  gap: 8px;
}

@media (min-width: 1200px) {
  /* line 129, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-details-column .creation-info .icon-with-text {
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  /* line 141, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-content-column {
    max-width: 1100px;
    margin-left: 450px;
  }
}

/* line 148, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-content-column .contact-content-block {
  padding: 24px;
  border-bottom: 1px solid #efefef;
}

@media (min-width: 576px) {
  /* line 148, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-content-column .contact-content-block {
    padding: 40px 50px;
  }
}

/* line 154, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .contact-content-column .contact-content-block p {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 154, app/assets/stylesheets/pages/contacts.scss */
  #contact-page.contact-page .contact-content-column .contact-content-block p {
    font-size: 14.5px;
  }
}

/* Project Card (Desktop)
======================================================================== */
/* line 161, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-cards-container--desktop {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 167, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-card--desktop {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px;
  padding: 24px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

/* line 177, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-card--desktop .event-avatar-container {
  width: 75px;
  height: 75px;
  background-size: cover;
  border-radius: 10px;
  background-color: #7d7d7d;
}

/* line 185, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-card--desktop .project-card--desktop__data-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-top: 16px;
}

/* Project Card (Mobile)
======================================================================== */
/* line 194, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-cards-container--mobile {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 200, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-card--mobile {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  padding: 24px;
  border-radius: 8px;
}

/* line 208, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .project-card--mobile .lead-mode-badge {
  position: absolute;
  top: 8px;
  right: 8px;
}

/* Vendor Project Card (Desktop)
======================================================================== */
/* line 217, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .vendor-project-company-callout {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
}

/* line 228, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .vendor-project-card--desktop {
  display: grid;
  grid-template-columns: 32px 50% 50%;
  align-items: center;
  gap: 16px;
  padding: 16px 0px;
  border-bottom: 1px solid #f3f3f3;
}

/* line 237, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .vendor-project-card--desktop .event-avatar-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  background-size: cover;
  border-radius: 8px;
  background-color: #7d7d7d;
}

/* Vendor Project Card (Mobile)
======================================================================== */
/* line 248, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .vendor-project-cards-container--mobile {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 254, app/assets/stylesheets/pages/contacts.scss */
#contact-page.contact-page .vendor-project-card--mobile {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  padding: 24px;
  border-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Widgets
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 268, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .widget-container {
    margin-bottom: 30px;
  }
}

/* line 275, app/assets/stylesheets/pages/contacts.scss */
.contact-page .widget-header h4 i {
  margin-right: 7px;
}

/* Contacts Widget
======================================================================== */
/* line 281, app/assets/stylesheets/pages/contacts.scss */
.contact-page #contacts-widget .contact-link {
  display: block;
  margin: 8px 0px;
}

/* line 287, app/assets/stylesheets/pages/contacts.scss */
.contact-page #contacts-widget .contact-block .profile-avatar {
  margin-right: 12px;
}

/* line 292, app/assets/stylesheets/pages/contacts.scss */
.contact-page #documents-widget .document-card {
  display: flex;
  align-items: center;
  border-top: 1px solid #efefef;
  padding: 15px 0px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 292, app/assets/stylesheets/pages/contacts.scss */
  .contact-page #documents-widget .document-card {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 292, app/assets/stylesheets/pages/contacts.scss */
  .contact-page #documents-widget .document-card {
    padding: 15px 0px;
  }
}

@media (min-width: 1200px) {
  /* line 301, app/assets/stylesheets/pages/contacts.scss */
  .contact-page #documents-widget .document-card:hover {
    background-color: #fdfdfd;
  }
}

/* line 306, app/assets/stylesheets/pages/contacts.scss */
.contact-page #documents-widget .document-card .document-name-and-content-info {
  flex-grow: 1;
  padding-right: 20px;
}

/* line 310, app/assets/stylesheets/pages/contacts.scss */
.contact-page #documents-widget .document-card .content-type {
  font-size: 14px;
  display: block;
  color: #727272;
  padding-top: 8px;
}

@media (min-width: 576px) {
  /* line 310, app/assets/stylesheets/pages/contacts.scss */
  .contact-page #documents-widget .document-card .content-type {
    font-size: 13.5px;
  }
}

/* Vendor Jobs Widget
======================================================================== */
/* line 320, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-job-block {
  padding-bottom: 16px;
  padding-top: 24px;
  font-size: 16px;
  border-top: 1px solid #e4e4e4;
}

@media (min-width: 576px) {
  /* line 320, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-job-block {
    font-size: 14.5px;
  }
}

/* line 325, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-job-block .badge-container {
  padding-top: 12px;
}

/* line 327, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-job-block .badge-container .status-label {
  font-size: 14px;
  color: #727272;
  margin-right: 5px;
}

@media (min-width: 576px) {
  /* line 327, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-job-block .badge-container .status-label {
    font-size: 13.5px;
  }
}

/* line 333, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-job-block .go-to-page-icon {
  font-size: 70%;
  margin-left: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Content Column
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 344, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-content-column {
    margin-right: 300px;
  }
}

@media (min-width: 1200px) {
  /* line 344, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-content-column {
    margin-left: 450px;
  }
}

/* line 353, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-content-column .vendor-content-block {
  padding: 40px 32px;
  border-bottom: 1px solid #efefef;
}

@media (min-width: 576px) {
  /* line 353, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-content-column .vendor-content-block {
    padding: 40px 50px;
  }
}

/* line 359, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-content-column .vendor-content-block p {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 359, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-content-column .vendor-content-block p {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Jobs Column
/* ===================================================================== */
/* ===================================================================== */
/* line 369, app/assets/stylesheets/pages/contacts.scss */
.contact-page .vendor-jobs-column {
  padding: 40px 32px;
}

@media (min-width: 576px) {
  /* line 369, app/assets/stylesheets/pages/contacts.scss */
  .contact-page .vendor-jobs-column {
    overflow-y: scroll;
    background-color: #fdfdfd;
    padding: 40px 32px;
    border-left: 1px solid #e0e0e0;
    position: fixed;
    top: 53px;
    right: 0px;
    bottom: 0px;
    width: 300px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 389, app/assets/stylesheets/pages/contacts.scss */
#contact-modal .callout.email-identity-link-callout {
  margin-top: -15px;
  margin-bottom: 25px;
  padding: 12px;
}

/* line 395, app/assets/stylesheets/pages/contacts.scss */
#contact-modal .works-for-vendor-toggle {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 395, app/assets/stylesheets/pages/contacts.scss */
  #contact-modal .works-for-vendor-toggle {
    margin-bottom: 24px;
  }
}

/* line 402, app/assets/stylesheets/pages/contacts.scss */
#contact-modal .works-for-vendor-toggle .label {
  margin-bottom: 0px;
  margin-right: 12px;
}

/* line 406, app/assets/stylesheets/pages/contacts.scss */
#contact-modal .works-for-vendor-toggle i {
  font-size: 22px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Portal Point of Contact Card
/* ===================================================================== */
/* ===================================================================== */
/* line 416, app/assets/stylesheets/pages/contacts.scss */
.portal-point-of-contact-card {
  background-color: #fff;
  margin-bottom: 12px;
}

/* line 419, app/assets/stylesheets/pages/contacts.scss */
.portal-point-of-contact-card .contact-info-block {
  padding: 0px;
}

/* line 422, app/assets/stylesheets/pages/contacts.scss */
.portal-point-of-contact-card .portal-point-of-contact-card__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-weight: 500;
  margin-bottom: 16px;
}

/* line 431, app/assets/stylesheets/pages/contacts.scss */
#vendor-details-points-of-contact-data-container .portal-point-of-contact-card {
  border-top: 1px solid #eaeaea;
  padding-top: 16px;
}

/* line 432, app/assets/stylesheets/pages/contacts.scss */
#vendor-details-points-of-contact-data-container .portal-point-of-contact-card #edit-contact-button {
  display: none !important;
}

/* line 440, app/assets/stylesheets/pages/contacts.scss */
#portal-points-of-contact-cards-container--for-editor .portal-point-of-contact-card {
  padding: 24px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 446, app/assets/stylesheets/pages/contacts.scss */
#event-contact-recent-portal-activity-modal .contact-info-block {
  padding: 0px;
}

/* line 448, app/assets/stylesheets/pages/contacts.scss */
#event-contact-recent-portal-activity-modal .contact-info-block .data-block {
  margin: 16px 0px;
  grid-template-columns: 90px 1fr;
}

/* line 1, app/assets/stylesheets/pages/workflows.scss */
#workflow-page #task-date-groups-container {
  margin-left: 30px;
  margin-right: 400px;
}

/* line 7, app/assets/stylesheets/pages/workflows.scss */
#workflow-page #workflow-info-container {
  position: fixed;
  top: 112px;
  right: 0px;
  width: 400px;
  padding: 20px;
}

/* line 15, app/assets/stylesheets/pages/workflows.scss */
#workflows-page .workflow-type-header {
  display: flex;
  padding: 25px 25px;
  border-radius: 20px;
  background-color: #fff;
}

/* line 20, app/assets/stylesheets/pages/workflows.scss */
#workflows-page .workflow-type-header h4 {
  flex-grow: 1;
  margin: 0px;
  color: #15384a;
}

/* line 27, app/assets/stylesheets/pages/workflows.scss */
.applied-workflow-reference-card {
  display: grid;
  border-bottom: 1px solid #e3e3e3;
  padding: 32px;
  gap: 48px;
  grid-template-columns: 350px 1fr;
}

/* line 33, app/assets/stylesheets/pages/workflows.scss */
.applied-workflow-reference-card .icon-and-workflow-name {
  display: grid;
  grid-template-columns: auto 1fr;
}

/* line 1, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page {
  background-color: #f1f5f8;
  opacity: 1;
  background-image: radial-gradient(#dedede 0.8px, #f1f5f8 0.8px);
  background-size: 16px 16px;
  min-height: calc(100vh - 108px);
  padding-top: 40px;
}

/* line 11, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-page-content-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* line 18, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header {
  background-color: #fff;
  width: 80%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header .header {
  padding: 60px 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

/* line 33, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header .header img {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

/* line 40, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header h2.leader {
  padding: 0px 150px;
}

/* line 44, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header .header .file-type-badge {
  display: inline-block;
  margin: 5px;
  padding: 8px;
  border: 1px solid #ededed;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/pages/data_migration.scss */
  #company-data-migration-page .migration-intro-header .header .file-type-badge {
    font-size: 14.5px;
  }
}

/* line 54, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .steps-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 25px;
  column-gap: 15px;
  justify-content: center;
  margin-left: 30px;
  margin-right: 30px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

/* line 66, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .steps-container .step {
  text-align: center;
  backdrop-filter: blur(100px) brightness(1.1);
  border-radius: 15px;
  padding: 20px 20px;
  color: #464646;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 66, app/assets/stylesheets/pages/data_migration.scss */
  #company-data-migration-page .steps-container .step {
    font-size: 14.5px;
  }
}

/* line 74, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .steps-container .step i {
  display: block;
  margin-bottom: 15px;
  font-size: 17px;
}

@media (min-width: 576px) {
  /* line 74, app/assets/stylesheets/pages/data_migration.scss */
  #company-data-migration-page .steps-container .step i {
    font-size: 16px;
  }
}

/* line 79, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .steps-container .step p {
  color: #464646;
  line-height: 18px;
  font-size: 14.5px;
  margin-top: 10px;
}

/* line 87, app/assets/stylesheets/pages/data_migration.scss */
#company-data-migration-page .migration-intro-header .content-info {
  padding: 30px;
  background-color: #f9f9f9;
  margin-top: 45px;
  margin-bottom: 45px;
}

/* line 97, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal .selection-card.file-type-option {
  display: flex;
  padding: 15px;
  min-height: unset;
  margin-bottom: 10px;
}

/* line 102, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal .selection-card.file-type-option .check-icons {
  width: 20px;
}

/* line 105, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal .selection-card.file-type-option .option-title {
  margin-bottom: 0px;
  font-size: 15px;
}

/* line 109, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal .selection-card.file-type-option .description-container {
  margin-top: 1px;
  top: 0px;
}

/* line 115, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container {
  display: flex;
}

/* line 117, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .options-column {
  flex: 0 0 250px;
}

/* line 120, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .fields-column {
  flex-grow: 1;
}

/* line 123, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .radio-button-option {
  padding: 15px;
  font-size: 15px;
  border: 2px solid transparent;
  width: 90%;
  font-weight: 600;
}

/* line 129, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .radio-button-option i {
  margin-right: 10px;
}

/* line 133, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .radio-button-option.selected {
  background-color: #fff;
  border-color: #529a52;
}

/* line 136, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .radio-button-option.selected i {
  color: #529a52;
}

/* line 142, app/assets/stylesheets/pages/data_migration.scss */
#new-migration-request-modal #file-delivery-method-container .delivery-fields-container {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  padding: 20px;
  border-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Migration Service Notice Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 154, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout {
  background-color: #fff;
  color: #fff;
}

/* line 159, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout .text-container {
  padding: 0px 20px;
}

/* line 163, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout img {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

/* line 169, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout button {
  border-radius: 0px;
}

/* line 173, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout.for-folder-tree {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #cfd6d9;
  color: #464646;
}

/* line 185, app/assets/stylesheets/pages/data_migration.scss */
.migration-service-notice-callout p {
  margin: 15px 0px;
}

/* Fin Docs */
/* ===================================================================== */
/* ===================================================================== */
/* Split Grid Layout
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column {
    grid-template-columns: 1fr 350px;
  }
}

@media (min-width: 1580px) {
  /* line 6, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column {
    grid-template-columns: 1fr 450px;
  }
}

/* line 16, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column .panel-expand-collapse-button.--collapse-right-panel {
  z-index: 1;
  top: 108px;
  right: 350px;
}

@media (min-width: 1580px) {
  /* line 16, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .panel-expand-collapse-button.--collapse-right-panel {
    right: 450px;
  }
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  body[data-auth-context="share_link"] #fin-doc-page .split-grid-layout--two-column {
    height: 100vh;
  }
}

/* line 31, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
body[data-auth-context="share_link"] #fin-doc-page .split-grid-layout--two-column .panel-expand-collapse-button.--collapse-right-panel {
  top: 0px;
}

/* Left Column
======================================================================== */
@media (min-width: 1200px) {
  /* line 38, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-left-column {
    padding-bottom: 250px !important;
    background-color: #fafafa;
  }
}

/* Right Column
======================================================================== */
@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column {
    container-type: inline-size;
    overflow: scroll;
    padding-bottom: 85px;
    border-left: 1px solid #d2d2d2;
  }
  @container (min-width: 440px) {
    /* line 55, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
    #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .right-column-content {
      padding-top: 0px;
      padding-left: 24px;
      padding-right: 24px;
    }
  }
}

/* line 65, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .sub-grid-column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 65, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .sub-grid-column {
    grid-gap: 8px;
  }
}

@container (min-width: 440px) {
  @media (min-width: 1200px) {
    /* line 74, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
    #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .sub-grid-column {
      grid-gap: 16px;
    }
  }
}

/* line 83, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .simple-section-header {
  border-radius: 0px;
  border-top: 2px solid #ececec;
}

/* line 87, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .inline-index--rows-for-pillbox {
  border-radius: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}

/* line 92, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .fin-doc-approved-button-container-for-show-edit {
  margin-left: 24px;
  margin-right: 24px;
  margin-top: 12px;
}

@container (min-width: 440px) {
  /* line 98, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .simple-section-header {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 48px;
    margin-bottom: 16px;
  }
  /* line 104, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .inline-index--rows-for-pillbox {
    border-radius: 8px;
    border-left-width: 1px;
    border-right-width: 1px;
  }
  /* line 109, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .split-grid-layout--two-column .split-grid-layout-right-column .fin-doc-approved-button-container-for-show-edit {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 117, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .split-grid-layout--two-column.right-column-collapsed {
  grid-template-columns: 1fr 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Container
/* ===================================================================== */
/* ===================================================================== */
/* line 128, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page #page-container, #fin-doc-package-page #page-container {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 9px 0px #00000024;
  box-shadow: 0px 0px 9px 0px #00000024;
}

@media (min-width: 1200px) {
  /* line 140, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page #page-container {
    border-radius: 8px;
  }
}

/* line 148, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-package-page #page-container {
  border-radius: 8px;
}

@media (min-width: 1200px) {
  /* line 154, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page #fin-doc-container, #fin-doc-package-page #fin-doc-container {
    max-width: 1050px;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  /* line 178, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page.fin-doc-show-page--event-financials #fin-doc-container,
#fin-doc-page.editor-within-project #fin-doc-container,
body[data-portal='true'] #fin-doc-page #fin-doc-container,
body[data-auth-context='share_link'] #fin-doc-page .split-grid-layout #fin-doc-container {
    min-width: 900px;
    transition: transform 0.5s;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Empty States
/* ===================================================================== */
/* ===================================================================== */
/* line 191, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .empty-state--for-findoc-settings {
  margin-left: 24px;
  margin-right: 24px;
  margin-top: 24px;
}

@media (min-width: 1200px) {
  /* line 191, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .empty-state--for-findoc-settings {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
  }
}

@container (min-width: 440px) {
  /* line 191, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .empty-state--for-findoc-settings {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Auto Save
/* ===================================================================== */
/* ===================================================================== */
/* line 213, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page #autosave {
  display: inline-block;
  margin-right: 21px;
  color: #909090;
  font-size: 14px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Package Overlay
/* ===================================================================== */
/* ===================================================================== */
/* Desktop Hover (show package name)
======================================================================== */
@media (min-width: 1200px) {
  /* line 231, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .fin-doc-section-block:hover .package-info {
    visibility: visible;
  }
}

/* Package Overlay Styling
======================================================================== */
/* line 239, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .package-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  border: 3px dotted #8fb3c5;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 239, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .package-overlay {
    right: -15px;
    left: -15px;
    top: -10px;
    bottom: -10px;
  }
}

/* line 253, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .package-overlay .package-info {
  background-color: #fff;
  position: absolute;
  padding: 5px;
  top: -13px;
  left: 9px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 1200px) {
  /* line 253, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .package-overlay .package-info {
    opacity: 0;
    transition: all 0.2s;
    transition-delay: 0.4s;
    padding: 10px 15px;
    top: -20px;
    text-align: center;
    transform: translateX(-50%) translateY(10px) scale(0.6);
  }
}

/* line 274, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block:hover .package-overlay {
  border-left-color: #8fb3c5;
  border-top-color: #8fb3c5;
  border-right-color: #8fb3c5;
  border-bottom-color: #8fb3c5;
  background-color: #eef8ff3b;
}

@media (min-width: 1200px) {
  /* line 280, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .fin-doc-section-block:hover .package-overlay .package-info {
    opacity: 1;
    transform: translateX(-50%) translateY(0px) scale(1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSectionBlock
/* ===================================================================== */
/* ===================================================================== */
/* line 294, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block,
#fin-doc-package-page .fin-doc-section-block {
  position: relative;
  background-color: #fff;
}

/* line 298, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-menu-button,
#fin-doc-package-page .fin-doc-section-block .edit-menu-button {
  position: absolute;
  top: 4px;
  right: 0px;
  z-index: 3;
  padding: 0px;
}

/* line 304, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-menu-button button i,
#fin-doc-package-page .fin-doc-section-block .edit-menu-button button i {
  font-size: 25px;
  color: #797979;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSection & FinDocSectionBlock Edit Overlay
/* currently contains move handle and delete icons
/* ===================================================================== */
/* ===================================================================== */
/* line 320, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-overlay-container, #fin-doc-page .fin-doc-section .edit-overlay-container, #fin-doc-package-page .fin-doc-section-block .edit-overlay-container, #fin-doc-package-page .fin-doc-section .edit-overlay-container {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  bottom: 0px;
  transition: opacity 0.2s;
  padding-left: 45px;
  padding-right: 10px;
  pointer-events: none;
}

/* line 335, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section .edit-overlay-container, #fin-doc-package-page .fin-doc-section .edit-overlay-container {
  top: 0px;
  left: -63px;
}

/* line 341, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-overlay-container, #fin-doc-package-page .fin-doc-section-block .edit-overlay-container {
  top: 0px;
  left: -63px;
}

/* line 346, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page.invoice .fin-doc-section-block .edit-overlay-container, #fin-doc-package-page.invoice .fin-doc-section-block .edit-overlay-container {
  top: 0px;
  left: -100px;
  padding-top: 15px;
  padding-right: 22px;
}

/* line 353, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page.quote .fin-doc-section-block[data-is-package-container='true'] .edit-overlay-container, #fin-doc-package-page.quote .fin-doc-section-block[data-is-package-container='true'] .edit-overlay-container {
  left: -75px;
  top: -20px;
  z-index: 3;
}

/* line 358, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page.invoice .fin-doc-section-block[data-is-package-container='true'] .edit-overlay-container, #fin-doc-package-page.invoice .fin-doc-section-block[data-is-package-container='true'] .edit-overlay-container {
  left: -80px;
  top: -20px;
  padding-top: 0px;
  z-index: 3;
}

@media (min-width: 1200px) {
  /* line 367, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .fin-doc-section-block:hover .fin-doc-section-block-edit-overlay-container, #fin-doc-package-page .fin-doc-section-block:hover .fin-doc-section-block-edit-overlay-container {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (min-width: 1200px) {
  /* line 376, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #fin-doc-page .fin-doc-section .header:hover .fin-doc-section-edit-overlay-container, #fin-doc-package-page .fin-doc-section .header:hover .fin-doc-section-edit-overlay-container {
    opacity: 1;
    pointer-events: auto;
  }
}

/* line 384, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-overlay, #fin-doc-page .fin-doc-section .edit-overlay, #fin-doc-package-page .fin-doc-section-block .edit-overlay, #fin-doc-package-page .fin-doc-section .edit-overlay {
  overflow: hidden;
  top: 0px;
  left: 0px;
  background-color: #fff;
  border-radius: 5px;
  font-size: 18px;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

/* line 393, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-overlay i, #fin-doc-page .fin-doc-section .edit-overlay i, #fin-doc-package-page .fin-doc-section-block .edit-overlay i, #fin-doc-package-page .fin-doc-section .edit-overlay i {
  transition: all 0.2s;
  display: block;
  text-align: center;
  color: #aeaeae;
  padding: 9px;
}

/* line 399, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .fin-doc-section-block .edit-overlay i:hover, #fin-doc-page .fin-doc-section .edit-overlay i:hover, #fin-doc-package-page .fin-doc-section-block .edit-overlay i:hover, #fin-doc-package-page .fin-doc-section .edit-overlay i:hover {
  cursor: pointer;
  color: #464646;
  background-color: #f7f7f7;
  transform: scale(1.2);
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSectionBlock Delete Highlight
/* ===================================================================== */
/* ===================================================================== */
/* line 414, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-section-block-delete-highlight {
  position: absolute;
  top: 0px;
  right: -10px;
  bottom: 0px;
  left: -10px;
  background-color: #ff000014;
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Billing Info Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 430, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#edit-billing-info-modal .contact-address-container {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  /* line 430, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #edit-billing-info-modal .contact-address-container {
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 439, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #edit-billing-info-modal .contact-address-container:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 445, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#edit-billing-info-modal .contact-address-container .contact-name {
  display: block;
  margin-bottom: 4px;
}

/* line 449, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#edit-billing-info-modal .contact-address-container .address {
  display: block;
  font-size: 14px;
  color: #959595;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote Approval
/* ===================================================================== */
/* ===================================================================== */
/* line 462, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#confirm-quote-approval-modal input#quote_approval_signature {
  font-family: 'Dancing Script', cursive;
  font-size: 30px;
}

/* line 467, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#fin-doc-page .notes-and-totals-container {
  margin-top: 45px;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDoc Desktop Card
/* ===================================================================== */
/* ===================================================================== */
/* line 476, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card {
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: 32px;
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
  border: 1px solid #e2e2e2;
}

/* line 486, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card td {
  border-top-width: 0px;
}

/* line 490, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card .payment-due-dates-container {
  margin-left: 32px;
  margin-right: 32px;
  display: grid;
  grid-row-gap: 16px;
  padding-bottom: 24px;
}

/* line 498, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card .payment-due-dates-container.for-quote {
  display: block;
}

/* line 506, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card .payment-due-dates-container .payment-due-date-status-badge {
  min-width: 100px;
  margin-right: 8px;
}

/* line 511, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-desktop-card .payments-divider {
  height: 1px;
  border-top: 3px dotted #f1f1f1;
  margin-bottom: 16px;
  margin-left: 32px;
  margin-right: 32px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fin Doc Mobile Card (for Event Index Financials)
/* ===================================================================== */
/* ===================================================================== */
/* line 524, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-mobile-card--event-index .payment-due-date-container {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  margin-top: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDoc Mobile Show Card
/* ===================================================================== */
/* ===================================================================== */
/* line 536, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.card.invoice-card .payment-due-dates-container .payment-due-date-container {
  margin-bottom: 10px;
}

/* line 540, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.card.invoice-card .payment-due-dates-container .payment-due-date-container .payment-due-date-status-badge {
  font-size: 11px;
  min-width: 85px;
  margin-right: 5px;
}

/* line 546, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.card.invoice-card .payment-due-dates-container .payment-due-date-container .amount-and-date {
  font-size: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Success Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 555, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#payment-success-modal .modal-body {
  text-align: center;
}

/* line 559, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#payment-success-modal .modal-body {
  padding-top: 30px;
}

@media (min-width: 576px) {
  /* line 559, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #payment-success-modal .modal-body {
    padding: 30px;
  }
}

/* line 566, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#payment-success-modal .success-icon {
  font-size: 50px;
  color: #00ab86;
  margin-bottom: 20px;
}

/* line 572, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
#payment-success-modal p {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 572, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  #payment-success-modal p {
    width: 70%;
  }
}

/* line 584, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-callout {
  text-align: center;
  text-wrap: balance;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 584, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  .fin-doc-callout {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 584, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  .fin-doc-callout {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* line 597, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-callout--quote-warning {
  border-color: #a21515;
}

/* line 601, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-show-page .fin-doc-callout {
  margin: 24px;
  padding: 8px;
}

@media (min-width: 1200px) {
  /* line 601, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
  .fin-doc-show-page .fin-doc-callout {
    margin: 0px;
    margin-bottom: 8px;
  }
}

/* line 610, app/assets/stylesheets/pages/fin_docs/fin_docs.scss */
.fin-doc-show-page #settings-column .fin-doc-callout {
  margin: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Layout ======================================================= */
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile {
  padding: 15px 15px 30px 15px;
}

/* line 9, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile,
#fin-doc-page #header .header-for-mobile p {
  font-size: 15px;
  line-height: 23px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Layout ====================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* line 20, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop {
  padding: 55px;
}

/* line 23, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop,
#fin-doc-page #header .header-for-desktop p {
  font-size: 16px;
  line-height: 22px;
}

/* line 29, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container {
  display: flex;
}

/* line 31, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-column-1 {
  flex: 0 0 65%;
}

/* line 33, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-column-1 .type-and-number {
  margin-bottom: 35px;
}

/* line 37, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-column-2 {
  flex: 0 0 35%;
}

/* line 42, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-details {
  display: flex;
}

/* line 44, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-details .header-details-column:first-child {
  flex: 0 0 60%;
  padding-right: 8%;
}

/* line 48, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .primary-header-container .header-details .header-details-column:last-child {
  flex: 0 0 40%;
  padding-right: 3%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Type & Number
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .type-and-number {
  color: #c4c4c4;
}

/* line 68, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .type-and-number {
  font-size: 16px;
  font-weight: 600px;
}

/* line 73, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .type-and-number {
  font-size: 20px;
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Details
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .company-details img {
  display: block;
  margin: 30px auto;
  max-width: 60%;
  max-height: 150px;
}

/* line 91, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .company-details .company-name {
  text-align: center;
  font-size: 22px;
  display: block;
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 600;
}

/* line 99, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .company-details .address-display {
  color: #464646;
  text-align: center;
  margin-bottom: 30px;
}

/* line 105, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .company-details .address-display .company-name {
  text-align: center;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 113, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .company-details {
  text-align: center;
  width: fit-content;
  margin-left: auto;
}

/* line 117, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .company-details img {
  display: block;
  margin-left: auto;
  max-width: 250px;
  max-height: 230px;
  margin-bottom: 25px;
}

/* line 124, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .company-details .company-name {
  display: block;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* line 130, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .company-details .address-display {
  color: #464646;
}

/* line 133, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .company-details .address-display .company-name {
  font-size: 16px;
  margin-bottom: 3px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Bill To
/* ===================================================================== */
/* ===================================================================== */
/* line 146, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .address-display.for-bill-to .address-container {
  display: block;
  font-size: 15px;
  margin-top: 7px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Details Label
/* ===================================================================== */
/* ===================================================================== */
/* line 159, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .details-label {
  color: #9a9a9a;
}

/* line 167, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .header-details .details-label {
  display: block;
  position: relative;
  z-index: 2;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 10px;
  pointer-events: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fields (Editable & Show)
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .editable-field,
#fin-doc-page #header .show-field {
  color: #464646;
}

/* line 187, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .show-field {
  margin-bottom: 35px;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable Field
/* ===================================================================== */
/* ===================================================================== */
/* line 198, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .editable-field {
  position: relative;
  border-top: 1px dashed #c7dae3;
  border-bottom: 1px dashed #c7dae3;
  background-color: #f9fcff;
  padding: 15px;
  padding-right: 40px;
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 211, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field {
  position: relative;
  background-color: transparent;
  border: 1px dashed transparent;
  margin-bottom: 24px;
  border-radius: 6px;
  margin-left: -12px;
  margin-top: -38px;
  padding-top: 35px;
  padding-left: 11px;
  padding-right: 11px;
  min-height: 70px;
  transition: all 0.2s;
  max-width: 270px;
}

/* line 225, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field:hover, #fin-doc-page #header .header-for-desktop .editable-field[data-has-value='false'] {
  border-color: #8fb3c5;
  background-color: #f8fcff;
  cursor: pointer;
}

/* line 230, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field[data-has-value='false'] {
  color: transparent;
}

/* line 233, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable Field (Project Link)
/* ===================================================================== */
/* ===================================================================== */
/* line 245, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .editable-field.for-project-link .selectize-input {
  padding: 0px;
  border: 0px;
  background-color: transparent;
  display: block;
  appearance: none;
  outline-style: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 254, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .editable-field.for-project-link .selectize-input input {
  appearance: none;
  outline-style: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 263, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .editable-field.for-project-link {
  padding: 0px;
  padding-right: 0px;
}

/* line 266, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .editable-field.for-project-link .selectize-input {
  padding: 11px 15px;
  padding-right: 40px;
}

/* line 272, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field.for-project-link {
  padding: 20px 0px 0px 0px;
}

/* line 274, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field.for-project-link .selectize-input {
  padding-top: 15px;
  padding-left: 12px;
  line-height: 22px;
}

/* line 278, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field.for-project-link .selectize-input input {
  appearance: none;
  outline-style: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable Field (Project Link LOCKED)
/* ===================================================================== */
/* ===================================================================== */
/* line 293, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .editable-field.for-locked-project-link:hover {
  background-color: #c4c4c4;
  background-color: #f7f7f7;
  border-color: #d5d5d5;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable Field Icon for Edit
/* ===================================================================== */
/* ===================================================================== */
/* line 308, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .editable-field .icon-for-edit {
  position: absolute;
}

/* line 313, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-mobile .editable-field .icon-for-edit {
  display: none !important;
}

/* line 317, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .header-for-desktop .editable-field .icon-for-edit {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Placeholder Span (for template headers)
/* ===================================================================== */
/* ===================================================================== */
/* line 333, app/assets/stylesheets/pages/fin_docs/header.scss */
#fin-doc-page #header .placeholder-span {
  height: 13.5px;
  background-color: #eeeeee;
  border-radius: 8px;
  margin-bottom: 4px;
}

/* line 1, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer {
  margin-top: 50px;
  padding-bottom: 60px;
}

/* line 6, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer.for-show .footer-divider {
  height: 17px;
  background-color: #f7f7f7;
  margin-bottom: 50px;
}

/* line 12, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer.for-show {
  padding-top: 0px;
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer .footer-totals {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 24, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer .footer-notes {
  margin-top: 40px;
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer .footer-notes {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
}

/* line 35, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer .totals-container {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 35, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer .totals-container {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer .totals-container {
    font-size: 17px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 35, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer .totals-container {
    font-size: 16px;
  }
}

/* line 42, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer .fin-doc-notes p {
  font-size: 16px;
}

/* line 46, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer.for-edit .fin-doc-notes {
  border: 1px dashed #8fb3c5;
  padding: 15px;
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer.for-edit .fin-doc-notes {
    padding: 20px;
    border: 1px dashed #dbdbdb;
    border-radius: 12px;
    transition: all 0.2s;
  }
  /* line 54, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer.for-edit .fin-doc-notes:hover, #fin-doc-page #footer.for-edit .fin-doc-notes:focus-within {
    border-color: #8fb3c5;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 61, app/assets/stylesheets/pages/fin_docs/footer.scss */
#fin-doc-page #footer.for-show .fin-doc-notes {
  padding: 15px;
}

@media (min-width: 1200px) {
  /* line 61, app/assets/stylesheets/pages/fin_docs/footer.scss */
  #fin-doc-page #footer.for-show .fin-doc-notes {
    padding: 23px;
    padding-bottom: 5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSection
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section {
  position: relative;
  background-color: #fff;
  margin-bottom: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSection Blocks
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section-blocks.for-invoice {
    padding: 0px 40px;
  }
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section-blocks.for-quote {
    padding: 0px 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Header
/* ===================================================================== */
/* ===================================================================== */
/* line 35, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header textarea,
#fin-doc-page.fin-doc-show-page .fin-doc-section .header {
  position: relative;
  color: #464646;
  font-size: 18px;
  padding: 15px 20px;
  padding-right: 50px;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 0px;
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .header textarea,
#fin-doc-page.fin-doc-show-page .fin-doc-section .header {
    font-size: 23px;
    padding: 30px 40px;
  }
}

/* line 49, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header textarea h2,
#fin-doc-page.fin-doc-show-page .fin-doc-section .header h2 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: normal;
}

@media (min-width: 1200px) {
  /* line 49, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .header textarea h2,
#fin-doc-page.fin-doc-show-page .fin-doc-section .header h2 {
    font-size: 23px;
  }
}

/* line 60, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header {
  position: relative;
}

/* line 62, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header:hover textarea {
  border: 1px dashed #8fb3c5;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 69, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header textarea:hover, #fin-doc-page .fin-doc-section .header textarea:focus {
  border: 1px dashed #8fb3c5;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

/* Section Settings Link (Desktop)
======================================================================== */
/* line 79, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header .section-settings-link {
  font-size: 16px;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}

@media (min-width: 576px) {
  /* line 79, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .header .section-settings-link {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .header .section-settings-link {
    display: block;
    z-index: 2;
  }
}

/* Mobile Edit Button (Ellipsis)
======================================================================== */
/* line 92, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header .mobile-edit-menu-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 4;
}

/* line 96, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .header .mobile-edit-menu-button button i {
  font-size: 25px;
  color: #797979;
}

/* ===================================================================== */
/* ===================================================================== */
/* Description
/* ===================================================================== */
/* ===================================================================== */
/* line 108, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .description-container textarea,
#fin-doc-page.fin-doc-show-page .fin-doc-section .description-container {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  padding: 20px;
  padding-top: 0px;
  border-radius: 0px;
}

@media (min-width: 1200px) {
  /* line 108, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .description-container textarea,
#fin-doc-page.fin-doc-show-page .fin-doc-section .description-container {
    padding: 40px;
    padding-top: 0px;
  }
}

/* line 119, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .description-container textarea p,
#fin-doc-page.fin-doc-show-page .fin-doc-section .description-container p {
  color: #464646;
  font-size: 15px;
}

/* line 128, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .description-container textarea:hover, #fin-doc-page .fin-doc-section .description-container textarea:focus {
  border: 1px dashed #8fb3c5;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 133, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .description-container .form-group {
  margin-bottom: 0px;
}

/* line 140, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-has-fin-doc-items-selected-from-approved-quote='false'] .description-container {
  display: none;
}

/* line 143, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-has-fin-doc-items-selected-from-approved-quote='false'] .no-selected-options-notice {
  display: block;
}

/* Delete Highlight
======================================================================== */
/* line 150, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .fin-doc-section-delete-highlight {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: 0px;
  left: -10px;
  background-color: #ff000014;
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote FinDocSection Selection Info
/* ===================================================================== */
/* ===================================================================== */
/* line 165, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.fin-doc-section .selection-info {
  display: none;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 8px;
  padding-left: 16px;
  border-left: 8px solid teal;
}

@media (min-width: 1200px) {
  /* line 165, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .fin-doc-section .selection-info {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    padding: 15px;
  }
  /* line 178, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .fin-doc-section .selection-info p {
    font-size: 16px;
  }
}

/* line 184, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.fin-doc-section[data-bundle-type='choose_one'] .selection-info.choose-one {
  display: block;
}

/* line 188, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.fin-doc-section[data-bundle-type='choose_multiple'] .selection-info.choose-multiple {
  display: block;
}

/* line 192, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.fin-doc-section .selection-info .required {
  color: #bb0404;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  display: none;
}

@media (min-width: 576px) {
  /* line 192, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .fin-doc-section .selection-info .required {
    margin-left: 10px;
  }
}

/* line 203, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.fin-doc-section[data-bundle-selection-required=true] .selection-info .required {
  display: block;
}

@media (min-width: 576px) {
  /* line 203, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .fin-doc-section[data-bundle-selection-required=true] .selection-info .required {
    display: inline;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Invoice FinDocSection
/* ===================================================================== */
/* ===================================================================== */
/* Invoice Table Header (item,qty,price,etc.)
======================================================================== */
/* line 219, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .invoice-table-header {
  overflow: hidden;
  background-color: #edf2f6;
  border-radius: 8px;
}

/* line 223, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .invoice-table-header td {
  padding: 17px;
  border-top: none;
  border-bottom: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSection Edit Panel
/* ===================================================================== */
/* ===================================================================== */
/* Bundle Type Selection
======================================================================== */
/* line 238, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section .bundle-type-option {
  padding: 10px;
  margin-bottom: 5px;
  min-height: initial;
  color: #464646;
}

@media (min-width: 576px) {
  /* line 238, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .edit-panel.fin-doc-section .bundle-type-option {
    padding: 13px;
  }
}

/* line 246, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section .bundle-type-option p {
  margin: 0px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 246, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  .edit-panel.fin-doc-section .bundle-type-option p {
    font-size: 13.5px;
  }
}

/* line 250, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section .bundle-type-option .option-title {
  position: relative;
  top: -2px;
  left: 4px;
}

/* Selection Required
======================================================================== */
/* line 259, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section .bundle-selection-required-container {
  display: none;
}

/* line 262, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section[data-bundle-type='choose_one'] .bundle-selection-required-container {
  display: block;
}

/* line 265, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
.edit-panel.fin-doc-section[data-bundle-type='choose_multiple'] .bundle-selection-required-container {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Component Buttons Container (Add Line Item, Add Section)
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 275, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .add-fin-doc-component-container {
    margin-top: 20px;
    padding: 0px 15px;
  }
}

@media (max-width: 480px) {
  /* line 283, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .add-fin-doc-component-container.for-section button {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 290, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page.quote .add-fin-doc-component-container.for-item {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    border-radius: 7px;
    padding: 20px;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    border: 3px solid transparent;
    transition: all 0.2s;
  }
  /* line 300, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page.quote .add-fin-doc-component-container.for-item:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

@media (min-width: 1200px) {
  /* line 306, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page.invoice .add-fin-doc-component-container.for-item {
    padding: 30px;
    padding-left: 15px;
    margin-left: 40px;
    margin-right: 40px;
    transition: all 0.2s;
    border: 1px solid transparent;
  }
  /* line 314, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page.invoice .add-fin-doc-component-container.for-item:hover {
    background-color: #f8fcff;
    border: 1px dashed #8fb3c5;
  }
}

/* line 321, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
#fin-doc-page .add-fin-doc-component-container.for-section {
  background-color: #f7f7f7;
  padding: 30px 30px;
}

@media (min-width: 1200px) {
  /* line 321, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .add-fin-doc-component-container.for-section {
    background-color: #f7f7f7;
    text-align: center;
    margin-top: 40px;
    padding: 35px 0px;
    border: 1px solid #f7f7f7;
    transition: 0.2s;
  }
  /* line 331, app/assets/stylesheets/pages/fin_docs/fin_doc_sections.scss */
  #fin-doc-page .add-fin-doc-component-container.for-section:hover {
    border: 1px dashed #8fb3c5;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItemsContainer
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-items-container,
#fin-doc-package-page .fin-doc-items-container {
  position: relative;
}

/* ===================================================================== */
/* ===================================================================== */
/* Override Default .form-control Styles
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
  #fin-doc-page .fin-doc-section .form-control,
#fin-doc-package-page .fin-doc-section .form-control {
    padding: 9px;
    height: initial;
    box-shadow: none;
    border: 0px;
  }
  /* line 24, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
  #fin-doc-page .fin-doc-section .form-control:focus,
#fin-doc-package-page .fin-doc-section .form-control:focus {
    background-color: #f6f6f6;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Disabled Fields
/* ===================================================================== */
/* ===================================================================== */
/* line 39, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-section input:disabled, #fin-doc-page .fin-doc-section textarea:disabled, #fin-doc-page .fin-doc-section select:disabled,
#fin-doc-package-page .fin-doc-section input:disabled,
#fin-doc-package-page .fin-doc-section textarea:disabled,
#fin-doc-package-page .fin-doc-section select:disabled {
  background-color: transparent;
}

/* ===================================================================== */
/* ===================================================================== */
/* Image Cell
/* ===================================================================== */
/* ===================================================================== */
/* line 55, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell .image-container,
#fin-doc-package-page .fin-doc-item-row .image-cell .image-container,
#fin-doc-page .fin-doc-item-mobile-container .image-cell .image-container,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell .image-container {
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #c4c4c4;
  border-radius: 6px;
  overflow: hidden;
}

/* line 64, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-package-page .fin-doc-item-row .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-page .fin-doc-item-mobile-container .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell .image-container:hover .edit-image-overlay {
  opacity: 1;
}

/* line 68, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell img,
#fin-doc-package-page .fin-doc-item-row .image-cell img,
#fin-doc-page .fin-doc-item-mobile-container .image-cell img,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell img {
  width: 135px;
}

/* line 71, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell div.upload-image-placeholder,
#fin-doc-package-page .fin-doc-item-row .image-cell div.upload-image-placeholder,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.upload-image-placeholder,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.upload-image-placeholder {
  overflow: hidden;
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #C0E0E6;
}

/* line 78, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell div.edit-image-overlay,
#fin-doc-package-page .fin-doc-item-row .image-cell div.edit-image-overlay,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay {
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
}

/* line 83, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-package-page .fin-doc-item-row .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay .edit-image-label {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

/* line 92, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell,
#fin-doc-page .fin-doc-item-mobile-container .image-cell {
  padding-left: 10px;
  width: fit-content;
  block-size: fit-content;
}

/* ===================================================================== */
/* ===================================================================== */
/* Show/Hide FinDocItem image (based on FinDocSection)
/* ===================================================================== */
/* ===================================================================== */
/* line 106, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
.fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-mobile-container .image-cell, .fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-row .image-cell {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* "Quote" FinDocItem Row
/* ===================================================================== */
/* ===================================================================== */
/* Extra padding and box shadow
======================================================================== */
/* line 120, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote,
#fin-doc-package-page .fin-doc-item-row.quote {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  margin-top: 15px;
  border-radius: 7px;
  margin-top: 19px;
  padding: 15px;
}

/* line 127, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote td,
#fin-doc-package-page .fin-doc-item-row.quote td {
  border-bottom: 0px;
}

/* Numbers Container (qty,units,price,etc.)
======================================================================== */
/* line 134, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container {
  display: flex;
  justify-content: right;
  border-radius: 8px;
  margin-top: 30px;
}

/* line 140, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container .caps-text-grey,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container .caps-text-grey {
  margin-bottom: 5px;
}

/* line 143, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container div.qty,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container div.qty {
  text-align: center;
  flex: 0 0 180px;
}

/* line 147, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container div.units,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container div.units {
  flex: 0 0 99px;
}

/* line 150, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container div.price,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container div.price {
  text-align: right;
  flex: 0 0 108px;
}

/* line 154, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container div.taxable,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container div.taxable {
  text-align: center;
  flex: 0 0 63px;
}

/* line 158, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-row.quote .numbers-container div.total,
#fin-doc-package-page .fin-doc-item-row.quote .numbers-container div.total {
  text-align: right;
  flex: 0 0 135px;
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItems (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* FinDocItems (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 274, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container,
#fin-doc-package-page .fin-doc-item-mobile-container {
  position: relative;
  padding: 8px;
  border-bottom: 1px solid #dcdcdc;
}

/* line 277, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .form-group,
#fin-doc-package-page .fin-doc-item-mobile-container .form-group {
  margin-bottom: 0px;
}

/* line 282, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-item-name,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-item-name {
  font-size: 17px;
  font-weight: 600;
  width: calc(100% - 50px);
}

/* line 287, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-item-description, #fin-doc-page .fin-doc-item-mobile-container .fin-doc-item-description p,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-item-description,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-item-description p {
  color: #9e9e9e;
  resize: none;
  margin-bottom: 8px;
}

/* line 292, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .financial-fields-container,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container {
  padding: 0px 22px;
  color: #c4c4c4;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

/* line 296, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .financial-fields-container .col-4, #fin-doc-page .fin-doc-item-mobile-container .financial-fields-container .col-3, #fin-doc-page .fin-doc-item-mobile-container .financial-fields-container .col-5,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container .col-4,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container .col-3,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container .col-5 {
  padding: 0px 3px;
}

/* line 299, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .financial-fields-container .form-group,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container .form-group {
  margin-top: 3px;
}

/* line 302, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .financial-fields-container .form-control,
#fin-doc-package-page .fin-doc-item-mobile-container .financial-fields-container .form-control {
  background-color: #f3f3f3;
  border-radius: 4px;
}

/* line 307, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .tax-and-total-container,
#fin-doc-package-page .fin-doc-item-mobile-container .tax-and-total-container {
  padding: 0px 25px;
  margin-top: 20px;
  margin-bottom: 15px;
}

/* line 312, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .total-label,
#fin-doc-package-page .fin-doc-item-mobile-container .total-label {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  color: #c4c4c4;
  display: inline-block;
  margin-right: 6px;
}

/* line 318, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-item-total,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-item-total {
  font-size: 18px;
  font-weight: 600;
}

/* line 322, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-taxable,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-taxable {
  text-align: center;
  display: inline-block;
  font-size: 18px;
}

/* line 326, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-taxable:hover,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-taxable:hover {
  cursor: pointer;
}

/* line 329, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-taxable .fa-check-square,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-taxable .fa-check-square {
  display: none;
}

/* line 333, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-taxable[data-checked="true"] .fa-square,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-taxable[data-checked="true"] .fa-square {
  display: none;
}

/* line 336, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-page .fin-doc-item-mobile-container .fin-doc-taxable[data-checked="true"] .fa-check-square,
#fin-doc-package-page .fin-doc-item-mobile-container .fin-doc-taxable[data-checked="true"] .fa-check-square {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItem that belongs to FinDocPackage
/* ===================================================================== */
/* ===================================================================== */
/* line 348, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
.fin-doc-item-row[data-is-part-of-package='true'] {
  background-color: #f8f8f8;
}

/* line 351, app/assets/stylesheets/pages/fin_docs/fin_doc_items.scss */
#fin-doc-package-page .fin-doc-item-row {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Image Cell
/* ===================================================================== */
/* ===================================================================== */
/* line 1, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice {
  display: flex;
  padding: 30px 0px;
  border-bottom: 1px solid #ededed;
}

/* line 7, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote {
  display: flex;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  padding: 40px;
  padding-bottom: 20px;
  margin-top: 40px;
  border: 3px solid transparent;
}

/* line 16, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-package-page .fin-doc-item-row-new.quote {
  margin-top: 0px;
  margin-bottom: 25px;
}

/* line 22, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-section-blocks .fin-doc-section-block:last-child .fin-doc-item-row-new.invoice {
  border-bottom: 0px;
}

/* line 27, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new .primary-content-column {
  flex-grow: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote/Invoice Block Header Styles (Edit & Show)
/* ===================================================================== */
/* ===================================================================== */
/* line 36, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .invoice-items-block-header {
  padding: 0px 40px;
  color: #c4c4c4;
  margin-top: 30px;
}

/* line 43, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .quote-items-block-header .header-label, #fin-doc-package-page .quote-items-block-header .header-label {
  color: #c4c4c4 !important;
  margin-top: 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Columns - Invoice (for Edit)
/* ===================================================================== */
/* ===================================================================== */
/* line 54, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row,
.invoice-items-block-header.for-edit {
  display: flex;
}

/* line 57, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .image-spacer-column, .fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .image-column,
.invoice-items-block-header.for-edit .image-spacer-column,
.invoice-items-block-header.for-edit .image-column {
  flex: 0 0 175px;
}

/* line 60, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .item-name-column,
.invoice-items-block-header.for-edit .item-name-column {
  flex-grow: 1;
}

/* line 63, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .qty-column,
.invoice-items-block-header.for-edit .qty-column {
  flex: 0 0 70px;
  text-align: right;
}

/* line 68, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .unit-column,
.invoice-items-block-header.for-edit .unit-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 73, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .price-column,
.invoice-items-block-header.for-edit .price-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 78, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .taxable-column,
.invoice-items-block-header.for-edit .taxable-column {
  flex: 0 0 80px;
  text-align: center;
}

/* line 83, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row .total-column,
.invoice-items-block-header.for-edit .total-column {
  flex: 0 0 90px;
  text-align: right;
}

/* line 90, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice.for-edit .primary-content-column .item-data-row {
  margin-top: -15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Columns - Invoice (for Show)
/* ===================================================================== */
/* ===================================================================== */
/* line 99, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row,
.invoice-items-block-header {
  display: flex;
}

/* line 102, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row .image-spacer-column,
.invoice-items-block-header .image-spacer-column {
  flex: 0 0 175px;
}

/* line 105, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row .item-name-column,
.invoice-items-block-header .item-name-column {
  flex-grow: 1;
}

/* line 108, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row .qty-column,
.invoice-items-block-header .qty-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 112, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row .price-column,
.invoice-items-block-header .price-column {
  flex: 0 0 120px;
  text-align: right;
}

/* line 116, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .primary-content-column .item-data-row .total-column,
.invoice-items-block-header .total-column {
  flex: 0 0 140px;
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Columns - Quote (for Edit)
/* ===================================================================== */
/* ===================================================================== */
/* line 127, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row,
.quote-items-block-header.for-edit {
  display: flex;
}

/* line 130, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .image-spacer-column,
.quote-items-block-header.for-edit .image-spacer-column {
  flex: 0 0 175px;
}

/* line 133, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .item-name-column,
.quote-items-block-header.for-edit .item-name-column {
  flex-grow: 1;
}

/* line 136, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .left-spacer-column,
.quote-items-block-header.for-edit .left-spacer-column {
  flex-grow: 1;
}

/* line 139, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .min-qty-column, .fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .max-qty-column,
.quote-items-block-header.for-edit .min-qty-column,
.quote-items-block-header.for-edit .max-qty-column {
  flex: 0 0 50px;
}

/* line 142, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .qty-spacer-column,
.quote-items-block-header.for-edit .qty-spacer-column {
  flex: 0 0 15px;
  text-align: center;
  align-content: center;
}

/* line 147, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .unit-column,
.quote-items-block-header.for-edit .unit-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 151, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .price-column,
.quote-items-block-header.for-edit .price-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 156, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .taxable-column,
.quote-items-block-header.for-edit .taxable-column {
  flex: 0 0 80px;
  text-align: center;
}

/* line 161, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column .item-data-row .total-column,
.quote-items-block-header.for-edit .total-column {
  flex: 0 0 140px;
  text-align: right;
}

/* line 168, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-edit .primary-content-column {
  margin-top: -15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Columns - Quote (for Show)
/* ===================================================================== */
/* ===================================================================== */
/* line 177, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row,
.quote-items-block-header.for-show {
  display: flex;
  align-items: center;
}

/* line 181, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .image-spacer-column,
.quote-items-block-header.for-show .image-spacer-column {
  flex: 0 0 175px;
}

/* line 184, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .item-name-column,
.quote-items-block-header.for-show .item-name-column {
  flex-grow: 1;
}

/* line 187, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .left-spacer-column,
.quote-items-block-header.for-show .left-spacer-column {
  flex-grow: 1;
}

/* line 190, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .qty-column,
.quote-items-block-header.for-show .qty-column {
  flex: 0 0 200px;
  text-align: right;
}

/* line 195, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .price-column,
.quote-items-block-header.for-show .price-column {
  flex: 0 0 100px;
  text-align: right;
}

/* line 200, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .primary-content-column .item-data-row .total-column,
.quote-items-block-header.for-show .total-column {
  flex: 0 0 140px;
  text-align: right;
}

/* line 207, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote.for-show .primary-content-column .item-data-row {
  height: 50px;
}

/* line 212, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .quote-items-block-header.for-show, #fin-doc-package-page .quote-items-block-header.for-show {
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header Shift Left
/* ===================================================================== */
/* ===================================================================== */
/* line 222, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.invoice-items-block-header.for-edit .shift-left,
.quote-items-block-header.for-edit .shift-left {
  padding-right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Overrides for Edit
/* ===================================================================== */
/* ===================================================================== */
/* line 235, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .form-group, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group {
  margin-bottom: 0px;
}

/* line 238, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .form-group input, #fin-doc-page .fin-doc-item-row-new.for-edit .form-group textarea, #fin-doc-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button, #fin-doc-page .fin-doc-item-row-new.for-edit .fin-doc-taxable, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group input, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group textarea, #fin-doc-package-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button, #fin-doc-package-page .fin-doc-item-row-new.for-edit .fin-doc-taxable {
  min-height: 50px;
  height: 50px;
  padding: 0px;
  border-radius: 6px;
  padding-right: 15px;
  background-color: #fff;
  border: 1px dashed transparent;
}

/* line 247, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .form-group input:hover, #fin-doc-page .fin-doc-item-row-new.for-edit .form-group input:focus, #fin-doc-page .fin-doc-item-row-new.for-edit .form-group textarea:hover, #fin-doc-page .fin-doc-item-row-new.for-edit .form-group textarea:focus, #fin-doc-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button:hover, #fin-doc-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button:focus, #fin-doc-page .fin-doc-item-row-new.for-edit .fin-doc-taxable:hover, #fin-doc-page .fin-doc-item-row-new.for-edit .fin-doc-taxable:focus, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group input:hover, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group input:focus, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group textarea:hover, #fin-doc-package-page .fin-doc-item-row-new.for-edit .form-group textarea:focus, #fin-doc-package-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button:hover, #fin-doc-package-page .fin-doc-item-row-new.for-edit #fin-doc-unit-dropdown button:focus, #fin-doc-package-page .fin-doc-item-row-new.for-edit .fin-doc-taxable:hover, #fin-doc-package-page .fin-doc-item-row-new.for-edit .fin-doc-taxable:focus {
  appearance: none;
  background-color: #f8fcff;
  border-color: #8fb3c5;
  outline-style: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Image Column
/* ===================================================================== */
/* ===================================================================== */
/* line 264, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.invoice .image-column {
  flex: 0 0 175px;
}

/* line 267, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-item-row-new.quote .image-column {
  flex: 0 0 175px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Item Name (Quote)
/* ===================================================================== */
/* ===================================================================== */
/* line 279, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote .item-name-column, #fin-doc-page .fin-doc-item-row-new.quote .item-name-column textarea, #fin-doc-package-page .fin-doc-item-row-new.quote .item-name-column, #fin-doc-package-page .fin-doc-item-row-new.quote .item-name-column textarea {
  font-size: 21px;
  font-weight: 600;
}

/* line 287, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-edit .item-name-column textarea, #fin-doc-package-page .fin-doc-item-row-new.quote.for-edit .item-name-column textarea {
  resize: none;
  min-height: initial;
  padding: 0px;
  min-height: 50px !important;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 10px;
  transform: translateX(-10px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Item Name (Invoice)
/* ===================================================================== */
/* ===================================================================== */
/* line 306, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.invoice .item-name-column, #fin-doc-page .fin-doc-item-row-new.invoice .item-name-column textarea {
  font-size: 18px;
  font-weight: 600;
}

/* line 312, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.invoice.for-edit .item-name-column textarea {
  resize: none;
  min-height: initial;
  padding: 0px;
  min-height: 50px !important;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 10px;
  transform: translateX(-10px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Description
/* ===================================================================== */
/* ===================================================================== */
/* line 330, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .description-row, #fin-doc-package-page .fin-doc-item-row-new .description-row {
  padding-top: 30px;
}

/* line 332, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .description-row p, #fin-doc-page .fin-doc-item-row-new .description-row textarea, #fin-doc-package-page .fin-doc-item-row-new .description-row p, #fin-doc-package-page .fin-doc-item-row-new .description-row textarea {
  color: #969696;
  resize: none;
  font-size: 15px;
  line-height: 24px;
}

/* line 343, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .description-row, #fin-doc-package-page .fin-doc-item-row-new.for-edit .description-row {
  padding-top: 5px;
}

/* line 345, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .description-row textarea, #fin-doc-package-page .fin-doc-item-row-new.for-edit .description-row textarea {
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: unset;
  width: calc(100% + 20px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Quantity
/* ===================================================================== */
/* ===================================================================== */
/* line 365, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .qty-column, #fin-doc-page .fin-doc-item-row-new .qty-column input, #fin-doc-package-page .fin-doc-item-row-new .qty-column, #fin-doc-package-page .fin-doc-item-row-new .qty-column input {
  color: #464646;
  font-size: 15px;
  text-align: right;
}

/* line 375, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content {
  display: flex;
  align-items: center;
}

/* line 379, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .fixed-qty {
  flex-grow: 1;
}

/* line 383, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty {
  flex-grow: 1;
}

/* line 385, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group {
  margin-bottom: 0px;
}

/* line 388, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button {
  min-width: 90px;
  height: 50px;
  padding-right: 15px;
  text-align: right;
  background-color: #f8fcff;
  font-size: 15px;
  border: 1px dashed #8fb3c5;
}

/* line 398, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button:hover, #fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button:focus {
  border-color: #5b7d8e;
}

/* line 400, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button:hover .qty-dropdown-icon, #fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button:focus .qty-dropdown-icon {
  transform: scale(1.3) translateY(-50%);
}

/* line 405, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .qty-column-content .variable-qty .btn-group button .qty-dropdown-icon {
  transition: all 0.1s;
  color: #829db2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

/* line 413, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote.for-show .qty-column .unit-for-variable-qty {
  margin-left: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Min / Max Quantity
/* ===================================================================== */
/* ===================================================================== */
/* line 426, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .min-qty-column, #fin-doc-page .fin-doc-item-row-new.for-edit .min-qty-column input,
#fin-doc-page .fin-doc-item-row-new.for-edit .max-qty-column, #fin-doc-page .fin-doc-item-row-new.for-edit .max-qty-column input, #fin-doc-package-page .fin-doc-item-row-new.for-edit .min-qty-column, #fin-doc-package-page .fin-doc-item-row-new.for-edit .min-qty-column input,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .max-qty-column, #fin-doc-package-page .fin-doc-item-row-new.for-edit .max-qty-column input {
  color: #464646;
  font-size: 15px;
  text-align: center;
  padding-right: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Unit
/* ===================================================================== */
/* ===================================================================== */
/* line 444, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .unit-column, #fin-doc-page .fin-doc-item-row-new .unit-column button, #fin-doc-package-page .fin-doc-item-row-new .unit-column, #fin-doc-package-page .fin-doc-item-row-new .unit-column button {
  color: #464646;
  font-size: 15px;
  text-align: right;
}

/* line 455, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .unit-column .btn-group, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column .btn-group {
  margin-bottom: 0px;
  width: 100%;
}

/* line 459, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button {
  text-align: right;
  font-weight: normal;
}

/* line 463, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown[data-value=''] button, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown[data-value=''] button {
  color: #aeaeae;
}

/* line 466, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button .unit-dropdown-icon, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button .unit-dropdown-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #829db2;
  opacity: 0;
  transition: all 0.2s;
}

/* line 475, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button:hover .unit-dropdown-icon, #fin-doc-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button:focus .unit-dropdown-icon, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button:hover .unit-dropdown-icon, #fin-doc-package-page .fin-doc-item-row-new.for-edit .unit-column #fin-doc-unit-dropdown button:focus .unit-dropdown-icon {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Price
/* ===================================================================== */
/* ===================================================================== */
/* line 491, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .price-column, #fin-doc-page .fin-doc-item-row-new .price-column input, #fin-doc-package-page .fin-doc-item-row-new .price-column, #fin-doc-package-page .fin-doc-item-row-new .price-column input {
  color: #464646;
  font-size: 15px;
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Taxable
/* ===================================================================== */
/* ===================================================================== */
/* line 506, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column {
  text-align: center;
}

/* line 508, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  align-content: center;
  font-size: 19px;
}

/* line 515, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable:hover, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable:hover {
  cursor: pointer;
}

/* line 518, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable .fa-check-square, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable .fa-check-square {
  display: none;
}

/* line 522, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable[data-checked="true"] .fa-square, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable[data-checked="true"] .fa-square {
  display: none;
}

/* line 525, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable[data-checked="true"] .fa-check-square, #fin-doc-package-page .fin-doc-item-row-new.for-edit .taxable-column .fin-doc-taxable[data-checked="true"] .fa-check-square {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Total
/* ===================================================================== */
/* ===================================================================== */
/* line 540, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .total-column, #fin-doc-package-page .fin-doc-item-row-new .total-column {
  color: #464646;
  font-size: 15px;
}

/* line 547, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.for-edit.invoice .total-column {
  padding-top: 17px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tax (Show Styles)
/* ===================================================================== */
/* ===================================================================== */
/* line 556, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote .plus-tax {
  color: #888888;
}

/* line 560, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.invoice .plus-tax {
  display: block;
  margin-top: 3px;
  color: #888888;
}

/* ===================================================================== */
/* ===================================================================== */
/* Image Cell
/* ===================================================================== */
/* ===================================================================== */
/* line 576, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell .image-container,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell .image-container,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell .image-container,
#fin-doc-page .fin-doc-item-mobile-container .image-cell .image-container,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell .image-container {
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #c4c4c4;
  border-radius: 6px;
  overflow: hidden;
}

/* line 585, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-page .fin-doc-item-mobile-container .image-cell .image-container:hover .edit-image-overlay,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell .image-container:hover .edit-image-overlay {
  opacity: 1;
}

/* line 589, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell img,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell img,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell img,
#fin-doc-page .fin-doc-item-mobile-container .image-cell img,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell img {
  width: 135px;
}

/* line 592, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell div.upload-image-placeholder,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell div.upload-image-placeholder,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell div.upload-image-placeholder,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.upload-image-placeholder,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.upload-image-placeholder {
  overflow: hidden;
  position: relative;
  width: 135px;
  height: 135px;
  background-color: #C0E0E6;
}

/* line 599, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell div.edit-image-overlay,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell div.edit-image-overlay,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell div.edit-image-overlay,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay {
  transition: all 0.2s;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #f8fcffde;
  border: 1px dashed #8fb3c5;
  border-radius: 6px;
}

/* line 606, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-page .fin-doc-item-row-new.for-edit .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-package-page .fin-doc-item-row-new.for-edit .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay .edit-image-label,
#fin-doc-package-page .fin-doc-item-mobile-container .image-cell div.edit-image-overlay .edit-image-label {
  width: 100%;
  text-align: center;
  color: #2e5e75;
  font-size: 15px;
}

/* line 617, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
.fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-mobile-container .image-cell, .fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-mobile-container .image-column, .fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-row-new .image-cell, .fin-doc-section[data-show-fin-doc-item-images='false'] .fin-doc-item-row-new .image-column {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItem Selects (square and circles)
/* ===================================================================== */
/* ===================================================================== */
/* line 628, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-item-row-new.quote #toggle-selected-trigger {
  width: fit-content;
  margin-left: auto;
}

/* Styles & Default hide
======================================================================== */
/* line 635, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-section .fin-doc-items-container .selection-inputs,
#fin-doc-package-page .fin-doc-section .fin-doc-items-container .selection-inputs {
  display: none;
  margin-top: 20px;
}

@media (min-width: 1200px) {
  /* line 635, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
  #fin-doc-page .fin-doc-section .fin-doc-items-container .selection-inputs,
#fin-doc-package-page .fin-doc-section .fin-doc-items-container .selection-inputs {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

/* line 643, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-section .fin-doc-items-container .selection-inputs button,
#fin-doc-package-page .fin-doc-section .fin-doc-items-container .selection-inputs button {
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 643, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
  #fin-doc-page .fin-doc-section .fin-doc-items-container .selection-inputs button,
#fin-doc-package-page .fin-doc-section .fin-doc-items-container .selection-inputs button {
    font-size: 16px;
  }
}

/* line 649, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-section .fin-doc-items-container .selection-inputs i,
#fin-doc-package-page .fin-doc-section .fin-doc-items-container .selection-inputs i {
  margin-right: 8px;
}

/* Choose One
======================================================================== */
/* line 656, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-section[data-bundle-type='choose_one'] .selection-inputs.choose-one {
  display: block;
}

/* Choose Multiple
======================================================================== */
/* line 662, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page .fin-doc-section[data-bundle-type='choose_multiple'] .selection-inputs.choose-multiple {
  display: block;
}

/* Hide Choose One/ Choose Multiple buttons on edit FinDocPackage page
======================================================================== */
/* line 668, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-package-page .selection-inputs {
  display: none !important;
}

/* Selected FinDocItem Row (for Quote)
======================================================================== */
/* line 674, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-row-new.quote[data-selected-option='true'] {
  border-color: #00ab86;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItem (Approved Quote)
/* ===================================================================== */
/* ===================================================================== */
/* line 683, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-item-row-new {
  border: 0px;
}

/* line 687, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-item-card {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #dcdcdc !important;
}

/* line 694, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-item-card .selection-inputs,
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-item-row-new .selection-inputs {
  display: none;
}

/* line 702, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-bundle-type='choose_multiple'] .fin-doc-item-row-new[data-selected-option='false'],
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-bundle-type='choose_one'] .fin-doc-item-row-new[data-selected-option='false'] {
  display: none !important;
}

/* line 705, app/assets/stylesheets/pages/fin_docs/fin_doc_items_new.scss */
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-bundle-type='choose_multiple'] .fin-doc-item-card[data-selected-option='false'],
#fin-doc-page.fin-doc-show-page.quote.approved .fin-doc-section[data-bundle-type='choose_one'] .fin-doc-item-card[data-selected-option='false'] {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Due Dates Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container {
  margin-top: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Due Date
/* ===================================================================== */
/* ===================================================================== */
/* line 19, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-due-date {
  position: relative;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 26, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-due-date .form-group {
  margin-bottom: 0px;
}

/* line 29, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-due-date .form-control {
  padding: 20px 0px 2px 15px;
}

/* line 32, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-due-date .delete-link {
  position: absolute;
  right: -9px;
  top: -6px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #b4c0c9;
}

/* line 41, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-due-date .delete-link:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 48, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container[data-can-have-payment-due-date-deleted='false'] .payment-due-date .delete-link {
  display: none;
}

/* Payment Total
======================================================================== */
/* line 55, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-total {
  margin-top: 20px;
  display: inline-block;
  font-weight: 600;
}

/* line 59, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container .payment-total.muted {
  opacity: 0.35;
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
  #edit-invoice-due-date-modal #payment-due-dates-container .payment-total {
    margin-top: 0px;
    margin-left: 8px;
  }
}

/* Payment Due Date Status Badge / Vendor Payment Due Date Status Badge
======================================================================== */
/* line 70, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
.payment-due-date-status-badge,
.vendor-payment-due-date-status-badge {
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 8px;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-align: center;
  background-color: grey;
}

/* line 80, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
.payment-due-date-status-badge.due_today, .payment-due-date-status-badge.upcoming,
.vendor-payment-due-date-status-badge.due_today,
.vendor-payment-due-date-status-badge.upcoming {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 84, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
.payment-due-date-status-badge.partial,
.vendor-payment-due-date-status-badge.partial {
  background-color: #007bff;
}

/* line 87, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
.payment-due-date-status-badge.paid,
.vendor-payment-due-date-status-badge.paid {
  background-color: #cfedca;
  color: #4c8e41;
}

/* line 91, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
.payment-due-date-status-badge.overdue,
.vendor-payment-due-date-status-badge.overdue {
  background-color: #ffcece;
  color: #c22323;
}

/* ===================================================================== */
/* ===================================================================== */
/* PaymentDueDate Status Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 103, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal .payment-due-date-status-badge, #fin-doc-package-page .payment-due-date-status-badge {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

@media (min-width: 576px) {
  /* line 103, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
  #edit-invoice-due-date-modal .payment-due-date-status-badge, #fin-doc-package-page .payment-due-date-status-badge {
    left: 15px;
    bottom: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 103, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
  #edit-invoice-due-date-modal .payment-due-date-status-badge, #fin-doc-package-page .payment-due-date-status-badge {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    left: initial;
    bottom: initial;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Due Dates Amount/Percent Error
/* (when payment totals don't match what is required)
/* ===================================================================== */
/* ===================================================================== */
/* line 127, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container #percent-remainder-calcs, #edit-invoice-due-date-modal #payment-due-dates-container #amount-remainder-calcs {
  padding: 15px;
  background-color: #fff;
  margin-top: 15px;
  display: inline-block;
  border-radius: 6px;
}

/* line 133, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container #percent-remainder-calcs.is-invalid, #edit-invoice-due-date-modal #payment-due-dates-container #amount-remainder-calcs.is-invalid {
  background-color: #c12e2e;
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Due Date
/* ===================================================================== */
/* ===================================================================== */
/* line 145, app/assets/stylesheets/pages/fin_docs/payment_due_dates.scss */
#edit-invoice-due-date-modal #payment-due-dates-container #add-due-date {
  padding: 20px;
}

/* line 1, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction {
  font-size: 16px;
  color: #2f2f2f !important;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 16px;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  .inline-index__item--transaction {
    font-size: 14.5px;
  }
}

/* line 11, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .framed-icon {
  grid-row: span 2;
}

/* line 15, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .green-payment-amount {
  text-align: right;
  color: #117900;
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .invoice-or-payment-method-label {
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  .inline-index__item--transaction .invoice-or-payment-method-label {
    font-size: 12.5px;
  }
}

/* line 26, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .payment-date {
  text-align: right;
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 26, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  .inline-index__item--transaction .payment-date {
    font-size: 12.5px;
  }
}

/* line 32, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .refund-container {
  grid-column: 2 / span 2;
  font-size: 14px;
  color: #727272;
  display: grid;
  gap: 12px;
  border-top: 1px solid #f1f1f1;
  margin-top: 12px;
  padding-top: 12px;
}

@media (min-width: 576px) {
  /* line 32, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  .inline-index__item--transaction .refund-container {
    font-size: 13.5px;
  }
}

/* line 41, app/assets/stylesheets/pages/fin_docs/transactions.scss */
.inline-index__item--transaction .refund-container i {
  font-weight: 300;
}

/* ===================================================================== */
/* ===================================================================== */
/* Transactions Index Page
/* ===================================================================== */
/* ===================================================================== */
/* line 51, app/assets/stylesheets/pages/fin_docs/transactions.scss */
#transactions-page .preloader-container {
  padding: 24px;
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  #transactions-page .preloader-container {
    padding: 32px;
    padding-top: 36px;
  }
}

/* line 59, app/assets/stylesheets/pages/fin_docs/transactions.scss */
#transactions-page .preloader-container .task-item {
  height: 14px;
  opacity: 0.5;
}

@media (min-width: 1200px) {
  /* line 59, app/assets/stylesheets/pages/fin_docs/transactions.scss */
  #transactions-page .preloader-container .task-item {
    margin-bottom: 32px;
  }
}

/* line 1, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container,
.invoice-payment-schedule-container {
  -webkit-box-shadow: 0px 0px 9px 0px #00000024;
  box-shadow: 0px 0px 9px 0px #00000024;
  margin-top: 40px;
  padding: 15px;
  background-color: #fff;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
  .payment-rules-container,
.invoice-payment-schedule-container {
    border-radius: 8px;
    padding: 24px;
  }
}

/* line 17, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .hide-if-advance-disabled,
.invoice-payment-schedule-container .hide-if-advance-disabled {
  visibility: hidden;
  pointer-events: none;
}

/* line 25, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#primary-content-container #fin-doc-page .payment-rules-container .error-container.edit-error-element, #primary-content-container #fin-doc-page .invoice-payment-schedule-container .error-container.edit-error-element {
  display: none !important;
}

/* line 33, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#document-page-container .payment-rules-container .edit-and-done-button-container, #document-page-container .invoice-payment-schedule-container .edit-and-done-button-container, #document-show-page .payment-rules-container .edit-and-done-button-container, #document-show-page .invoice-payment-schedule-container .edit-and-done-button-container, #preview-document-page .payment-rules-container .edit-and-done-button-container, #preview-document-page .invoice-payment-schedule-container .edit-and-done-button-container, .fin-doc-edit-page .payment-rules-container .edit-and-done-button-container, .fin-doc-edit-page .invoice-payment-schedule-container .edit-and-done-button-container, #fin-doc-page.editor-within-project .payment-rules-container .edit-and-done-button-container, #fin-doc-page.editor-within-project .invoice-payment-schedule-container .edit-and-done-button-container {
  display: none;
}

/* line 39, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field,
.invoice-payment-schedule-container .editable-field {
  position: relative;
  display: block;
  padding: 15px;
  border-radius: 6px;
  transition: all 0.2s;
  border: 1px dashed #dcdcdc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 50, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field:hover, .payment-rules-container .editable-field.active,
.invoice-payment-schedule-container .editable-field:hover,
.invoice-payment-schedule-container .editable-field.active {
  cursor: pointer;
  background-color: #e5f1fb;
  border-color: #8fb3c5;
}

/* line 57, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field.with-preview-value,
.invoice-payment-schedule-container .editable-field.with-preview-value {
  display: flex;
  align-items: center;
}

/* line 61, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field.with-preview-value .preview-value-container,
.invoice-payment-schedule-container .editable-field.with-preview-value .preview-value-container {
  flex-grow: 1;
  text-align: right;
  margin-top: 0px;
}

/* line 67, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field.with-preview-value.edit-amount-type .preview-value-container,
.invoice-payment-schedule-container .editable-field.with-preview-value.edit-amount-type .preview-value-container {
  padding-right: 28px;
}

/* line 73, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field .amount-type-icon-container,
.invoice-payment-schedule-container .editable-field .amount-type-icon-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background-color: #fff;
  color: #8b8b8b;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.12);
}

/* line 84, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .editable-field .amount-type-icon-container i,
.invoice-payment-schedule-container .editable-field .amount-type-icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* Fixed PaymentRule / PaymentDueDate total amounts exceeds limit
======================================================================== */
/* line 96, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type,
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type {
  color: #a21515;
  border-color: #a21515;
  background-color: #fff1f1;
}

/* line 100, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type:hover,
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type:hover,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type:hover,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type:hover {
  background-color: #ffe3e2;
}

/* line 104, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type .secondary-value,
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type .secondary-value,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule[data-amount-type="fixed_amount"] .editable-field.edit-amount-type .secondary-value,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date[data-amount-type='fixed_amount'] .editable-field.edit-amount-type .secondary-value {
  color: #a21515;
}

/* line 110, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.payment-rules-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.invoice-payment-schedule-container[data-fixed-amount-total-exceeds-limit='true'] .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value {
  display: none !important;
}

/* Percentage PaymentRule / PaymentDueDate percentages don't equal 100%
======================================================================== */
/* line 123, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type,
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type {
  color: #a21515;
  border-color: #a21515;
  background-color: #fff1f1;
}

/* line 127, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type:hover,
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type:hover,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type:hover,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type:hover {
  background-color: #ffe3e2;
}

/* line 131, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .secondary-value,
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .secondary-value,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .secondary-value,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .secondary-value {
  color: #a21515;
}

/* line 134, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.payment-rules-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-rule:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value,
.invoice-payment-schedule-container:not([data-percentages-equal-100='equal']) .payment-due-date:not([data-amount-type="fixed_amount"]) .editable-field.edit-amount-type .primary-value {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Advance Payment Settings
/* ===================================================================== */
/* ===================================================================== */
/* line 145, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .advance-settings-container,
.invoice-payment-schedule-container .advance-settings-container {
  background-color: #f7f7f7;
  border: 1px dashed #d9d9d9;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Advance Badge Show/Hide
/* ===================================================================== */
/* ===================================================================== */
/* line 159, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .advance-terms-in-words-badge {
  display: none;
}

/* line 162, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container tr.payment-rule:first-child .advance-terms-in-words-badge {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Rule Table Row
/* ===================================================================== */
/* ===================================================================== */
/* line 171, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container tr.payment-rule td,
.invoice-payment-schedule-container tr.payment-due-date td {
  border-top-color: #ececec;
}

/* line 175, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container tr.payment-rule.for-static-index td {
  padding: 1.2rem 1rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete PaymentRule / PaymentDueDate
/* ===================================================================== */
/* ===================================================================== */
/* line 184, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.invoice-payment-schedule-container[data-can-have-dates-deleted='false'] button.delete-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Deposit/Retainer Toggle
/* ===================================================================== */
/* ===================================================================== */
/* line 193, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .is-advance-toggle-icon,
.invoice-payment-schedule-container .is-advance-toggle-icon {
  font-size: 28px;
  transition: all 0.3s;
}

/* line 197, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .is-advance-toggle-icon.on,
.invoice-payment-schedule-container .is-advance-toggle-icon.on {
  color: #00ab86;
}

/* line 200, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .is-advance-toggle-icon.off,
.invoice-payment-schedule-container .is-advance-toggle-icon.off {
  color: #c8c9ca;
}

/* line 202, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .is-advance-toggle-icon.off:hover,
.invoice-payment-schedule-container .is-advance-toggle-icon.off:hover {
  color: #757575;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Rule Popover
/* ===================================================================== */
/* ===================================================================== */
/* line 217, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#primary-content-container .payment-rule-popover {
  position: absolute;
}

/* line 221, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#page-content-container .payment-rule-popover {
  position: fixed;
}

/* line 225, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover {
  z-index: 10;
  width: 400px;
  padding: 20px;
  padding-top: 0px;
  box-shadow: 0 0 27px #969696;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
}

/* line 234, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover:before {
  content: "";
  position: absolute;
  top: 105px;
  right: auto;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #fff;
  box-shadow: 0 0 27px #969696;
  transform: translate(-50%, 0%) rotate(-135deg);
  clip-path: polygon(-27px -27px, calc(100% + 27px) -27px, calc(100% + 27px) calc(100% + 27px));
}

/* line 253, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover--header {
  margin: 12px 0px;
}

/* Payment Rule Popover Saving Overlay
======================================================================== */
/* line 259, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover .saving-overlay,
.payment-rules-container .saving-overlay,
.invoice-payment-schedule-container .saving-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffffd9;
  border-radius: 10px;
}

/* line 267, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover .saving-overlay .saving-overlay-content,
.payment-rules-container .saving-overlay .saving-overlay-content,
.invoice-payment-schedule-container .saving-overlay .saving-overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: #fff;
  text-align: center;
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 10px;
}

/* Fixed Close Button
======================================================================== */
/* line 280, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover .fixed-close-button {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  transform: translateY(-40%) translateX(40%);
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 291, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover .fixed-close-button:hover {
  cursor: pointer;
  transform: translateY(-40%) translateX(40%) scale(1.2);
}

/* line 295, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule-popover .fixed-close-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
}

/* Payment Due Date Amount Popover
======================================================================== */
/* line 303, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-due-date-amount-popover .form-group .prepend,
#edit-payment-rule-amount-type-popover .form-group .prepend.dollar-sign {
  color: #464646;
  font-size: 24px;
  top: 23px;
}

/* line 310, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-due-date-amount-popover .form-group .append,
#edit-payment-rule-amount-type-popover .form-group .append.percentage-icon {
  color: #464646;
  font-size: 24px;
  top: 23px;
}

/* line 317, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-amount-type-popover input#payment_rule_percentage.is-invalid,
#edit-payment-due-date-amount-popover input#payment_due_date_percentage.is-invalid {
  background-image: none;
}

/* Amount Type Payment Rule Popover
======================================================================== */
/* line 326, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-amount-type-popover .percentage-element, #edit-payment-rule-amount-type-popover .equal-element, #edit-payment-rule-amount-type-popover .fixed-amount-element,
#edit-payment-due-date-amount-popover .percentage-element,
#edit-payment-due-date-amount-popover .equal-element,
#edit-payment-due-date-amount-popover .fixed-amount-element {
  display: none;
}

/* line 333, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-amount-type-popover[data-amount-type="percentage_amount"] .percentage-element, #edit-payment-due-date-amount-popover[data-amount-type="percentage_amount"] .percentage-element {
  display: block;
}

/* line 341, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-amount-type-popover[data-amount-type="equal_amount"] .equal-element, #edit-payment-due-date-amount-popover[data-amount-type="equal_amount"] .equal-element {
  display: block;
}

/* line 349, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-amount-type-popover[data-amount-type="fixed_amount"] .fixed-amount-element, #edit-payment-due-date-amount-popover[data-amount-type="fixed_amount"] .fixed-amount-element {
  display: block;
}

/* Due Date Payment Rule Popover
======================================================================== */
/* line 358, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .dropdown-toggle, #edit-payment-due-date-popover .dropdown-toggle {
  color: #363636;
}

/* line 364, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .check-column, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .check-column {
  padding-right: 20px;
}

/* line 366, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .check-column i, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .check-column i {
  font-size: 20px;
  color: teal;
}

/* line 376, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.not-allowed .flex-head-with-actions, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.not-allowed .flex-head-with-actions {
  opacity: 0.4;
}

/* line 384, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .fa-check-circle, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .fa-check-circle {
  display: none;
}

/* line 391, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .right-col, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item .right-col {
  text-wrap: auto;
}

/* line 397, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .dropdown-item .due-date-type-label, #edit-payment-due-date-popover #due-date-type-dropdown .dropdown-item .due-date-type-label {
  display: block;
  margin-bottom: 4px;
}

/* line 406, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .fa-circle, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .fa-circle {
  display: none;
}

/* line 409, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .fa-check-circle, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .fa-check-circle {
  display: block;
}

/* line 412, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .due-date-type-label, #edit-payment-due-date-popover #due-date-type-dropdown .due-date-type-dropdown-item.selected .due-date-type-label {
  font-weight: 800;
}

/* line 421, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .calc-due-date-dropdown .dropdown-item, #edit-payment-due-date-popover .calc-due-date-dropdown .dropdown-item {
  padding-left: 14px;
}

/* line 424, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .calc-due-date-dropdown .dropdown-menu, #edit-payment-due-date-popover .calc-due-date-dropdown .dropdown-menu {
  min-width: initial;
}

/* line 427, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .calc-due-date-dropdown .placeholder-value, #edit-payment-due-date-popover .calc-due-date-dropdown .placeholder-value {
  opacity: 0.7;
}

/* line 434, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover input#payment_rule_calc_date_qty,
#edit-payment-due-date-popover input#payment_due_date_calc_date_qty {
  color: #363636;
  background-color: #efefef;
  border: 1px solid #efefef;
  font-weight: 600;
  font-size: 14px;
  padding: .66rem .75rem;
  height: initial;
  border-radius: .25rem;
}

/* line 448, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .calc-due-date-dropdown.invalid button,
#edit-payment-rule-due-date-popover input#payment_rule_calc_date_qty.invalid,
#edit-payment-rule-due-date-popover input#payment_due_date_calc_date_qty.invalid, #edit-payment-due-date-popover .calc-due-date-dropdown.invalid button,
#edit-payment-due-date-popover input#payment_rule_calc_date_qty.invalid,
#edit-payment-due-date-popover input#payment_due_date_calc_date_qty.invalid {
  border: 1px solid red;
}

/* line 457, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .calc-due-date-errors-container, #edit-payment-due-date-popover .calc-due-date-errors-container {
  display: none !important;
  font-size: 16px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 457, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
  #edit-payment-rule-due-date-popover .calc-due-date-errors-container, #edit-payment-due-date-popover .calc-due-date-errors-container {
    font-size: 14.5px;
  }
}

/* line 462, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type='calc_due_date'] .calc-due-date-errors-container[data-has-errors='true'], #edit-payment-due-date-popover[data-due-date-type='calc_due_date'] .calc-due-date-errors-container[data-has-errors='true'] {
  display: block !important;
}

/* line 469, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover .invoice-due-date-element,
#edit-payment-rule-due-date-popover .calc-due-date-element,
#edit-payment-rule-due-date-popover .mid-project-due-date-element,
#edit-payment-rule-due-date-popover .project-due-date-element,
#edit-payment-rule-due-date-popover .specific-due-date-element,
#edit-payment-rule-due-date-popover .expiration-due-date-element, #edit-payment-due-date-popover .invoice-due-date-element,
#edit-payment-due-date-popover .calc-due-date-element,
#edit-payment-due-date-popover .mid-project-due-date-element,
#edit-payment-due-date-popover .project-due-date-element,
#edit-payment-due-date-popover .specific-due-date-element,
#edit-payment-due-date-popover .expiration-due-date-element {
  display: none;
}

/* line 480, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="invoice_due_date"] .invoice-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="invoice_due_date"] .invoice-due-date-element {
  display: block;
}

/* line 484, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="calc_due_date"] .calc-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="calc_due_date"] .calc-due-date-element {
  display: block;
}

/* line 488, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="mid_project_due_date"] .mid-project-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="mid_project_due_date"] .mid-project-due-date-element {
  display: block;
}

/* line 492, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="project_due_date"] .project-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="project_due_date"] .project-due-date-element {
  display: block;
}

/* line 496, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="specific_due_date"] .specific-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="specific_due_date"] .specific-due-date-element {
  display: block;
}

/* line 500, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
#edit-payment-rule-due-date-popover[data-due-date-type="expiration_due_date"] .expiration-due-date-element,
#edit-payment-due-date-popover[data-due-date-type="expiration_due_date"] .expiration-due-date-element {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Rules Show
/* ===================================================================== */
/* ===================================================================== */
/* line 509, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule .primary-value, .payment-due-date .primary-value {
  font-weight: 600;
}

/* line 512, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rule .secondary-value, .payment-due-date .secondary-value {
  display: block;
  font-size: 14px;
  margin-top: 3px;
  color: #828181;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Table
/* ===================================================================== */
/* ===================================================================== */
/* line 527, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .payment-rule.mobile-table td.due-date-row,
.invoice-payment-schedule-container .payment-due-date.mobile-table td.due-date-row {
  padding-top: 23px;
  padding-bottom: 23px;
}

/* line 531, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .payment-rule.mobile-table td.amount-row,
.invoice-payment-schedule-container .payment-due-date.mobile-table td.amount-row {
  padding-top: 23px;
  padding-bottom: 23px;
  text-align: right;
}

/* line 536, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .payment-rule.mobile-table .secondary-value,
.invoice-payment-schedule-container .payment-due-date.mobile-table .secondary-value {
  color: #727272;
  font-size: 12px;
  margin-top: 8px;
}

/* line 541, app/assets/stylesheets/pages/fin_docs/payment_rules.scss */
.payment-rules-container .payment-rule.mobile-table .advance-payment-badge,
.invoice-payment-schedule-container .payment-due-date.mobile-table .advance-payment-badge {
  font-size: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fin Doc Totals Floating Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page #fin-doc-totals-floating-container {
  display: none;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/fin_docs/totals.scss */
  #fin-doc-page #fin-doc-totals-floating-container {
    display: block;
    position: fixed;
    top: 88px;
    right: 0px;
    background-color: #f1f5f8;
    width: 300px;
    z-index: 3;
    transform: translateY(100vh);
    transition: all 0.4s;
    padding-top: 20px;
  }
}

/* line 22, app/assets/stylesheets/pages/fin_docs/totals.scss */
body[data-auth-context="share_link"] #fin-doc-page #fin-doc-totals-floating-container {
  top: 20px;
}

/* line 30, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page #fin-doc-totals-floating-container.open {
  transform: translateY(0px);
}

/* line 34, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page #fin-doc-totals-floating-container .fin-doc-action-items {
  margin-top: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Standardized Totals
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .footer-totals .simple-section-header,
#fin-doc-page #fin-doc-totals-floating-container .simple-section-header {
  display: none !important;
}

/* line 53, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .footer-totals .fin-doc-callout--quote-warning {
  display: none !important;
}

/* line 57, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/pages/fin_docs/totals.scss */
  #fin-doc-page .fin-doc-totals-row {
    font-size: 14.5px;
  }
}

/* line 66, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row .__row-right-col {
  text-align: right;
}

/* line 71, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--divider {
  background-color: #d9d9d9;
  height: 1px;
  margin-bottom: 12px;
}

/* line 77, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--border-top {
  border-top: 4px solid #f3f3f3;
}

/* Section Quote Edit
======================================================================== */
/* line 83, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--quote-edit[data-min-max-equal="false"] {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}

/* line 88, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--quote-edit[data-min-max-equal='true'] {
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
}

/* line 91, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--quote-edit[data-min-max-equal='true'] .__row-right-col {
  min-width: 90px;
}

/* line 96, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section {
  line-height: 1.2;
  text-wrap: pretty;
}

/* Section Invoice Edit
======================================================================== */
/* line 103, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--invoice-edit {
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
}

/* Section Show
======================================================================== */
/* line 110, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--show {
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
}

/* line 113, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--section--show .__row-right-col {
  min-width: 90px;
}

/* Tax Edit
======================================================================== */
/* line 120, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--tax-edit {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 123, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--tax-edit span.tax-rate {
  display: inline-block;
  background-color: #f8fcff;
  border: 1px dashed #8fb3c5;
  padding: 8px;
  margin-left: 5px;
  border-radius: 5px;
  color: #464646;
  transition: all 0.2s;
}

/* line 132, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--tax-edit span.tax-rate:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Grand Total
======================================================================== */
/* line 140, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .fin-doc-totals-row--grand-total {
  font-weight: 600;
  font-size: 18px;
  grid-template-columns: auto 1fr;
}

@media (min-width: 576px) {
  /* line 140, app/assets/stylesheets/pages/fin_docs/totals.scss */
  #fin-doc-page .fin-doc-totals-row--grand-total {
    font-size: 17px;
  }
}

/* line 146, app/assets/stylesheets/pages/fin_docs/totals.scss */
#fin-doc-page .selection-pending-totals-label {
  font-style: italic;
  opacity: 0.8;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Column
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Payments Section
/* ===================================================================== */
/* ===================================================================== */
/* line 20, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
#fin-doc-page #settings-column #settings-payments-section .fin-doc-payment-status-badge {
  position: absolute;
  top: -7px;
  right: -7px;
}

/* Payment Totals Data
======================================================================== */
/* line 28, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
#fin-doc-page #settings-column #settings-payments-section .payment-totals-data {
  text-align: center;
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 24px 16px;
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
  #fin-doc-page #settings-column #settings-payments-section .payment-totals-data {
    padding: 16px;
  }
}

/* line 36, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
#fin-doc-page #settings-column #settings-payments-section .payment-totals-data .data-label {
  display: block;
  font-size: 14px;
  color: #727272;
  margin-bottom: 8px;
}

@media (min-width: 576px) {
  /* line 36, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
  #fin-doc-page #settings-column #settings-payments-section .payment-totals-data .data-label {
    font-size: 13.5px;
  }
}

/* line 42, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
#fin-doc-page #settings-column #settings-payments-section .payment-totals-data .data-number {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 42, app/assets/stylesheets/pages/fin_docs/settings_column.scss */
  #fin-doc-page #settings-column #settings-payments-section .payment-totals-data .data-number {
    font-size: 14.5px;
  }
}

/* line 1, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge {
  min-width: 95px;
}

/* line 5, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.min-width {
  min-width: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote
/* ===================================================================== */
/* ===================================================================== */
/* line 15, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.quote.draft {
  background-color: #eaeaea;
  color: #848484;
}

/* line 19, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.quote.sent {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 23, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.quote.approved {
  background-color: #cfedca;
  color: #4c8e41;
}

/* line 27, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.quote.rejected {
  background-color: #ffcece;
  color: #c22323;
}

/* line 31, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.quote.expired {
  background-color: #ffcece;
  color: #c22323;
}

/* ===================================================================== */
/* ===================================================================== */
/* Invoice
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.invoice.draft {
  background-color: #eaeaea;
  color: #848484;
}

/* line 48, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.invoice.sent {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 52, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.invoice.partial {
  background-color: #f9ebd0;
  color: #a47824;
}

/* line 56, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.invoice.overdue {
  background-color: #ffcece;
  color: #c22323;
}

/* line 60, app/assets/stylesheets/pages/fin_docs/status_badges.scss */
.fin-doc-status-badge.invoice.paid {
  background-color: #cfedca;
  color: #4c8e41;
}

/* Fin Docs (Show) */
/* ===================================================================== */
/* ===================================================================== */
/* Linked FinDoc Record Callout (Source Quote or Generated Invoice)
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Quote Approval Successfull Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 45, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc.scss */
#quote-approval-successfull-modal {
  text-align: center;
}

/* line 49, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc.scss */
#quote-approval-successfull-modal .fa-check-circle {
  font-size: 38px;
  color: #00ab86;
  display: block;
  margin-bottom: 20px;
}

/* line 1, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .no-selected-options-notice {
  display: none;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .no-selected-options-notice {
    margin-left: 40px;
  }
}

/* line 9, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_sections.scss */
#fin-doc-page .fin-doc-section .no-selected-options-notice p {
  font-size: 17px;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_sections.scss */
  #fin-doc-page .fin-doc-section .no-selected-options-notice p {
    font-size: 16px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote/Invoice Mobile & Desktop Shared Styles
/* ===================================================================== */
/* ===================================================================== */
/* Selection Inputs
======================================================================== */
/* line 10, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .selection-inputs .selected-true,
#fin-doc-page.fin-doc-show-page .fin-doc-item-desktop-container .selection-inputs .selected-true {
  display: none;
}

/* line 17, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-row-new[data-selected-option='true'] .selection-inputs .selected-true,
#fin-doc-page.fin-doc-show-page .fin-doc-item-card[data-selected-option='true'] .selection-inputs .selected-true {
  display: block;
}

/* line 20, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-row-new[data-selected-option='true'] .selection-inputs .selected-false,
#fin-doc-page.fin-doc-show-page .fin-doc-item-card[data-selected-option='true'] .selection-inputs .selected-false {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote/Invoice Shared Mobile Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container {
  padding: 20px;
}

/* line 34, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .fin-doc-item-name {
  margin-bottom: 15px;
}

/* line 38, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .numbers-container {
  margin-top: 25px;
}

/* line 42, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .data-value {
  margin-top: 8px;
  display: block;
}

/* line 45, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .data-value .plus-tax {
  display: block;
}

/* line 52, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .plus-tax {
  display: block;
  opacity: 0.6;
  font-size: 12px;
  margin-top: 2px;
  font-weight: 600;
}

/* line 62, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .image-cell {
  padding-left: 0px;
  margin-bottom: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote Mobile Styles
/* ===================================================================== */
/* ===================================================================== */
/* FinDoc Qty Selector */
/* line 74, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .numbers-container .qty form {
  display: inline-block;
  margin-top: 10px;
}

/* line 78, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .numbers-container .qty select {
  background-color: #bbeeee;
  padding: 6px !important;
  padding-left: 10px !important;
  padding-right: 27px !important;
}

/* line 84, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container .numbers-container .qty .fixed-qty {
  margin-top: 18px;
}

/* line 89, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container.quote {
  border: 4px solid transparent;
  border-bottom: 1px solid #dcdcdc;
}

/* line 94, app/assets/stylesheets/pages/fin_docs/show_styles/fin_doc_items.scss */
#fin-doc-page.fin-doc-show-page .fin-doc-item-mobile-container.quote[data-selected-option='true'] {
  border-color: #00ab86;
  border-bottom: 4px solid #00ab86;
}

/* Fin Docs (for Document styles) */
/* line 5, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #page-container {
  margin-left: 0px;
  min-height: 100px;
}

/* line 10, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #page-container .applying-template-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  border-radius: 8px;
}

/* line 16, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #page-container .applying-template-overlay .applying-callout {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}

/* line 19, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #page-container .applying-template-overlay .applying-callout i {
  font-size: 25px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fin Doc Totals Floating Container
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container {
  position: fixed;
  background-color: #fff;
  display: none;
  border-top-left-radius: 10px;
  border-radius: 0px;
  width: 305px;
  padding-bottom: 100px;
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
  #fin-doc-page.for-document #fin-doc-totals-floating-container,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container {
    display: block;
  }
}

/* line 45, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom),
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) {
  top: 72px !important;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll;
  border-left: 1px solid #eaeaea;
  box-shadow: 0px 5px 11px 1px #0000000f;
  -webkit-box-shadow: 0px 5px 11px 1px #0000000f;
}

/* line 54, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 14px;
}

/* line 59, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--grand-total,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--grand-total {
  font-size: 15.5px;
}

/* line 62, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show {
  grid-template-columns: 1fr 80px;
  gap: 8px;
}

/* line 65, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show .__row-left-col,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show .__row-left-col {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 68, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show .__row-right-col,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-totals-row--section--show .__row-right-col {
  min-width: initial;
}

/* line 72, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-action-items,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) .fin-doc-action-items {
  margin: 16px;
}

/* line 78, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#preview-document-page #fin-doc-page.for-document #fin-doc-totals-floating-container:not(.stick-to-bottom) {
  top: 122px !important;
}

/* line 83, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom {
  position: fixed;
  left: 50%;
  bottom: 0px;
  top: initial !important;
  transform: translateX(-50%);
  background-color: #fdfdfd;
  border: 1px solid #dcdcdc;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 50vw;
  max-width: 450px;
  padding: 32px;
  padding-top: 12px;
  padding-bottom: 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 100, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom .fin-doc-totals-row,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom .fin-doc-totals-row {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 14.5px;
}

/* line 105, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom .fin-doc-totals-row--grand-total,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom .fin-doc-totals-row--grand-total {
  font-size: 15.5px;
  border-bottom: 0px;
}

/* line 112, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count {
  width: 90vw;
  max-width: 800px;
  padding-top: 24px;
}

/* line 117, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .inline-index--rows--for-findoc-totals,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .inline-index--rows--for-findoc-totals {
  grid-template-columns: auto 250px;
  column-gap: 64px;
}

/* line 121, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 14.5px;
}

/* line 126, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--section,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--section {
  grid-column-start: 1;
}

/* line 128, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--section .__row-left-col,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--section .__row-left-col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 132, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row:not(.fin-doc-totals-row--section),
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row:not(.fin-doc-totals-row--section) {
  grid-column-start: 2;
}

/* line 135, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--sub-total,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--sub-total {
  grid-row-start: 1;
  border-top: 0px;
}

/* line 139, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--tax-show,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--tax-show {
  grid-row-start: 2;
}

/* line 142, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--grand-total,
body[data-auth-context='share_link'] #fin-doc-page.for-document #fin-doc-totals-floating-container.stick-to-bottom.has-high-section-count .fin-doc-totals-row--grand-total {
  grid-row-start: 3;
}

/* .narrow-layout & .wide-layout element visibility
======================================================================== */
/* line 149, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document .narrow-layout-element {
  display: none;
}

/* line 152, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout .narrow-layout-element {
  display: block;
}

/* Fin Doc Floating Totals for .narrow-layout
======================================================================== */
/* line 158, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container,
#preview-document-page #fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container {
  z-index: 0;
}

/* line 170, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container .totals-container {
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-left: auto;
  margin-right: auto;
}

/* line 177, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container .totals-container .row {
  padding: 5px 0px;
}

/* line 181, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container .totals-container hr {
  margin: 5px 0px;
}

/* line 185, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #fin-doc-totals-floating-container #collapse-fin-doc-totals-button {
  display: none;
}

/* line 189, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container #collapse-fin-doc-totals-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  top: 0px;
  width: 31px;
  height: 31px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  transform: translateY(-50%);
  transition: all 0.2s;
}

/* line 200, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container #collapse-fin-doc-totals-button i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #a4a4a4;
  font-size: 14px;
}

/* line 206, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container #collapse-fin-doc-totals-button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  transform: translateY(-50%) scale(1.2);
}

/* line 213, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container.collapsed {
  transform: translateX(-50%) translateY(calc(100% - 25px));
  padding-top: 100px;
}

/* line 216, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container.collapsed #collapse-fin-doc-totals-button {
  transform: translateY(-50%) rotate(180deg);
}

/* line 221, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.narrow-layout #fin-doc-totals-floating-container .fin-doc-action-items {
  display: none;
}

/* line 225, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document #narrow-layout-quote-approval-container {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
}

/* line 232, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document.quote.approved #narrow-layout-quote-approval-container {
  max-width: initial;
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Record Linker For Document Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 243, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#preview-document-page .record-linker-for-document-callout, #document-show-page .record-linker-for-document-callout {
  display: none !important;
}

/* line 248, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
.record-linker-for-document-callout {
  width: 85%;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #8c8c8c;
  padding: 30px 20px;
  box-shadow: 0px 0px 31px 1px rgba(0, 0, 0, 0.57);
  -webkit-box-shadow: 0px 0px 31px 1px rgba(0, 0, 0, 0.57);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 165px;
}

@media (min-width: 1200px) {
  /* line 248, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
  .record-linker-for-document-callout {
    width: 450px;
    padding: 55px 40px;
  }
}

/* line 266, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
.record-linker-for-document-callout .fa-circle-info {
  display: block;
  font-size: 30px;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 266, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
  .record-linker-for-document-callout .fa-circle-info {
    margin-bottom: 30px;
  }
}

/* line 276, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
.record-linker-for-document-callout .link-fin-doc-button {
  color: #fff;
  display: block;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 276, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
  .record-linker-for-document-callout .link-fin-doc-button {
    margin-bottom: 30px;
  }
}

/* line 285, app/assets/stylesheets/pages/fin_docs/document_overrides.scss */
#fin-doc-page.for-document .fin-doc-callout {
  margin-top: 0px;
}

/* line 1, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-placeholder-content-container {
  padding: 0px 40px;
  padding-bottom: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocSection Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .section-header {
  background-color: #eeeeee;
  margin-top: 10px;
  height: 50px;
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .section-header {
    border-radius: 8px;
    margin-top: 35px;
    height: 60px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItem Placeholder for Quote
/* ===================================================================== */
/* ===================================================================== */
/* line 27, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote {
  border: 4px solid #eeeeee;
  border-radius: 8px;
  margin: 15px;
  padding: 10px;
  display: flex;
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote {
    margin: 0px;
    margin-top: 15px;
    padding: 20px;
  }
}

/* line 40, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .image-placeholder {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  background-color: #eeeeee;
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .image-placeholder {
    width: 115px;
    height: 115px;
  }
}

/* line 51, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .name-placeholder {
  background-color: #eeeeee;
  height: 13px;
  border-radius: 25px;
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .name-placeholder {
    height: 22px;
  }
}

/* line 60, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .text-line-placeholder {
  background-color: #f2f2f2;
  height: 6px;
  border-radius: 5px;
  margin-top: 7px;
}

@media (min-width: 1200px) {
  /* line 60, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-quote .text-line-placeholder {
    height: 9px;
    margin-top: 10px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* PaymentSchedule Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.payment-schedule-placeholder-container .payment-due-date-placeholder-row {
  display: flex;
  margin-top: 25px;
}

/* line 79, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.payment-schedule-placeholder-container .payment-due-date-placeholder-row:last-child {
  margin-bottom: 10px;
}

/* line 82, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.payment-schedule-placeholder-container .payment-due-date-placeholder-row .placeholder-item {
  height: 13px;
  border-radius: 5px;
}

/* line 85, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.payment-schedule-placeholder-container .payment-due-date-placeholder-row .placeholder-item.date-placeholder {
  background-color: #d7d7d7;
  width: 100px;
}

/* line 89, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.payment-schedule-placeholder-container .payment-due-date-placeholder-row .placeholder-item.amount-placeholder {
  background-color: #f2f2f2;
  width: 200px;
  margin-left: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDocItem Placeholder for Invoice
/* ===================================================================== */
/* ===================================================================== */
/* line 102, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice {
  border-bottom: 1px solid #eeeeee;
  padding: 15px;
}

@media (min-width: 1200px) {
  /* line 102, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice {
    padding: 20px 0px;
  }
}

/* line 110, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .name-placeholder {
  background-color: #eeeeee;
  height: 13px;
  border-radius: 25px;
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .name-placeholder {
    height: 22px;
  }
}

/* line 119, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .text-line-placeholder {
  background-color: #f2f2f2;
  height: 6px;
  border-radius: 5px;
  margin-top: 7px;
}

@media (min-width: 1200px) {
  /* line 119, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .text-line-placeholder {
    height: 9px;
    margin-top: 10px;
  }
}

/* line 130, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .number-placeholder {
  background-color: #eeeeee;
  height: 13px;
  border-radius: 25px;
  margin-left: 30px;
}

@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-section-placeholder-container .fin-doc-item-placeholder-for-invoice .number-placeholder {
    height: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* FinDoc Totals Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 145, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-totals-placeholder-container {
  margin-top: 10px;
  padding: 15px;
  padding-bottom: 30px;
}

@media (min-width: 1200px) {
  /* line 145, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-totals-placeholder-container {
    margin-top: 15px;
    max-width: 500px;
    margin-left: auto;
    padding: 15px 0px;
  }
}

/* line 157, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-totals-placeholder-container .section-total {
  display: flex;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  /* line 157, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-totals-placeholder-container .section-total {
    margin-top: 15px;
  }
}

/* line 165, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-totals-placeholder-container .section-total .text-line-placeholder {
  height: 10px;
  background-color: #eeeeee;
  border-radius: 22px;
}

@media (min-width: 1200px) {
  /* line 165, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
  .fin-doc-totals-placeholder-container .section-total .text-line-placeholder {
    height: 13px;
  }
}

/* line 173, app/assets/stylesheets/pages/fin_docs/document_placeholders.scss */
.fin-doc-totals-placeholder-container .text-line-placeholder.darker-color {
  background-color: #d7d7d7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Page Beta
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/settings.scss */
.settings-page-beta {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

/* line 11, app/assets/stylesheets/pages/settings.scss */
.settings-page-beta.narrow {
  max-width: 600px;
}

/* line 14, app/assets/stylesheets/pages/settings.scss */
.settings-page-beta.wide {
  max-width: 1000px;
}

/* line 19, app/assets/stylesheets/pages/settings.scss */
.settings-page-beta.folder-tree-layout {
  max-width: 1660px;
  margin-left: initial;
  margin-right: initial;
  padding-left: 251px;
  margin-top: 0px;
}

/* line 27, app/assets/stylesheets/pages/settings.scss */
.settings-page-beta.folder-tree-layout .settings-page-folder-tree-container {
  position: fixed;
  left: 255px;
  top: 108px;
  bottom: 0px;
  width: 250px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 100px;
  border-right: 1px solid #e5e5e5;
  overflow: scroll;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Page
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/pages/settings.scss */
.settings-page {
  max-width: 1296px;
  /* Page Header
  =========================================================================================================================*/
}

/* line 51, app/assets/stylesheets/pages/settings.scss */
.settings-page .page-header {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/pages/settings.scss */
  .settings-page .content-wrapper {
    padding-left: 70px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Page with Helper
/* ===================================================================== */
/* ===================================================================== */
/* line 68, app/assets/stylesheets/pages/settings.scss */
.settings-page-with-helper-main-column {
  margin-right: 432px;
  padding-left: 32px;
  padding-top: 32px;
}

/* line 74, app/assets/stylesheets/pages/settings.scss */
.settings-page-with-helper-help-column {
  position: fixed;
  top: calc(53px + 55px);
  right: 0px;
  bottom: 0px;
  width: 400px;
  padding: 25px 35px 100px 35px;
  border-left: 1px solid #d7d7d7;
  background-color: #fdfdfd;
  overflow-y: scroll;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Mobile Dropdown Nav
/* ===================================================================== */
/* ===================================================================== */
/* line 91, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu {
  margin-top: 15px;
  border-bottom: 2px solid #fff;
  margin-bottom: 15px;
}

/* line 97, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu button {
  background-color: #3f5d6c;
  color: #fff;
  border-color: #fff;
}

/* line 103, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu .menu-top-header {
  font-size: 20px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 25px;
}

/* line 110, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu .dropdown-menu {
  padding: 15px;
}

/* line 114, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu a {
  display: block;
  color: teal;
  padding: 15px 15px;
  margin-bottom: 10px;
  border-radius: 6px;
}

/* line 120, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu a:active {
  background-color: transparent;
}

/* line 125, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu a.selected {
  background-color: #3f5d6c;
  color: #fff;
}

/* line 130, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu .menu-header {
  display: block;
  margin-top: 15px;
  margin-bottom: 10px;
}

/* line 136, app/assets/stylesheets/pages/settings.scss */
.settings-page #mobile-menu .divider {
  height: 1px;
  background-color: #d9d9d9;
  margin-bottom: 10px 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Settings
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/pages/settings.scss */
#company-settings-page .company-logo-image-container {
  background-color: #fff;
  padding: 18px;
  max-width: 360px;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* line 155, app/assets/stylesheets/pages/settings.scss */
#company-settings-page .company-logo-image-container img {
  max-width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Wide Layout
/* ===================================================================== */
/* ===================================================================== */
/* line 165, app/assets/stylesheets/pages/settings.scss */
.settings-page.wide-layout {
  max-width: initial;
}

/* line 167, app/assets/stylesheets/pages/settings.scss */
.settings-page.wide-layout #desktop-menu {
  max-width: 270px;
}

@media (min-width: 1200px) {
  /* line 170, app/assets/stylesheets/pages/settings.scss */
  .settings-page.wide-layout .content-wrapper {
    padding-left: 20px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Staff Members
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/pages/settings.scss */
#staff_members-page.settings-page-beta .staff-member-card {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 185, app/assets/stylesheets/pages/settings.scss */
  #staff_members-page.settings-page-beta .staff-member-card:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 191, app/assets/stylesheets/pages/settings.scss */
#staff_members-page.settings-page-beta .staff-member-card .name-and-icons {
  display: flex;
  align-items: center;
}

/* line 194, app/assets/stylesheets/pages/settings.scss */
#staff_members-page.settings-page-beta .staff-member-card .name-and-icons .avatar-container {
  padding-right: 10px;
}

@media (min-width: 576px) {
  /* line 194, app/assets/stylesheets/pages/settings.scss */
  #staff_members-page.settings-page-beta .staff-member-card .name-and-icons .avatar-container {
    padding-right: 15px;
  }
}

/* line 200, app/assets/stylesheets/pages/settings.scss */
#staff_members-page.settings-page-beta .staff-member-card .name-and-icons .icons-container {
  flex-grow: 1;
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stripe Settings
/* ===================================================================== */
/* ===================================================================== */
/* line 211, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-icons-container {
  margin-bottom: 20px;
}

/* line 215, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-icons-container.tablet-desktop {
  display: flex;
  align-items: center;
}

/* line 221, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .fa-stripe {
  font-size: 60px;
  color: #6772E5;
  display: block;
}

@media (min-width: 576px) {
  /* line 221, app/assets/stylesheets/pages/settings.scss */
  #stripe-company-settings-container .fa-stripe {
    display: inline-block;
  }
}

/* line 229, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .payment-method-icon {
  display: inline-block;
  margin-right: 5px;
  font-size: 26px;
  color: #939393;
}

/* line 238, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-icons-container.tablet-desktop .fa-stripe {
  font-size: 80px;
  margin-right: 35px;
}

@media (min-width: 1200px) {
  /* line 238, app/assets/stylesheets/pages/settings.scss */
  #stripe-company-settings-container .stripe-icons-container.tablet-desktop .fa-stripe {
    font-size: 72px;
    margin-right: 31px;
  }
}

/* line 246, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-icons-container.tablet-desktop .payment-method-icon {
  font-size: 28px;
  margin-right: 20px;
}

@media (min-width: 1200px) {
  /* line 246, app/assets/stylesheets/pages/settings.scss */
  #stripe-company-settings-container .stripe-icons-container.tablet-desktop .payment-method-icon {
    font-size: 25px;
    margin-right: 18px;
  }
}

/* line 256, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-connect.setup-account {
  width: 250px;
}

/* line 258, app/assets/stylesheets/pages/settings.scss */
#stripe-company-settings-container .stripe-connect.setup-account span::after {
  left: initial;
  right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Reminder Emails
/* ===================================================================== */
/* ===================================================================== */
/* line 269, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 0px;
}

/* line 276, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option:first-child {
  padding-top: 0px;
}

/* line 280, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

/* line 285, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option div.toggle {
  margin-right: 12px;
}

/* line 289, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option .toggle-and-name {
  flex: 0 0 38%;
}

/* line 293, app/assets/stylesheets/pages/settings.scss */
#payment-reminder-email-settings-container .email-option .description {
  flex-grow: 1;
}

/* line 297, app/assets/stylesheets/pages/settings.scss */
#edit-payment-reminder-email-modal .muted-element {
  opacity: 0.4;
}

/* line 301, app/assets/stylesheets/pages/settings.scss */
#edit-payment-reminder-email-modal .custom-message-field {
  border: 0px;
  display: block;
  width: 100%;
  padding: 0px;
}

/* line 306, app/assets/stylesheets/pages/settings.scss */
#edit-payment-reminder-email-modal .custom-message-field:focus {
  outline-style: none;
  border: 0px;
}

/* guest_party_shared_link: page for Guest to enter their contact information */
/* line 1, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page {
  background-color: #f5f5f5;
}

/* line 3, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page .container {
  padding-top: 20px;
  min-height: 100vh;
  max-width: 700px;
  padding-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/pages/guest_party_shared_link.scss */
  #guest-party-shared-link-page .container {
    padding-bottom: 0px;
  }
}

/* line 12, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page #header {
  background-color: #eaeaea;
  color: #000;
  padding: 20px;
}

@media (min-width: 1200px) {
  /* line 12, app/assets/stylesheets/pages/guest_party_shared_link.scss */
  #guest-party-shared-link-page #header {
    text-align: center;
    padding: 40px 0px;
    margin-bottom: 20px;
  }
}

/* line 21, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page #header i {
  font-size: 40px;
  margin-bottom: 15px;
}

/* line 26, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page h2 {
  font-size: 17px;
}

/* line 29, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page #guest-party-name {
  font-size: 19px;
  margin-bottom: 15px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/pages/guest_party_shared_link.scss */
  #guest-party-shared-link-page #guest-party-name {
    margin-bottom: 25px;
  }
}

/* line 37, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page #message {
  font-size: 19px;
  color: green;
}

/* line 40, app/assets/stylesheets/pages/guest_party_shared_link.scss */
#guest-party-shared-link-page #message span {
  margin: 15px 0px;
  display: block;
}

/* line 2, app/assets/stylesheets/pages/event_templates.scss */
#event_template-page .content-wrapper {
  margin-top: 50px;
}

@media (min-width: 576px) {
  /* line 2, app/assets/stylesheets/pages/event_templates.scss */
  #event_template-page .content-wrapper {
    margin-top: 0px;
    padding: 30px;
  }
}

/* line 1, app/assets/stylesheets/pages/leads.scss */
#leads-page .mobile-index-card--lead-index-card .lead-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 650;
}

/* line 7, app/assets/stylesheets/pages/leads.scss */
#leads-page .mobile-index-card--lead-index-card .stacked-data-rows-container {
  font-size: 14px;
  grid-column-gap: 16px;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/pages/leads.scss */
  #leads-page .mobile-index-card--lead-index-card .stacked-data-rows-container {
    font-size: 13.5px;
  }
}

/* line 10, app/assets/stylesheets/pages/leads.scss */
#leads-page .mobile-index-card--lead-index-card .stacked-data-rows-container i {
  margin-right: 4px;
}

/* line 16, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table,
#leads-page .primary-header-fixed table {
  table-layout: fixed;
}

/* line 19, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .cell-clip,
#leads-page .primary-header-fixed table .cell-clip {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 25, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--lead-name,
#leads-page .primary-header-fixed table .leads-table-column--lead-name {
  width: 330px;
}

/* line 28, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--date-location,
#leads-page .primary-header-fixed table .leads-table-column--date-location {
  width: 16%;
}

/* line 31, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--lead-captured,
#leads-page .primary-header-fixed table .leads-table-column--lead-captured {
  width: 14%;
}

/* line 34, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--pipeline-step,
#leads-page .primary-header-fixed table .leads-table-column--pipeline-step {
  width: 17%;
}

/* line 37, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--source,
#leads-page .primary-header-fixed table .leads-table-column--source {
  border-right-color: transparent;
  padding-right: 0px;
}

/* line 41, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--action-menu,
#leads-page .primary-header-fixed table .leads-table-column--action-menu {
  width: 75px;
  padding-left: 0px;
}

/* line 44, app/assets/stylesheets/pages/leads.scss */
#leads-page #leads-container-table table .leads-table-column--action-menu .cell-clip,
#leads-page .primary-header-fixed table .leads-table-column--action-menu .cell-clip {
  overflow: visible;
}

@media (min-width: 1440px) {
  /* line 49, app/assets/stylesheets/pages/leads.scss */
  #leads-page #leads-container-table table .leads-table-column--lead-name,
#leads-page .primary-header-fixed table .leads-table-column--lead-name {
    width: 350px;
  }
  /* line 52, app/assets/stylesheets/pages/leads.scss */
  #leads-page #leads-container-table table .leads-table-column--date-location,
#leads-page .primary-header-fixed table .leads-table-column--date-location {
    width: 220px;
  }
  /* line 55, app/assets/stylesheets/pages/leads.scss */
  #leads-page #leads-container-table table .leads-table-column--lead-captured,
#leads-page .primary-header-fixed table .leads-table-column--lead-captured {
    width: 150px;
  }
  /* line 58, app/assets/stylesheets/pages/leads.scss */
  #leads-page #leads-container-table table .leads-table-column--pipeline-step,
#leads-page .primary-header-fixed table .leads-table-column--pipeline-step {
    width: 150px;
  }
}

@media (min-width: 1550px) {
  /* line 63, app/assets/stylesheets/pages/leads.scss */
  #leads-page #leads-container-table table .leads-table-column--pipeline-step,
#leads-page .primary-header-fixed table .leads-table-column--pipeline-step {
    width: 200px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Scrolling Wrapper
/* ===================================================================== */
/* ===================================================================== */
/* line 74, app/assets/stylesheets/pages/leads.scss */
#leads-page .scrolling-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/pages/leads.scss */
  #leads-page .scrolling-wrapper {
    max-width: calc(100vw - 229px);
    padding-left: 32px;
  }
}

/* line 83, app/assets/stylesheets/pages/leads.scss */
#leads-page .steps-container {
  border-radius: 8px;
  margin-right: 10px;
  display: inline-flex;
  border: 1px solid #e8e8e8;
}

/* ===================================================================== */
/* ===================================================================== */
/* Pipeline Step Button
/* ===================================================================== */
/* ===================================================================== */
/* line 95, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button {
  position: relative;
  display: block;
  background-color: #fdfdfd;
  transition: all 0.3s;
  padding: 5px 20px;
  border-right: 1px solid #f7f7f7;
}

@media (min-width: 1200px) {
  /* line 95, app/assets/stylesheets/pages/leads.scss */
  #leads-page .pipeline-step-button {
    padding: 5px 15px;
  }
}

/* line 105, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 6px;
}

/* line 110, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 0px;
  padding-right: 6px;
}

/* line 119, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button .step-internal-container {
  padding: 10px 15px;
  min-width: 100px;
  border-radius: 6px;
  transition: all 0.2s;
}

/* line 127, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button .number {
  font-size: 16px;
  font-weight: 650;
  display: block;
  width: fit-content;
  padding: 5px;
  background-color: #f3f3f3;
  margin-bottom: 8px;
  min-width: 32px;
  text-align: center;
  border-radius: 6px;
}

@media (min-width: 576px) {
  /* line 127, app/assets/stylesheets/pages/leads.scss */
  #leads-page .pipeline-step-button .number {
    font-size: 14.5px;
  }
}

/* line 140, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.active-leads {
  z-index: 1;
  border-right: 0px;
  padding-right: 8px;
  padding-left: 8px;
  box-shadow: 0px 0px 7px 1px #00000012;
  -webkit-box-shadow: 0px 0px 7px 1px #00000012;
}

/* line 149, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.won-step .number {
  background-color: #03ab863d;
  color: #005945;
}

/* line 154, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.lost-step .number {
  background-color: #ff00001a;
  color: #ff8080;
}

/* line 160, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button .step_name {
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 160, app/assets/stylesheets/pages/leads.scss */
  #leads-page .pipeline-step-button .step_name {
    font-size: 13.5px;
  }
}

/* Right Arrow Container
======================================================================== */
/* line 169, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button .right-arrow-container {
  pointer-events: none;
  background-color: #fff;
  border-radius: 100px;
  border: 1px solid #f2f2f2;
  position: absolute;
  width: 22px;
  height: 22px;
  bottom: 11px;
  right: -11px;
  z-index: 10;
}

/* line 180, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button .right-arrow-container i {
  color: #bbbbbb;
  display: block;
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 187, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button:last-child .right-arrow-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Selected
/* ===================================================================== */
/* ===================================================================== */
/* line 198, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.selected .step-internal-container {
  background-color: #2d2d2d;
  color: #fff;
}

/* line 202, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.selected .number {
  background-color: #fff;
  color: #15384a;
}

/* line 209, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.won-step.selected .step-internal-container {
  background-color: #03ab86;
}

/* line 212, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.won-step.selected .number {
  background-color: #f2fffc;
}

/* line 215, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.won-step.selected .step_name {
  color: #fff;
}

/* line 221, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.lost-step.selected .step-internal-container {
  background-color: #ff6d6d;
}

/* line 224, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.lost-step.selected .number {
  background-color: #ffe8e8;
}

/* line 227, app/assets/stylesheets/pages/leads.scss */
#leads-page .pipeline-step-button.lost-step.selected .step_name {
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* PipelineStep desktop hover
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 237, app/assets/stylesheets/pages/leads.scss */
  #leads-page .pipeline-step-button:not(.selected):hover {
    cursor: pointer;
  }
  /* line 240, app/assets/stylesheets/pages/leads.scss */
  #leads-page .pipeline-step-button:not(.selected):hover .step-internal-container {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Leads Index Page
/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* Lead Row
=========================================================================================================================*/
/* line 257, app/assets/stylesheets/pages/leads.scss */
#leads-page .lead-row td {
  /*height: 70px;*/
}

/* line 262, app/assets/stylesheets/pages/leads.scss */
#leads-page .date-location-column i {
  color: #d5d5d5;
}

/* line 265, app/assets/stylesheets/pages/leads.scss */
#leads-page .date-location-column .fa-calendar {
  margin-bottom: 7px;
}

/* line 3, app/assets/stylesheets/pages/calendar.scss */
#eventcalendar {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: initial !important;
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/pages/calendar.scss */
  #eventcalendar {
    left: calc(55px + 230px);
  }
}

/* Calendar Viewport
======================================================================== */
/* line 17, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #eventcalendar {
  top: 75px;
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/calendar.scss */
  #event-calendar-page #eventcalendar {
    top: 53px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Sidebar
/* ===================================================================== */
/* ===================================================================== */
/* line 29, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar {
  display: none;
  background-color: #fdfdfd;
  position: fixed;
  left: 55px;
  top: 53px;
  bottom: 0px;
  width: 230px;
  border-right: 1px solid #d7d7d7;
  padding: 16px;
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/pages/calendar.scss */
  #event-calendar-page #calendar-sidebar {
    display: block;
  }
}

/* line 44, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label {
  display: block;
  padding: 16px;
  padding-right: 0px;
  display: flex;
  gap: 12px;
  align-items: cneter;
  border-radius: 8px;
  margin-bottom: 8px;
}

/* line 53, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

/* line 57, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label .helper-text {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/pages/calendar.scss */
  #event-calendar-page #calendar-sidebar label.res-toggle-label .helper-text {
    font-size: 14.5px;
  }
}

/* line 63, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label .helper-text i {
  opacity: 0.5;
}

/* line 66, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label .fa-square, #event-calendar-page #calendar-sidebar label.res-toggle-label .fa-check-square {
  font-size: 20px;
}

/* line 69, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label .fa-check-square {
  display: none;
}

/* line 74, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label:has(input[type='checkbox']:checked) .fa-square {
  display: none;
}

/* line 75, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #calendar-sidebar label.res-toggle-label:has(input[type='checkbox']:checked) .fa-check-square {
  display: block;
}

/* Mobile Action - Button
======================================================================== */
/* line 80, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-button {
  position: fixed;
  height: 60px;
  width: 60px;
  background-color: white;
  bottom: 20px;
  right: 20px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 89, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-button i {
  font-size: 22px;
}

/* Mobile Action - Menu
======================================================================== */
/* line 96, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-menu {
  position: fixed;
  bottom: 17px;
  right: 17px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 0px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 104, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-menu a, #event-calendar-page #mobile-action-menu span {
  display: block;
  width: 220px;
  padding: 10px;
  padding-left: 20px;
}

/* line 110, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-menu span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #909090;
}

/* line 116, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #mobile-action-menu #close-mobile-action-menu-button {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Desktop Action Menu
======================================================================== */
/* line 130, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #desktop-action-menu {
  position: fixed;
}

@media (min-width: 576px) {
  /* line 130, app/assets/stylesheets/pages/calendar.scss */
  #event-calendar-page #desktop-action-menu {
    top: 84px;
    right: 160px;
  }
}

@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/pages/calendar.scss */
  #event-calendar-page #desktop-action-menu {
    top: 60px;
    right: 175px;
  }
}

/* line 140, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #desktop-action-menu select {
  padding: 6px 11px;
}

/* line 143, app/assets/stylesheets/pages/calendar.scss */
#event-calendar-page #desktop-action-menu .fa-gear {
  font-size: 18px;
  padding: 10.8px;
  color: #8b8b8b;
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Event Modal (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 155, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .snap-loader-desktop-fixed-header-secondary {
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 24px;
}

/* line 161, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop {
  box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 16px;
  padding: 32px;
  padding-top: 8px;
  margin-bottom: 32px;
  border-radius: 8px;
}

/* line 170, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--desktop {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 174, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--desktop input {
  text-align: center;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 174, app/assets/stylesheets/pages/calendar.scss */
  .calendar-datepair-container--desktop input {
    font-size: 14.5px;
  }
}

/* line 178, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--desktop input.time {
  width: 90px;
}

/* line 181, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--desktop input.date {
  width: 130px;
}

/* line 186, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container-footer--desktop {
  margin-top: 16px;
  gap: 24px;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 193, app/assets/stylesheets/pages/calendar.scss */
  #calendar_event-modal .selectize-for-leads-and-projects {
    max-width: 300px;
  }
}

/* Read Only (for Portal Show)
======================================================================== */
/* line 203, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop--read-only .form-control--underlined:hover {
  border-bottom: 1px solid #ced4da;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 209, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop--read-only .date-component {
  padding-bottom: 16px;
  padding-top: 8px;
  border-bottom: 1px solid transparent;
  display: inline-block;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 209, app/assets/stylesheets/pages/calendar.scss */
  #calendar_event-modal .primary-calendar-fields--desktop--read-only .date-component {
    font-size: 14.5px;
  }
}

/* line 215, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop--read-only .date-component i {
  color: #727272;
  margin-right: 8px;
}

/* line 220, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop--read-only .date-component--datetime {
  border-bottom-color: #ced4da;
  padding-right: 8px;
}

/* line 224, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--desktop--read-only .date-component--to {
  margin: 0px 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Event Modal (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 234, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--mobile {
  margin-top: 24px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 24px;
}

/* line 241, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 245, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row .start-end-label {
  flex-grow: 1;
}

/* line 248, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row .column-for-date {
  width: 140px;
}

/* line 250, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row .column-for-date input {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 255, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row .column-for-time {
  width: 100px;
}

/* line 257, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile .start-end-row .column-for-time input {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 263, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container--mobile input {
  text-align: center;
}

/* line 268, app/assets/stylesheets/pages/calendar.scss */
.calendar-datepair-container-footer--mobile {
  text-align: right;
  padding-top: 24px;
}

/* line 274, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .location-address-type-option {
  display: inline-block;
  padding: 5px;
  color: #727272;
}

/* line 281, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .calendar-datepair-container--mobile #start-time-form-group .ui-timepicker-wrapper.adjusted-position,
#calendar_event-modal .calendar-datepair-container--mobile #end-time-form-group .ui-timepicker-wrapper.adjusted-position {
  width: 200px;
  overflow-y: scroll !important;
  left: initial !important;
  right: 20px !important;
}

/* Read Only (for Portal Show)
======================================================================== */
/* line 292, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .calendar-event-title--mobile-read-only {
  border-color: transparent;
  padding: 20px;
}

/* line 297, app/assets/stylesheets/pages/calendar.scss */
#calendar_event-modal .primary-calendar-fields--mobile--read-only {
  margin-top: 24px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Position Override for Portal
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 310, app/assets/stylesheets/pages/calendar.scss */
  body[data-portal='true'] #eventcalendar {
    left: 200px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobiscroll Calendar Overrides
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 325, app/assets/stylesheets/pages/calendar.scss */
  .mbsc-windows.mbsc-calendar-today {
    background-color: #464646 !important;
    border-radius: 8px;
    line-height: 18px;
    margin-bottom: 3px;
    padding: 4px 9px;
    font-weight: 600;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobiscroll Labels (Month View)
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label {
  font-size: 16px;
  font-family: "Inter";
  overflow: hidden;
  background-color: #3b7a98;
  color: #fff;
  display: flex;
  align-items: center;
  height: 22px !important;
  border-radius: 6px;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/calendar_labels.scss */
  .pp-calendar-label {
    font-size: 14.5px;
  }
}

/* line 18, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label-text {
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 450;
  font-family: 'Inter';
}

/* line 27, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label .fa-circle {
  display: none;
}

/* line 31, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label i,
.pp-scheduler-block i {
  margin-right: 8px;
}

/* line 37, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-all-day='false'][data-resource-type='calendar_event'] .fa-circle {
  display: initial;
  color: #3b7a98;
  font-size: 8px;
  margin-right: 8px;
}

/* line 43, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-all-day='false'][data-resource-type='calendar_event'] .start-time-label {
  display: block;
}

/* line 48, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label .start-time-label {
  display: none;
  margin-right: 4px;
  font-weight: 350;
}

/* line 54, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-all-day='false'] {
  background-color: transparent;
  color: #2f2f2f;
}

/* line 59, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-resource-type='event_date'],
.pp-scheduler-block[data-resource-type='event_date'] {
  background-color: transparent;
  color: #000;
  border: 1px solid #aeaeae;
}

/* line 66, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-resource-type='lead_date'],
.pp-scheduler-block[data-resource-type='lead_date'] {
  background-color: #f6f6f6;
  color: #5e5e5e;
  border: 1px solid #f6f6f6;
}

/* line 73, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-resource-type='sub_event'],
.pp-scheduler-block[data-resource-type='sub_event'] {
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  color: #2f2f2f;
}

/* line 80, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-resource-type='vendor_payment_due_date'],
.pp-scheduler-block[data-resource-type='vendor_payment_due_date'] {
  border: 1px solid #f3fff9;
  background-color: #e4f7ec;
  color: #007f24;
}

/* line 87, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label.paid[data-resource-type='vendor_payment_due_date'],
.pp-scheduler-block.paid[data-resource-type='vendor_payment_due_date'] {
  border: 1px solid #f3fbf7;
  background-color: #f3fbf7;
  color: #77b288;
}

/* line 94, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label.overdue[data-resource-type='vendor_payment_due_date'],
.pp-scheduler-block.overdue[data-resource-type='vendor_payment_due_date'] {
  color: red;
  border: 1px solid #fff0f0;
  background-color: #fff0f0;
}

/* line 103, app/assets/stylesheets/pages/calendar_labels.scss */
.mbsc-calendar-text {
  height: 22px !important;
  padding-left: 0px !important;
  margin-bottom: 3px !important;
}

/* line 113, app/assets/stylesheets/pages/calendar_labels.scss */
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label[data-resource-type='calendar_event'][data-all-day='false']) .pp-calendar-label,
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label[data-resource-type='event_date']) .pp-calendar-label,
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label[data-resource-type='lead_date']) .pp-calendar-label {
  background-color: #ececec;
}

/* line 119, app/assets/stylesheets/pages/calendar_labels.scss */
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label[data-resource-type='calendar_event'][data-all-day='true']) .pp-calendar-label {
  background-color: #245b75;
}

/* line 125, app/assets/stylesheets/pages/calendar_labels.scss */
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label[data-resource-type='vendor_payment_due_date']) .pp-calendar-label {
  background-color: #c4f5c4;
  color: #007f24;
}

/* line 131, app/assets/stylesheets/pages/calendar_labels.scss */
.mbsc-calendar-text.mbsc-calendar-label-hover:has(.pp-calendar-label.overdue[data-resource-type='vendor_payment_due_date']) .pp-calendar-label {
  background-color: #ffe4e4;
  color: red;
}

/* Different Timezone Warning
======================================================================== */
/* line 141, app/assets/stylesheets/pages/calendar_labels.scss */
.pp-calendar-label[data-is-different-timezone='true'] .timezone-warning-icon,
.pp-scheduler-block[data-is-different-timezone='true'] .timezone-warning-icon {
  color: red;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobiscroll Scheduler Blocks  (Week/Day View)
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block {
  font-size: 16px;
  background-color: #3b7a98;
  color: #fff;
  display: flex;
  height: 100%;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
  .pp-scheduler-block {
    font-size: 14.5px;
  }
}

/* line 22, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block-text {
  font-size: 12px;
  font-weight: 450;
  font-family: 'Inter';
  white-space: nowrap;
}

/* line 29, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-resource-type='calendar_event'][data-all-day='true'] {
  box-shadow: 0px 0px 1px 1px #fff;
  -webkit-box-shadow: 0px 0px 1px 1px #fff;
}

/* line 34, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block-text .timespan-label {
  display: none;
  font-weight: 350;
  margin-top: 3px;
}

/* line 40, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-all-day='false'] .timespan-label {
  display: block;
}

/* line 44, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block-text .start-time-label {
  display: none;
  font-weight: 350;
}

/* line 49, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='15mins'] {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 100%;
}

/* line 53, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='15mins'] .pp-scheduler-block-text {
  font-size: 10.5px;
  line-height: 1;
}

/* line 57, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='15mins'] .timespan-label {
  display: none;
}

/* line 60, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='15mins'] .start-time-label {
  display: inline;
}

/* line 65, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='20mins'] {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 100%;
}

/* line 69, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='20mins'] .pp-scheduler-block-text {
  font-size: 10.5px;
}

/* line 72, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='20mins'] .timespan-label {
  display: none;
}

/* line 75, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='20mins'] .start-time-label {
  display: initial;
}

/* line 81, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='30mins'] .timespan-label {
  display: none;
}

/* line 84, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-timespan-size='30mins'] .start-time-label {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Hover States
/* ===================================================================== */
/* ===================================================================== */
/* line 94, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-resource-type='calendar_event']:hover {
  background-color: #245b75;
}

/* line 97, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-resource-type='sub_event']:hover {
  background-color: #ebebeb;
}

/* line 100, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-resource-type='lead_date']:hover {
  background-color: #ebebeb;
}

/* line 103, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.pp-scheduler-block[data-resource-type='event_date']:hover {
  background-color: #ebebeb;
}

/* ===================================================================== */
/* ===================================================================== */
/* All Day Placeholder Override
/* ===================================================================== */
/* ===================================================================== */
/* line 113, app/assets/stylesheets/pages/calendar_scheduler_blocks.scss */
.mbsc-schedule-event-all-day-placeholder {
  height: 25px;
}

/* line 2, app/assets/stylesheets/pages/fin_doc_packages.scss */
#fin_doc_packages-page .card .badge {
  margin-bottom: 15px;
}

/* Settings Pages */
/* line 1, app/assets/stylesheets/pages/settings/task_statuses.scss */
#task_statuses-page .status-group-container {
  padding: 18px;
  margin-bottom: 27px;
  border: 2px dashed #dbdada;
}

/* line 7, app/assets/stylesheets/pages/settings/task_statuses.scss */
#task_statuses-page .task-status-container {
  margin-bottom: 8px;
}

/* line 11, app/assets/stylesheets/pages/settings/task_statuses.scss */
#task_statuses-page .task-status-container .hidden-in-portal {
  font-size: 12px;
  margin-top: 3px;
}

/* line 16, app/assets/stylesheets/pages/settings/task_statuses.scss */
#task_statuses-page .colored-container {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  padding: 13px;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/pages/settings/task_statuses.scss */
  #task_statuses-page .colored-container {
    font-size: 14.5px;
  }
}

/* line 25, app/assets/stylesheets/pages/settings/task_statuses.scss */
#task_statuses-page .info-container {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 13px;
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Billing Status Page Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/settings/billing_pages.scss */
body:has(.billing-status-page-container) {
  background-color: #fff !important;
}

/* line 10, app/assets/stylesheets/pages/settings/billing_pages.scss */
#company-billing-page.billing-status-page-container {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 10, app/assets/stylesheets/pages/settings/billing_pages.scss */
  #company-billing-page.billing-status-page-container {
    max-width: 600px;
    padding: 48px;
    padding-top: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/settings/billing_pages.scss */
  #company-billing-page.billing-status-page-container {
    max-width: 1000px;
  }
}

/* line 24, app/assets/stylesheets/pages/settings/billing_pages.scss */
#company-billing-page .billing-status-page-header {
  position: relative;
  background-color: #fafafa;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/pages/settings/billing_pages.scss */
  #company-billing-page .billing-status-page-header {
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 12px;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/pages/settings/billing_pages.scss */
  #company-billing-page .billing-status-page-header {
    padding: 16px 32px;
    text-align: center;
  }
}

/* line 39, app/assets/stylesheets/pages/settings/billing_pages.scss */
#company-billing-page.billing-status-page-container img.logo {
  width: 150px;
  margin-bottom: 12px;
}

@media (min-width: 1200px) {
  /* line 39, app/assets/stylesheets/pages/settings/billing_pages.scss */
  #company-billing-page.billing-status-page-container img.logo {
    width: 120px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Upgrade Trial Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.28) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.28) 0px 6px 16px;
  padding: 48px 24px;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
  #company-billing-page .upgrade-trial-callout {
    padding: 24px;
    border-radius: 12px;
  }
}

/* line 17, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .countdown-column {
  border-right: 1px solid #e2e2e2;
}

/* line 22, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container .selection-card.billing-option {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 16px;
}

/* line 27, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container .selection-card.billing-option .description-container {
  margin-top: 0px;
}

/* line 30, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container .selection-card.billing-option .price {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
  #company-billing-page .upgrade-trial-callout .offer-container .selection-card.billing-option .price {
    font-size: 20px;
  }
}

/* line 40, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container .selection-card.billing-option .savings-corner {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: #539a52;
  color: #fff;
  padding: 5px 7px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
}

/* line 53, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .feature-benefits-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
  #company-billing-page .feature-benefits-container {
    padding: 0px;
  }
}

/* line 63, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .feature-benefits-container .feature-block {
  display: flex;
  gap: 16px;
}

/* line 68, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container button#checkout-and-portal-button {
  margin-top: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Yearly/Monthly Show/Hide
/* ===================================================================== */
/* ===================================================================== */
/* line 78, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container[data-billing-cycle="yearly"] .monthly-element {
  display: none;
}

/* line 83, app/assets/stylesheets/pages/settings/billing_page_offer.scss */
#company-billing-page .upgrade-trial-callout .offer-container[data-billing-cycle="monthly"] .yearly-element {
  display: none;
}

/* line 1, app/assets/stylesheets/pages/settings/mailboxes.scss */
#company-settings-mailboxes-page .no-mailboxes-callout {
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
}

/* line 7, app/assets/stylesheets/pages/settings/mailboxes.scss */
#company-settings-mailboxes-page .staff-member-container,
#company-settings-mailboxes-page .shared-mailbox-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* Document Pages */
/* ===================================================================== */
/* ===================================================================== */
/* Header (shared with Edit and Manage pages)
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header,
#manage-document-page #primary-document-header,
#edit-email-template-page #primary-document-header {
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  position: fixed;
  width: 100%;
  height: 55px;
  background-color: #fff;
  z-index: 10;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #primary-document-header,
#manage-document-page #primary-document-header,
#edit-email-template-page #primary-document-header {
    height: 62px;
  }
}

/* line 22, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header .title-and-sub-line,
#manage-document-page #primary-document-header .title-and-sub-line,
#edit-email-template-page #primary-document-header .title-and-sub-line {
  padding-left: 15px;
  flex-grow: 1;
}

/* line 27, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header .title-and-sub-line .sub-line,
#manage-document-page #primary-document-header .title-and-sub-line .sub-line,
#edit-email-template-page #primary-document-header .title-and-sub-line .sub-line {
  color: #727272;
  font-weight: 600;
}

/* line 33, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header .action-menu,
#manage-document-page #primary-document-header .action-menu,
#edit-email-template-page #primary-document-header .action-menu {
  padding-right: 15px;
}

/* Document Section Template Edit Head
======================================================================== */
/* line 44, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header #document-section-template-edit-mode-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(45deg, #ffffff 25%, #fdf6e6 25%, #fdf6e6 50%, #ffffff 50%, #ffffff 75%, #fdf6e6 75%, #fdf6e6 100%);
  background-size: 14.14px 14.14px;
  transform: translateY(-110%);
  transition: all 0.4s;
}

/* line 51, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #primary-document-header #document-section-template-edit-mode-overlay #save-document-section-button-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Knockout Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #knockout-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 16;
}

/* line 73, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #contract-field-knockout-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 322px;
  z-index: 20;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Page Container
/* ===================================================================== */
/* ===================================================================== */
/* line 88, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #document-page-container {
  background-color: #fff;
  position: fixed;
  top: 55px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  /* line 88, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #document-page-container {
    top: 62px;
  }
}

@media (min-width: 1200px) {
  /* line 88, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #document-page-container {
    top: 90px;
    right: 333px;
    left: 27px;
    bottom: 27px;
    border-radius: 15px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Document Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 114, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-document-menu {
  position: fixed;
  z-index: 10;
  left: 15px;
  bottom: 15px;
  background-color: #fff;
  border-radius: 7px;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 80px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 125, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-document-menu span {
  display: inline-block;
  padding: 16px 14px;
}

/* line 128, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-document-menu span i {
  font-size: 20px;
  margin-right: 5px;
}

/* line 132, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-document-menu span em {
  position: relative;
  top: -2px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add DocumentSection Button (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 144, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-add-document-section-button {
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #fff;
  position: fixed;
  z-index: 16;
  right: 18px;
  bottom: 18px;
}

/* line 152, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #mobile-add-document-section-button i {
  font-size: 45px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add DocumentSection Button (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 162, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #desktop-add-document-section-button {
  position: relative;
  height: 100px;
}

/* line 165, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #desktop-add-document-section-button .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: #fff;
  border-radius: 100%;
  transition: all 0.4s;
}

/* line 170, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #desktop-add-document-section-button .circle-container:hover {
  transform: translateY(-50%) translateX(-50%) scale(1.2);
}

/* line 174, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #desktop-add-document-section-button .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: teal;
}

/* line 180, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #desktop-add-document-section-button i {
  font-size: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Document Block Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 190, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel {
  z-index: 17;
}

@media (max-width: 1200px) {
  /* line 190, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #new-document-block-panel {
    top: initial !important;
    left: initial !important;
  }
}

@media (min-width: 1200px) {
  /* line 190, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #new-document-block-panel {
    bottom: initial;
    transform: translateY(0%) translateX(-50%);
    transition: all 0s;
  }
}

/* line 201, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel .content {
  padding: 15px;
}

/* line 206, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel .new-block-link-container {
  text-align: center;
}

/* line 208, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel .new-block-link-container i, #edit-document-page #new-document-block-panel .new-block-link-container span {
  display: block;
}

/* line 211, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel .new-block-link-container i {
  font-size: 21px;
  margin-bottom: 4px;
}

/* line 215, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page #new-document-block-panel .new-block-link-container a {
  display: block;
  background-color: #f1f1f1;
  padding: 20px 0px;
  margin-top: 18px;
  border-radius: 7px;
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page #new-document-block-panel .new-block-link-container a:hover {
    background-color: #e1e1e1;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Section Template Edit Mode
/* ===================================================================== */
/* ===================================================================== */
/* line 234, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page[data-edit-mode="document-section-template"] #primary-document-header #document-section-template-edit-mode-overlay {
  transform: translateY(0%);
  z-index: 1;
}

/* line 239, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page[data-edit-mode="document-section-template"] .document-page #desktop-add-document-section-button {
  display: none !important;
}

/* line 243, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .document-section .document-section-edit-mode-overlay,
#edit-document-page .document-page #navigation .document-section-edit-mode-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000a6;
  z-index: 1;
  display: none;
}

/* line 251, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page[data-edit-mode="document-section-template"] .document-section .document-section-edit-mode-overlay,
#edit-document-page[data-edit-mode="document-section-template"] .document-page #navigation .document-section-edit-mode-overlay {
  display: initial;
}

/* line 256, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page[data-edit-mode="document-section-template"] .document-page #navigation {
  opacity: .5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Section Record Link Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 267, app/assets/stylesheets/pages/documents/edit_document.scss */
#link-record-to-document-section-modal[data-new-record-form-enabled="false"] .new-record-form-content-panel {
  display: none;
}

/* line 272, app/assets/stylesheets/pages/documents/edit_document.scss */
#link-record-to-document-section-modal[data-new-record-form-enabled="true"] .new-record-form-content-panel {
  display: block;
}

/* line 275, app/assets/stylesheets/pages/documents/edit_document.scss */
#link-record-to-document-section-modal[data-new-record-form-enabled="true"] .default-content-panel {
  display: none;
}

/* line 279, app/assets/stylesheets/pages/documents/edit_document.scss */
#link-record-to-document-section-modal .record-info-tooltip-icon {
  color: #b1b1b1;
  margin-left: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Template Pointer Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 289, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .template-record-pointer-indicator {
  background-color: #e0efff;
  padding: 10px;
  border-radius: 8px;
  color: #3f72a6;
  font-weight: 600;
  border: 1px solid #fff;
  transition: all 0.3s;
}

/* line 297, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .template-record-pointer-indicator:hover {
  cursor: help;
}

/* line 302, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .template-record-pointer-indicator.for-contract-template {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 101;
}

/* line 309, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .template-record-pointer-indicator.for-fin-doc-template {
  position: absolute;
  left: 15px;
  top: 15px;
}

/* line 319, app/assets/stylesheets/pages/documents/edit_document.scss */
#edit-document-page .template-record-pointer-indicator.sticky-enabled {
  position: fixed;
  top: 90px;
  left: -7px;
  z-index: 101;
  border-width: 4px;
  border-radius: 8px;
  border-top-right-radius: 0px;
  padding-left: 22px;
  font-size: 14px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 319, app/assets/stylesheets/pages/documents/edit_document.scss */
  #edit-document-page .template-record-pointer-indicator.sticky-enabled {
    font-size: 13.5px;
  }
}

/* line 1, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element {
  position: absolute;
  z-index: 1;
  top: 13px;
  right: 4px;
}

/* line 6, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element i, #edit-document-page .error-container.edit-error-element .edit-error-icon {
  color: red;
  font-size: 21px;
}

/* line 12, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="document_section"] {
  top: 15px;
  right: 15px;
}

/* line 17, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="quote_payment_rules"],
#edit-document-page .error-container.edit-error-element[data-resource-type="invoice_payment_due_dates"] {
  top: 15px;
  right: 15px;
}

/* line 23, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="invoice"] {
  top: 15px;
  right: 15px;
}

/* line 28, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="contract_dynamic_block"] {
  top: 15px;
  right: 15px;
}

/* line 34, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="contract_part"][data-contract-part-type='exhibit'] {
  top: 40px;
  right: 47px;
}

/* line 40, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="contract_client_detail_block"] {
  top: 15px;
  right: 15px;
  z-index: 4;
}

/* line 46, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="document-settings-button-for-desktop"] {
  top: -5px;
  right: 1px;
  border: 2px solid #fff;
  border-radius: 100%;
}

/* line 51, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="document-settings-button-for-desktop"] i {
  margin-right: 0px;
  font-size: 16px;
}

/* line 58, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="fixed-date-expiration-missing-date"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}

@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
  #edit-document-page .error-container.edit-error-element[data-resource-type="fixed-date-expiration-missing-date"] {
    right: -36px;
  }
}

/* line 66, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="payment-rules-depend-on-missing-expiration"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}

@media (min-width: 576px) {
  /* line 66, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
  #edit-document-page .error-container.edit-error-element[data-resource-type="payment-rules-depend-on-missing-expiration"] {
    right: -36px;
  }
}

/* line 74, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element[data-resource-type="empty_body_callout"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}

/* line 79, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .error-container.edit-error-element:not([data-error-count="0"])::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 3px #DB2828;
  -webkit-animation: beaconAnimation 2s infinite linear;
  animation: beaconAnimation 2s infinite linear;
  pointer-events: none;
}

@keyframes beaconAnimation {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  70% {
    transform: scale(2.3);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* line 108, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .content.content-text .error-container {
  top: 0px;
}

/* line 112, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .content.content-video .error-container,
#edit-document-page .content.content-image .error-container {
  top: 8px;
  right: 8px;
}

/* line 122, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .page-error-container {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: red;
  font-size: 18px;
  left: -8px;
}

@media (min-width: 1200px) {
  /* line 122, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
  #edit-document-page .page-error-container {
    font-size: 18px;
    left: 6px;
  }
}

/* line 134, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .document-error-container {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: red;
  font-size: 18px;
  left: -8px;
}

@media (min-width: 1200px) {
  /* line 134, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
  #edit-document-page .document-error-container {
    font-size: 18px;
    left: 12px;
  }
}

/* line 147, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page .edit-error-element {
  display: none;
}

/* line 151, app/assets/stylesheets/pages/documents/edit_document_errors.scss */
#edit-document-page.show-edit-errors .edit-error-element {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Document Page
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/documents/document_pages.scss */
#edit-document-page .document-page {
  min-height: calc(100vh - 55px);
}

@media (max-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/documents/document_pages.scss */
  #edit-document-page .document-page {
    padding-bottom: 300px;
  }
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/documents/document_pages.scss */
  #edit-document-page .document-page {
    min-height: calc(100vh - 70px);
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/documents/document_pages.scss */
  #edit-document-page .document-page {
    min-height: calc(100vh - 130px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Document Page
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section {
  /* Desktop Background Area */
  /* Mobile Intercept Overlay */
  /* Dimmed */
}

/* line 9, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section .desktop-background-area {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 13, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section .mobile-intercept-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0);
}

/* line 19, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section.dimmed {
  opacity: .5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Section while dragging
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section.ui-sortable-helper .desktop-action-menu {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shared Styles (Edit, Preview, Show)
/* ===================================================================== */
/* ===================================================================== */
/* Base Styles
======================================================================== */
/* line 44, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section, #preview-document-page .document-section, #document-show-page .document-section {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

/* Width & Padding
======================================================================== */
/* line 53, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page, #preview-document-page, #document-show-page {
  /* Width
  ======================================================================== */
  /* Small */
  /* Medium */
  /* Large */
  /* Full */
  /* Padding (Top & Bottom)
  ======================================================================== */
  /* Small */
  /* Medium */
  /* Large */
  /* No Padding */
}

/* line 57, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-width="small_width"] .document-columns, #preview-document-page .document-section[data-width="small_width"] .document-columns, #document-show-page .document-section[data-width="small_width"] .document-columns {
  max-width: 801px;
  margin-left: auto;
  margin-right: auto;
}

/* line 63, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-width="medium_width"] .document-columns, #preview-document-page .document-section[data-width="medium_width"] .document-columns, #document-show-page .document-section[data-width="medium_width"] .document-columns {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}

/* line 69, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-width="large_width"] .document-columns, #preview-document-page .document-section[data-width="large_width"] .document-columns, #document-show-page .document-section[data-width="large_width"] .document-columns {
  max-width: 1256px;
  margin-left: auto;
  margin-right: auto;
}

/* line 75, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-width="full_width"], #preview-document-page .document-section[data-width="full_width"], #document-show-page .document-section[data-width="full_width"] {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 82, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-padding="small_padding"], #preview-document-page .document-section[data-padding="small_padding"], #document-show-page .document-section[data-padding="small_padding"] {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* line 87, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-padding="medium_padding"], #preview-document-page .document-section[data-padding="medium_padding"], #document-show-page .document-section[data-padding="medium_padding"] {
  padding-top: 33px;
  padding-bottom: 33px;
}

/* line 92, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-padding="large_padding"], #preview-document-page .document-section[data-padding="large_padding"], #document-show-page .document-section[data-padding="large_padding"] {
  padding-top: 63px;
  padding-bottom: 63px;
}

/* line 97, app/assets/stylesheets/pages/documents/document_sections.scss */
#edit-document-page .document-section[data-padding="no_padding"], #preview-document-page .document-section[data-padding="no_padding"], #document-show-page .document-section[data-padding="no_padding"] {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section Type Links (Adding a Section)
/* ===================================================================== */
/* ===================================================================== */
/* line 110, app/assets/stylesheets/pages/documents/document_sections.scss */
#new-document-section-modal .section-type-links .link-container, #new-document-section-panel .section-type-links .link-container {
  background-color: #fff;
  text-align: center;
  border: 1px solid #dbdbdb;
  padding: 19px 0px;
  border-radius: 11px;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/pages/documents/document_sections.scss */
  #new-document-section-modal .section-type-links .link-container, #new-document-section-panel .section-type-links .link-container {
    margin-bottom: 25px;
    transition: all 0.2s;
  }
}

/* line 121, app/assets/stylesheets/pages/documents/document_sections.scss */
#new-document-section-modal .section-type-links .link-container i, #new-document-section-panel .section-type-links .link-container i {
  display: block;
  font-size: 25px;
  margin-bottom: 5px;
}

@media (min-width: 1200px) {
  /* line 121, app/assets/stylesheets/pages/documents/document_sections.scss */
  #new-document-section-modal .section-type-links .link-container i, #new-document-section-panel .section-type-links .link-container i {
    font-size: 29px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 131, app/assets/stylesheets/pages/documents/document_sections.scss */
  #new-document-section-modal .section-type-links .link-container:hover, #new-document-section-panel .section-type-links .link-container:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 141, app/assets/stylesheets/pages/documents/document_sections.scss */
#new-document-section-modal .section-type-links .link-container[data-is-allowed='false'], #new-document-section-panel .section-type-links .link-container[data-is-allowed='false'] {
  background-color: transparent;
}

/* line 143, app/assets/stylesheets/pages/documents/document_sections.scss */
#new-document-section-modal .section-type-links .link-container[data-is-allowed='false'] i, #new-document-section-modal .section-type-links .link-container[data-is-allowed='false'] .txt-md, #new-document-section-panel .section-type-links .link-container[data-is-allowed='false'] i, #new-document-section-panel .section-type-links .link-container[data-is-allowed='false'] .txt-md {
  opacity: 0.6;
}

@media (min-width: 1200px) {
  /* line 146, app/assets/stylesheets/pages/documents/document_sections.scss */
  #new-document-section-modal .section-type-links .link-container[data-is-allowed='false']:hover, #new-document-section-panel .section-type-links .link-container[data-is-allowed='false']:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    cursor: not-allowed;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection Template Pointer
/* ===================================================================== */
/* ===================================================================== */
/* line 161, app/assets/stylesheets/pages/documents/document_sections.scss */
.document-section.template-pointer .template-pointer-intercept-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: transparent;
  z-index: 5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Document Page
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/documents/document_columns.scss */
  #edit-document-page .document-columns .mobile-bottom-margin {
    margin-bottom: 30px;
  }
}

/* line 12, app/assets/stylesheets/pages/documents/document_columns.scss */
#edit-document-page .document-column {
  position: relative;
  border: 1px solid transparent;
  min-height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Preview and Show Pages
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/pages/documents/document_columns.scss */
  #preview-document-page #show-columns-container.grid, #document-show-page #show-columns-container.grid {
    display: grid;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Resizable Columns
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/pages/documents/document_columns.scss */
  #resizable-columns-container.grid {
    display: grid;
  }
}

/* line 48, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col {
  height: 100%;
  position: relative;
  grid-row: 1/-1;
  cursor: col-resize;
  z-index: 1;
  min-height: 50px;
  display: none;
  transition: background-color 0.3s;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/pages/documents/document_columns.scss */
  #resizable-columns-container.grid .gutter-col {
    display: block;
    visibility: hidden;
  }
}

/* line 63, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col .rounded-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 27px;
  width: 8px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #80bbbb;
}

/* line 72, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col:hover {
  background-color: #e2f4f4;
}

/* line 76, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col .dotted-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  bottom: 0px;
  width: 1px;
  border-left: 2px dashed #6ca2a2;
}

/* line 84, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col-1 {
  grid-column: 2;
}

/* line 88, app/assets/stylesheets/pages/documents/document_columns.scss */
#resizable-columns-container.grid .gutter-col-3 {
  grid-column: 4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Document Page
/* ===================================================================== */
/* ===================================================================== */
/* Document Blocks
======================================================================== */
/* line 9, app/assets/stylesheets/pages/documents/document_blocks.scss */
#edit-document-page .document-blocks {
  position: relative;
}

/* Document Block
======================================================================== */
/* line 15, app/assets/stylesheets/pages/documents/document_blocks.scss */
#edit-document-page .document-block {
  position: relative;
  transition: padding-top 0.4s, padding-bottom 0.4s;
  padding-left: 2px;
  padding-right: 2px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Custom Add Block Styles
/* ===================================================================== */
/* ===================================================================== */
/* .add-block-buttons within a Contract DocumentSection
======================================================================== */
/* line 10, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .document-section[data-section-type="contract"][data-content-contract-format="free_form"] .document-block .add-block-button {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button
/* ===================================================================== */
/* ===================================================================== */
/* line 20, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button {
  position: relative;
  z-index: 2;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.4s;
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 20, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button {
    position: absolute;
    max-height: initial;
    opacity: 0;
    display: none;
    left: 0px;
  }
}

/* line 34, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button .plus-container {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  background-color: teal;
  color: #fff;
  padding: 3px;
  border-radius: 100%;
  border: 1px solid teal;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button .plus-container {
    width: 20px;
    height: 20px;
    margin-left: 30%;
    margin-right: initial;
  }
}

/* line 55, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button .h-line {
  height: 1px;
  width: 100%;
  background-color: teal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (Empty)
/* ===================================================================== */
/* ===================================================================== */
/* Empty Base Styles
======================================================================== */
/* line 71, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.empty {
  position: relative;
  opacity: 1;
}

/* line 74, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.empty .plus-container {
  margin-left: auto;
  margin-right: auto;
}

/* line 78, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.empty .h-line {
  opacity: 1;
  height: 1px;
}

/* Mobile Display
======================================================================== */
@media (min-width: 1200px) {
  /* line 86, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.empty.mobile {
    display: none;
  }
}

/* Desktop Display
======================================================================== */
@media (max-width: 1200px) {
  /* line 94, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.empty.desktop {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  /* line 94, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.empty.desktop {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  /* line 102, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.empty.desktop .plus-container {
    top: -8px;
  }
}

/* Desktop Display (Based on Column's Block count)
======================================================================== */
@media (min-width: 1200px) {
  /* line 111, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .document-column[data-block-count="0"] .add-block-button.empty.desktop {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Insert Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 123, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.indicate-insert,
#edit-document-page .add-block-button.empty.desktop.indicate-insert {
  max-height: 100px;
  opacity: 100;
  display: block;
}

/* line 128, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.indicate-insert .h-line,
#edit-document-page .add-block-button.empty.desktop.indicate-insert .h-line {
  opacity: 100;
  background-color: blue;
  height: 3px;
}

/* line 133, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.indicate-insert .plus-container,
#edit-document-page .add-block-button.empty.desktop.indicate-insert .plus-container {
  background-color: blue;
  color: #fff;
  border-color: blue;
  transform: scale(1.5);
  opacity: 1;
}

/* line 142, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.top.indicate-insert {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (hide top)
/* ===================================================================== */
/* ===================================================================== */
/* line 151, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .add-block-button.top {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (Desktop Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 160, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button {
    overflow: initial;
    height: 3px;
  }
  /* line 164, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button .h-line {
    height: 3px;
    z-index: 2;
    opacity: 0;
    background-color: teal;
    transition: all 0.3s;
  }
  /* line 171, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button .plus-container {
    z-index: 3;
    transition: all 0.3s;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (Desktop Hover Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 185, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.active .h-line {
    opacity: 100;
    background-color: blue;
  }
  /* line 189, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.active .plus-container {
    background-color: blue;
    color: #fff;
    border-color: blue;
    transform: scale(1.5);
  }
  /* line 195, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .add-block-button.active .plus-container:hover {
    cursor: pointer;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (within .document-block) (Desktop Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 206, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .document-block .add-block-button {
    transition: all 0.4s;
  }
}

/* line 212, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .document-block .add-block-button.bottom {
  bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 218, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .document-block .add-block-button.top .button-trigger {
    position: relative;
    top: -8px;
  }
  /* line 222, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
  #edit-document-page .document-block .add-block-button.bottom .button-trigger {
    position: relative;
    bottom: 8px;
  }
}

/* line 230, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .document-block.highlight-selected .add-block-button.top {
  transform: translateY(-20px);
}

/* line 233, app/assets/stylesheets/pages/documents/add_block_buttons.scss */
#edit-document-page .document-block.highlight-selected .add-block-button.bottom {
  transform: translateY(20px);
}

/* Add Section Button (Desktop Only, d-none set in HTML)
======================================================================== */
/* line 3, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
#edit-document-page .add-section-button {
  transition: all 0.4s;
  width: 100%;
  position: absolute;
  max-height: initial;
  opacity: 0;
  left: 0px;
  z-index: 2;
}

/* line 11, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
#edit-document-page .add-section-button.top {
  top: -9px;
}

/* line 14, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
#edit-document-page .add-section-button.bottom {
  bottom: -9px;
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
  #edit-document-page .add-section-button {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
#edit-document-page .add-section-button .plus-container {
  font-size: 14px;
  transition: all 0.4s;
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  background-color: teal;
  color: #fff;
  padding: 3px;
  border-radius: 100%;
  border: 1px solid teal;
}

@media (min-width: 1200px) {
  /* line 20, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
  #edit-document-page .add-section-button .plus-container {
    width: 20px;
    height: 20px;
  }
}

/* line 40, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
#edit-document-page .add-section-button .h-line {
  transition: all 0.4s;
  height: 0px;
  width: 100%;
  background-color: #4dc6ce;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Add Section Button (Desktop Hover Styling)
======================================================================== */
@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
  #edit-document-page .add-section-button.active .h-line {
    opacity: 100;
    background-color: blue;
    height: 3px;
  }
  /* line 58, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
  #edit-document-page .add-section-button.active .plus-container {
    background-color: blue;
    color: #fff;
    border-color: blue;
    transform: scale(1.5);
  }
  /* line 64, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
  #edit-document-page .add-section-button.active .plus-container:hover {
    cursor: pointer;
  }
}

/* Indicate Insert
======================================================================== */
/* line 72, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
.add-section-button.indicate-insert {
  opacity: 100;
}

/* line 74, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
.add-section-button.indicate-insert .h-line {
  background-color: blue;
  height: 3px;
}

/* line 78, app/assets/stylesheets/pages/documents/add_section_buttons.scss */
.add-section-button.indicate-insert .plus-container {
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section/Block Desktop Action Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu, #edit-document-page .document-block .desktop-action-menu, #edit-document-page .contract-part .desktop-action-menu {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(-5px, calc(-100% - 5px));
  z-index: 5;
}

/* line 14, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon, #edit-document-page .document-block .desktop-action-menu .menu-icon, #edit-document-page .contract-part .desktop-action-menu .menu-icon {
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  color: #969696;
  border-radius: 4px;
}

/* line 20, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon:hover, #edit-document-page .document-block .desktop-action-menu .menu-icon:hover, #edit-document-page .contract-part .desktop-action-menu .menu-icon:hover {
  cursor: pointer;
}

/* line 22, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon:hover i, #edit-document-page .document-block .desktop-action-menu .menu-icon:hover i, #edit-document-page .contract-part .desktop-action-menu .menu-icon:hover i {
  color: #000;
}

/* line 26, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon i, #edit-document-page .document-block .desktop-action-menu .menu-icon i, #edit-document-page .contract-part .desktop-action-menu .menu-icon i {
  padding: 8px;
  display: block;
  box-sizing: content-box;
  font-size: 14px;
  transition: all 0.2s;
}

/* line 33, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon a, #edit-document-page .document-block .desktop-action-menu .menu-icon a, #edit-document-page .contract-part .desktop-action-menu .menu-icon a {
  color: #000;
}

/* line 37, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon.reorder:hover, #edit-document-page .document-block .desktop-action-menu .menu-icon.reorder:hover, #edit-document-page .contract-part .desktop-action-menu .menu-icon.reorder:hover {
  cursor: grab;
}

/* line 41, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .delete-confirmation-container, #edit-document-page .document-block .delete-confirmation-container, #edit-document-page .contract-part .delete-confirmation-container {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #e1e1e1;
  height: 100%;
  width: 450px;
  border-radius: 5px;
}

/* line 53, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section .desktop-action-menu .menu-icon.edit-template {
  background-color: #cb9112;
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section/Block Desktop Action Menu (Filters for Contracts)
/* ===================================================================== */
/* ===================================================================== */
/* line 65, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section[data-signatures-can-be-deleted=false] .document-block[data-content-type=ContentSignature] .menu-icon.delete,
#edit-document-page .document-section[data-signatures-can-be-deleted=false] .contract-part.contract-part-signature .menu-icon.delete {
  display: none;
}

/* line 71, app/assets/stylesheets/pages/documents/section_block_action_menu.scss */
#edit-document-page .document-section[data-signatures-can-be-deleted=true] .document-block[data-content-type=ContentSignature] .menu-icon.signature-delete-disabled,
#edit-document-page .document-section[data-signatures-can-be-deleted=true] .contract-part.contract-part-signature .menu-icon.signature-delete-disabled {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Global Edit Panel Styles
/* ===================================================================== */
/* ===================================================================== */
/* Edit Panel
======================================================================== */
/* line 9, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel {
  position: fixed;
  z-index: 19;
  left: 0px;
  bottom: 0px;
  width: 100%;
  transition: all 0.5s;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel {
    width: 400px;
    left: 15px;
    bottom: 15px;
    border-radius: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel {
    left: initial;
    bottom: 27px;
    right: 0px;
    top: 90px;
    transform: translateY(0px);
    box-shadow: none;
    width: 310px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 39, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel.full-height {
    top: 55px;
    bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 8px;
    box-shadow: -6px 0px 7px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: -6px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* Header
======================================================================== */
/* line 52, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .header {
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 54px;
}

/* line 59, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .header h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 62, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .header button.done-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: 5px;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel .header button.done-button {
    right: initial;
    left: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 52, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel .header {
    box-shadow: 0 3px 7px -2px #0000002b;
  }
}

/* Content
======================================================================== */
/* line 78, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .content {
  background-color: #fff;
  margin-top: 53px;
  max-height: 35vh;
  overflow-y: scroll;
  padding: 25px;
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel .content {
    background-color: #fff;
    max-height: initial;
    height: 100%;
    padding-bottom: 80px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Controls
/* ===================================================================== */
/* ===================================================================== */
/* sub-panel-back-button
======================================================================== */
/* line 100, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .sub-panel-back-button {
  margin-bottom: 10px;
}

/* DocumentSection Columns
======================================================================== */
/* line 107, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button {
  position: relative;
  border: 1px solid #d8d8d8;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  transition: all 0.3s;
}

/* line 114, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button.selected, .edit-panel .document-section-columns-form .column-button:hover {
  border: 1px solid teal;
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button.selected .column-span, .edit-panel .document-section-columns-form .column-button:hover .column-span {
  background-color: teal;
}

/* line 123, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button .column-span {
  display: inline-block;
  height: 70px;
  width: 20px;
  background-color: #d8d8d8;
  border-radius: 3px;
  transition: all 0.3s;
}

/* line 132, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button[data-column-count='one_column'] .column-span {
  width: calc(100% - 15px);
}

/* line 136, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button[data-column-count='two_columns'] .column-span {
  width: calc(50% - 7px);
}

/* line 140, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .document-section-columns-form .column-button[data-column-count='three_columns'] .column-span {
  width: calc(33.333% - 7px);
}

/* ===================================================================== */
/* ===================================================================== */
/* ContentImage Edit Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 152, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .content-image-content .preview-thumbnail {
  background-color: #eeeeee;
  margin-bottom: 10px;
}

/* line 156, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .content-image-content .preview-thumbnail img {
  max-width: 40%;
  max-height: 260px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (min-width: 1200px) {
  /* line 156, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel .content-image-content .preview-thumbnail img {
    max-width: 100%;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* ContentQuestion Edit Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 173, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-question-content {
  /* Selected */
  /* Desktop Hover */
}

/* line 174, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-question-content .question-type-link {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-size: 12px;
}

@media (min-width: 1200px) {
  /* line 174, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-question-content .question-type-link {
    font-size: 15px;
  }
}

/* line 182, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-question-content .question-type-link .bounding-box {
  border: 3px solid #e7e7e7;
  opacity: .7;
  text-align: center;
  padding: 16px 25px;
  border-radius: 9px;
  margin-bottom: 5px;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 182, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-question-content .question-type-link .bounding-box {
    padding: 12px 30px;
  }
}

/* line 197, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-question-content .question-type-link.selected .bounding-box {
  opacity: 1;
  border-color: #12a17c;
}

@media (min-width: 1200px) {
  /* line 203, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-question-content .question-type-link:not(.selected):hover {
    color: teal;
  }
  /* line 206, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-question-content .question-type-link:not(.selected):hover .bounding-box {
    opacity: 0.9;
    border-color: #a2d4c7;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* ContentSignature Edit Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 220, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture input#content_signature_typed_signature {
  width: 100%;
}

/* line 223, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture #signature-pad-prepend {
  width: 80vw;
}

@media (min-width: 1200px) {
  /* line 223, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-signature-content .signature-capture #signature-pad-prepend {
    width: 297px;
  }
}

/* line 229, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture .kbw-signature {
  width: 80vw;
}

@media (min-width: 1200px) {
  /* line 229, app/assets/stylesheets/pages/documents/edit_panels.scss */
  #edit-document-page .edit-panel .content-signature-content .signature-capture .kbw-signature {
    width: 297px;
    height: 140px;
  }
}

/* line 236, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture #consent-container {
  margin-bottom: 70px;
}

/* line 239, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture #consent-container label {
  margin-right: 0px;
}

/* line 242, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content-signature-content .signature-capture input#content_signature_typed_signature {
  font-size: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection Edit Panel (for applied_section)
/* ===================================================================== */
/* ===================================================================== */
/* line 253, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content.document-section-edit-panel-content.applied-section #default-panel, #edit-document-page .edit-panel .content.document-section-edit-panel-content.applied-section #template-picker-panel {
  display: none;
}

/* line 259, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content.document-section-edit-panel-content.applied-section[data-panel-mode="default"] #default-panel {
  display: block;
}

/* line 265, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content.document-section-edit-panel-content.applied-section[data-panel-mode="template-picker"] #template-picker-panel {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection Edit Panel (for template_pointer)
/* ===================================================================== */
/* ===================================================================== */
/* line 276, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content.document-section-edit-panel-content.template-pointer .document-section-template-actions {
  visibility: hidden;
  display: none;
}

/* line 283, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-panel .content.document-section-edit-panel-content.template-pointer .document-section-template-option.selected .document-section-template-actions {
  visibility: visible;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Panel when #edit-document-page is in 'document-section-template' edit mode
/* ===================================================================== */
/* ===================================================================== */
/* line 294, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page[data-edit-mode="document-section-template"] .edit-panel .header {
  background-image: linear-gradient(45deg, #ffffff 25%, #fdf6e6 25%, #fdf6e6 50%, #ffffff 50%, #ffffff 75%, #fdf6e6 75%, #fdf6e6 100%);
  background-size: 14.14px 14.14px;
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection edit template base edit panel
/* ===================================================================== */
/* ===================================================================== */
/* line 303, app/assets/stylesheets/pages/documents/edit_panels.scss */
#edit-document-page .edit-document-section-base-edit-panel {
  position: fixed;
  bottom: 30px;
  right: 0px;
  top: 90px;
  background-color: #edf2f6;
  width: 310px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  z-index: 14;
  padding: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Dynamic Block Options
/* ===================================================================== */
/* ===================================================================== */
/* line 321, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container {
  position: relative;
  transition: all 0.5s;
}

/* line 327, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container .dynamic-block-option {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 327, app/assets/stylesheets/pages/documents/edit_panels.scss */
  .edit-panel .dynamic-block-options-container .dynamic-block-option {
    font-size: 14.5px;
  }
}

/* line 332, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container .dynamic-block-option:first-child {
  padding-top: 0px;
}

/* line 335, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container .dynamic-block-option:last-child {
  border-bottom: 0px;
}

/* line 340, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container .dynamic-block-option .option-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* line 345, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel .dynamic-block-options-container .dynamic-block-option .option-header .option-name {
  flex-grow: 1;
  font-weight: 600;
  padding-left: 8px;
}

/* Dynamic Block Options Disabled
======================================================================== */
/* line 354, app/assets/stylesheets/pages/documents/edit_panels.scss */
.edit-panel[data-dynamic-block-options-enabled="false"] .dynamic-block-options-container {
  opacity: 0.4;
  filter: grayscale(1);
  pointer-events: none;
}

/* line 4, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .knockout-overlay {
  position: fixed;
  top: 60px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 20;
}

/* line 13, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .edit-panel-overlay {
  position: fixed;
  z-index: 21;
  left: 0px;
  bottom: 0px;
  width: 100%;
  transition: all 0.5s;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
  .edit-panel-overlay-container .edit-panel-overlay {
    width: 400px;
    left: 15px;
    bottom: 15px;
    border-radius: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
  .edit-panel-overlay-container .edit-panel-overlay {
    left: initial;
    bottom: 27px;
    right: 0px;
    top: 90px;
    transform: translateY(0px);
    box-shadow: none;
    width: 310px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

/* line 43, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .edit-panel-overlay .header {
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 54px;
}

/* line 50, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .edit-panel-overlay .header h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 53, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .edit-panel-overlay .header button.done-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: 5px;
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
  .edit-panel-overlay-container .edit-panel-overlay .header button.done-button {
    right: initial;
    left: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
  .edit-panel-overlay-container .edit-panel-overlay .header {
    box-shadow: 0 3px 7px -2px #0000002b;
  }
}

/* line 67, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
.edit-panel-overlay-container .edit-panel-overlay .content {
  background-color: #fff;
  margin-top: 53px;
  max-height: 35vh;
  overflow-y: scroll;
  padding: 25px;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/pages/documents/edit_panel_overlays.scss */
  .edit-panel-overlay-container .edit-panel-overlay .content {
    background-color: #fff;
    max-height: initial;
    height: 100%;
    padding-bottom: 80px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Base Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager a, #edit-document-page #document-pages-manager span.new-page {
  display: block;
  padding: 20px 15px;
  color: #7e7e7e;
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager a, #edit-document-page #document-pages-manager span.new-page {
    padding: 12px;
  }
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page:hover, #edit-document-page #document-pages-manager span.new-page:hover {
    background-color: #dce5ed;
    border-radius: 5px;
    cursor: pointer;
    color: #464646;
  }
  /* line 21, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page:hover a, #edit-document-page #document-pages-manager span.new-page:hover a {
    color: #464646;
  }
}

/* line 26, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page.current {
  border-radius: 5px;
  background-color: #f5f5f5;
  border-color: transparent;
}

/* line 30, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page.current a {
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page.current {
    background-color: #fff;
  }
  /* line 35, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page.current:hover {
    background-color: #fff;
  }
}

/* line 40, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager #add-page-form {
  background-color: #f4f4f4;
  padding: 10px 0px;
  border-radius: 8px;
  margin-top: 15px;
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager #add-page-form {
    background-color: #fff;
    padding: 16px 6px;
  }
}

/* line 49, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager #add-page-form h4 {
  margin-left: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Styles
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager {
    z-index: 15;
    left: initial;
    bottom: 30px;
    right: 0px;
    top: 90px;
    transform: translateY(0px);
    box-shadow: none;
    width: 300px;
    border-radius: 0px;
  }
  /* line 73, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .header {
    background-color: transparent;
  }
  /* line 76, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .content {
    background-color: transparent;
    max-height: initial;
    height: 100%;
    padding-right: 5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Existing Pages
/* ===================================================================== */
/* ===================================================================== */
/* line 90, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page {
  position: relative;
}

/* line 92, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page .page-name {
  margin-right: 30px;
}

/* line 95, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page .action-items {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}

/* line 98, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page .action-items .action-item {
  display: inline-block;
  padding: 15px 15px;
}

@media (min-width: 1200px) {
  /* line 104, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page .action-items {
    display: none;
  }
  /* line 106, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page .action-items .action-item {
    transform-origin: center;
    transition: all 0.2s;
  }
  /* line 109, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page .action-items .action-item:hover {
    transform: scale(1.3) rotate(60deg);
    cursor: pointer;
  }
  /* line 116, app/assets/stylesheets/pages/documents/pages_manager.scss */
  #edit-document-page #document-pages-manager .existing-page.current .action-items {
    display: initial;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Grip Dots (Sortable Handle)
/* ===================================================================== */
/* ===================================================================== */
/* line 128, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page .sortable-handle {
  visibility: hidden;
}

/* line 132, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page .sortable-handle:hover {
  cursor: grab;
}

/* line 136, app/assets/stylesheets/pages/documents/pages_manager.scss */
#edit-document-page #document-pages-manager .existing-page:hover .sortable-handle {
  visibility: visible;
}

/* ===================================================================== */
/* ===================================================================== */
/* Preview Indicator Header & Page Adjustment
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page {
  padding-top: 50px;
}

/* line 8, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page #preview-indicator-header {
  position: fixed;
  z-index: 3;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-color: #FF3CAC;
  background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
  color: #fff;
  font-weight: 600;
}

/* line 20, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page #close-preview-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* line 27, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page.inline-mobile-preview {
  padding-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Toggle Desktop/Mobile Preview Mode
/* ===================================================================== */
/* ===================================================================== */
/* line 36, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page #preview-indicator-header #toggle-desktop-mobile-preview {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Navigation
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page .document-page #navigation,
#preview-document-page .document-page #navigation {
  position: fixed;
  width: 100%;
  top: 50px;
  z-index: 3;
}

/* line 53, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page .document-page #navigation {
  top: 0px;
}

/* line 58, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page.inline-mobile-preview .document-page #navigation {
  top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Page Navigation
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page .document-page #footer-navigation,
#preview-document-page .document-page #footer-navigation {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  #document-show-page .document-page #footer-navigation,
#preview-document-page .document-page #footer-navigation {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentPage (.document-page)
/* ===================================================================== */
/* ===================================================================== */
/* line 89, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page .document-page,
#preview-document-page .document-page {
  padding-top: 60px;
  min-height: 100vh;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  #document-show-page .document-page,
#preview-document-page .document-page {
    padding-top: 72px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Uploaded Content Top Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 103, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page #uploaded-content-top-bar {
  background-color: #fff;
  text-align: right;
  padding: 10px;
}

/* line 107, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#document-show-page #uploaded-content-top-bar button i {
  font-size: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Columns
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 117, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  #preview-document-page .document-columns .mobile-bottom-margin,
#document-show-page .document-columns .mobile-bottom-margin {
    margin-bottom: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Inline Mobile Preview
/* ===================================================================== */
/* ===================================================================== */
/* line 129, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page #inline-mobile-preview-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #e6e6e6;
  top: 50px;
  z-index: 2;
}

/* line 136, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
#preview-document-page #inline-mobile-preview-container #phone-mockup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border: 18px solid #636363;
  border-radius: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Expired Message
/* ===================================================================== */
/* ===================================================================== */
/* line 147, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
.document-expiration-message-container {
  position: fixed;
  left: 50%;
  bottom: 0px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 1000;
  border-radius: 0px;
  border-top: 1px solid transparent;
  padding: 7px 15px;
  color: transparent;
  background-color: transparent;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 147, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  .document-expiration-message-container {
    left: initial;
    bottom: initial;
    right: 125px;
    top: 17px;
    width: fit-content;
    transform: initial;
    padding: 8px 12px;
    border-radius: 100px;
    border: 1px solid transparent;
    border-width: 1px;
  }
}

/* line 173, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
.document-expiration-message-container i {
  font-size: 20px;
  margin-right: 10px;
}

/* line 179, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
.document-expiration-message-container.for-expired-document {
  border-top-color: #a21515;
  color: #a21515;
  background-color: #fff0f0;
}

@media (min-width: 1200px) {
  /* line 179, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  .document-expiration-message-container.for-expired-document {
    border-color: #a21515;
  }
}

/* line 188, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
.document-expiration-message-container.for-expiration-countdown {
  border-top-color: #d5d5d5;
  color: #8a8a8a;
  background-color: #f6f6f6;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 188, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  .document-expiration-message-container.for-expiration-countdown {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 188, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  .document-expiration-message-container.for-expiration-countdown {
    border-color: #d5d5d5;
  }
}

@media (min-width: 1200px) {
  /* line 198, app/assets/stylesheets/pages/documents/show_and_preview_document.scss */
  #preview-document-page .document-expiration-message-container {
    top: 67px;
    z-index: 2;
  }
}

/* line 1, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .split-grid-layout .left-column-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 16px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .left-column-content {
    grid-gap: 32px;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1600px) {
  /* line 1, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .left-column-content {
    grid-template-columns: 1fr 1fr;
  }
  /* line 16, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .left-column-content .panel--sharing {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  /* line 17, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .left-column-content .panel--actions {
    grid-column: span 2;
  }
  /* line 18, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .left-column-content .panel--expiration {
    grid-column: span 2;
  }
}

/* line 22, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .split-grid-layout .panel--info .panel__content-container,
#manage-document-page .split-grid-layout .panel--expiration .panel__content-container {
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .panel--info .panel__content-container,
#manage-document-page .split-grid-layout .panel--expiration .panel__content-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 1440px) {
  /* line 32, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .panel--info .stacked-data-rows-container {
    grid-template-columns: auto 1fr auto 1fr;
  }
  /* line 35, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .panel--info .stacked-data-rows-container .created_on_row {
    align-self: start;
  }
}

@media (min-width: 1600px) {
  /* line 32, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .split-grid-layout .panel--info .stacked-data-rows-container {
    grid-template-columns: auto 1fr;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Action Blocks
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .panel--actions .panel__content-container {
  display: grid;
  grid-row-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .panel--actions .panel__content-container {
    grid-row-gap: 32px;
  }
}

/* line 55, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-row-gap: 32px;
  grid-template-areas: "icon-and-name view-record" "summary-content summary-content";
  border-bottom: 1px solid #ebebeb;
}

@media (min-width: 1440px) {
  /* line 55, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .action-block-container {
    grid-template-columns: 180px 1fr 200px;
    grid-template-rows: 1fr;
    grid-template-areas: "icon-and-name summary-content view-record";
  }
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .action-block-container {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 32px;
  }
}

/* line 80, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .icon-and-name-container {
  grid-area: icon-and-name;
}

/* line 83, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .view-record-column {
  grid-area: view-record;
  text-align: right;
}

/* line 87, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .summary-content-column {
  grid-area: summary-content;
}

/* line 92, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .icon-and-name-container {
  display: flex;
}

/* line 94, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .icon-and-name-container h4 {
  margin-bottom: 0px;
}

/* line 97, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .icon-and-name-container .page-info {
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .action-block-container .icon-and-name-container .page-info {
    font-size: 13.5px;
  }
}

/* line 104, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .framed-icon.action-icon-container {
  margin-right: 15px;
}

/* line 106, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .action-block-container .framed-icon.action-icon-container i.completed-icon {
  font-weight: 900;
  top: -3px;
  right: -3px;
  left: initial;
  transform: none;
  color: green;
  font-size: 14px;
}

@media (min-width: 1440px) {
  /* line 118, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .action-block-container .view-record-column button {
    width: calc(100% - 32px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contact Share Block
/* ===================================================================== */
/* ===================================================================== */
/* line 129, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .sharing-container-grid {
  display: grid;
  grid-row-gap: 24px;
}

@media (min-width: 1200px) {
  /* line 129, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .sharing-container-grid {
    grid-row-gap: 16px;
  }
}

/* line 137, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebeb;
  border-left: 0px;
  border-right: 0px;
}

@media (min-width: 1200px) {
  /* line 137, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .contact-share-block {
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 0px;
  }
}

/* line 149, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .profile-avatar {
  margin-right: 16px;
}

/* line 154, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .profile-and-status-info {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media (min-width: 1200px) {
  /* line 154, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .contact-share-block .profile-and-status-info {
    margin-bottom: 12px;
  }
}

/* line 163, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .viewing-info {
  display: grid;
  max-width: 400px;
}

@media (min-width: 576px) {
  /* line 163, app/assets/stylesheets/pages/documents/manage_document.scss */
  #manage-document-page .contact-share-block .viewing-info {
    margin-left: 48px;
  }
}

/* line 171, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .viewing-info--for-created-content {
  grid-template-columns: repeat(3, 1fr);
}

/* line 175, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .viewing-info--for-uploaded-content {
  grid-template-columns: repeat(2, 1fr);
}

/* line 179, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .contact-share-block .viewing-info .viewing-info__label {
  display: block;
  color: #727272;
  margin-bottom: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Action Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 190, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  color: #686868;
  margin-top: 3px;
  font-size: 13.5px;
}

/* line 196, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge i {
  margin-right: 2px;
}

/* line 199, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge i.completed {
  color: green;
}

/* line 202, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge i.incomplete {
  color: #c4c4c4;
}

/* line 205, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge i.partial {
  color: #dd9845;
}

/* line 208, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge i.loading {
  color: #c4c4c4;
}

/* line 211, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge:hover {
  cursor: help;
  border-color: #bfbfbf;
}

/* line 218, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge.document-action-badge--pointer-on-hover:hover {
  cursor: pointer;
}

/* line 223, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-contract-tooltip .signature-summary,
.document-action-badge-payment-tooltip .payment-summary,
.document-action-badge-invoice-tooltip .invoice-summary,
.document-action-badge-questions-tooltip .question-summary {
  padding: 5px;
  display: flex;
  align-items: center;
}

/* line 232, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-payment-tooltip .payment-divider {
  height: 1px;
  background-color: #e1e1e1;
  margin: 8px 0px;
}

/* line 236, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-payment-tooltip .payment-divider:last-child {
  height: 0px;
  margin: 0px 0px;
}

/* line 242, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-contract-tooltip .signature-summary i,
.document-action-badge-payment-tooltip .payment-summary i,
.document-action-badge-questions-tooltip .question-summary i {
  font-size: 16px;
  margin-right: 8px;
}

/* line 247, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-contract-tooltip .signature-summary i.signature-issue,
.document-action-badge-payment-tooltip .payment-summary i.signature-issue,
.document-action-badge-questions-tooltip .question-summary i.signature-issue {
  color: #a21515;
}

/* line 250, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-contract-tooltip .signature-summary i.signature-valid, .document-action-badge-contract-tooltip .signature-summary i.payment-valid,
.document-action-badge-payment-tooltip .payment-summary i.signature-valid,
.document-action-badge-payment-tooltip .payment-summary i.payment-valid,
.document-action-badge-questions-tooltip .question-summary i.signature-valid,
.document-action-badge-questions-tooltip .question-summary i.payment-valid {
  color: green;
}

/* line 256, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-questions-tooltip .question-summary.with-issue {
  color: #a21515;
}

/* line 259, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-action-badge-questions-tooltip .question-summary.all-good {
  color: green;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Signature (Document Manager Overrides)
/* ===================================================================== */
/* ===================================================================== */
/* line 269, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 24px;
}

/* line 273, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature:last-child {
  margin-bottom: 0px;
}

/* line 276, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .signature-container {
  width: 100%;
  max-width: 400px;
}

/* line 280, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .dotted-line-container {
  height: 42px !important;
}

/* line 283, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .typed-signature {
  font-size: 21px !important;
}

/* line 286, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .dotted-line-container .click-to-sign i {
  display: none;
}

/* line 289, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .dotted-line-container .typed-signature {
  bottom: 4px;
}

/* line 292, app/assets/stylesheets/pages/documents/manage_document.scss */
#manage-document-page .summary-content-column .content-signature .dotted-line-container .signed-at {
  bottom: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Answers Summary Modal
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 302, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .split-grid-layout--two-column {
    height: unset;
    position: absolute;
    top: 50px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    grid-template-columns: 400px 1fr;
  }
}

/* line 312, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .split-grid-layout--two-column .split-grid-layout-left-column,
#document-answers-summary-modal .split-grid-layout--two-column .split-grid-layout-right-column {
  overflow-y: scroll;
}

/* line 316, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .split-grid-layout--two-column .split-grid-layout-left-column {
  background-color: #fafafa;
}

/* line 321, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .page-container {
  border-top: 1px solid #e4e4e4;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 321, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .page-container {
    padding: 48px;
  }
}

@media (min-width: 1200px) {
  /* line 330, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .page-container .questions-page-header h4 {
    font-weight: 600;
    font-size: 24px;
  }
}

/* line 338, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-blocks-container {
  display: flex;
  flex-direction: column;
}

/* line 344, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block {
  display: grid;
  border-bottom: 1px solid #e4e4e4;
  padding: 32px 0px;
}

@media (min-width: 1200px) {
  /* line 344, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .question-block {
    grid-template-columns: 1fr 60px;
  }
}

/* line 353, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .question-type-column {
  display: none;
}

@media (min-width: 1200px) {
  /* line 353, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .question-block .question-type-column {
    display: block;
    text-align: right;
  }
}

/* line 359, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .question-type-column i {
  opacity: 0.4;
}

/* line 364, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .question-text,
#document-answers-summary-modal .question-block .answer-text {
  color: #656565;
  line-height: 1.5;
}

@media (min-width: 1200px) {
  /* line 364, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .question-block .question-text,
#document-answers-summary-modal .question-block .answer-text {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* line 372, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .question-text.no-answer,
#document-answers-summary-modal .question-block .answer-text.no-answer {
  opacity: 0.5;
}

/* line 377, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .question-text {
  font-weight: 600;
  color: #2f2f2f;
}

/* line 382, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-block .answer-text.answer-badge {
  display: inline-block;
  border: 1px solid #e8e8e8;
  padding: 4px 8px;
  border-radius: 8px;
  margin: 4px 4px 4px 0px;
}

@media (min-width: 1200px) {
  /* line 382, app/assets/stylesheets/pages/documents/manage_document.scss */
  #document-answers-summary-modal .question-block .answer-text.answer-badge {
    padding: 4px 10px;
  }
}

/* line 393, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-for-index {
  position: relative;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid transparent;
}

/* line 398, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-for-index .required-indicator {
  position: absolute;
  left: -18px;
  top: 4px;
  color: red;
  font-size: 11px;
}

/* line 405, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .question-for-index:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

/* line 411, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-answers-summary-modal .qa-link[aria-current="true"],
#document-answers-summary-modal .qa-link.is-active {
  outline: 2px solid transparent;
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
#document-answers-summary-modal .qa-link[aria-current="true"] i,
#document-answers-summary-modal .qa-link.is-active i {
  color: #2f2f2f;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Progress Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 423, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar-container {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 423, app/assets/stylesheets/pages/documents/manage_document.scss */
  .document-progress-bar-container {
    padding-left: 8px;
  }
}

/* line 430, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar {
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #dedede;
  border-radius: 6px;
}

@media (min-width: 576px) {
  /* line 430, app/assets/stylesheets/pages/documents/manage_document.scss */
  .document-progress-bar {
    margin-left: 16px;
    margin-right: initial;
  }
}

@media (min-width: 1200px) {
  /* line 430, app/assets/stylesheets/pages/documents/manage_document.scss */
  .document-progress-bar {
    margin-left: 0px;
  }
}

/* line 446, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar .step {
  padding: 8px;
  font-size: 14px;
  background-color: #f7f7f7;
  color: #9a9a9a;
  border-left: 1px solid #dedede;
}

@media (min-width: 576px) {
  /* line 446, app/assets/stylesheets/pages/documents/manage_document.scss */
  .document-progress-bar .step {
    font-size: 14px;
    padding: 8px 15px;
  }
}

@media (min-width: 576px) and (min-width: 576px) {
  /* line 446, app/assets/stylesheets/pages/documents/manage_document.scss */
  .document-progress-bar .step {
    font-size: 13.5px;
  }
}

/* line 456, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar .step:first-child {
  border-left-width: 0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 461, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar .step:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 465, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-progress-bar .step.completed {
  background-color: #fff;
  color: #6a6a6a;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Edit Folder Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 477, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-edit-folder-modal .document-folder-container {
  padding: 15px;
  border-radius: 6px;
  transition: all 0.3s;
  color: teal;
}

/* line 482, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-edit-folder-modal .document-folder-container:hover {
  background-color: #ededed;
}

/* line 485, app/assets/stylesheets/pages/documents/manage_document.scss */
#document-edit-folder-modal .document-folder-container.current-folder {
  background-color: #dff0f0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Activity Indicator Icon
/* ===================================================================== */
/* ===================================================================== */
/* line 495, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-activity-indicator-icon {
  position: relative;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  color: #d9d9d9;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  margin-right: 8px;
}

/* line 505, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-activity-indicator-icon.on {
  background-color: #f6f6f6;
  color: #a2a2a2;
  border-color: #d2d2d2;
}

/* line 510, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-activity-indicator-icon .icon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 513, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-activity-indicator-icon i {
  font-size: 13px;
  display: block;
}

/* line 517, app/assets/stylesheets/pages/documents/manage_document.scss */
.document-activity-indicator-icon i.fa-spinner {
  color: #b3b3b3;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight Elements
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element,
#edit-document-page .content-answer-option .highlight-element,
#edit-document-page .contract-part-section .highlight-element,
#edit-document-page .contract-part-clause .highlight-element {
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s;
  /* Edges
    ======================================================================== */
  /* Container Label
    ======================================================================== */
}

/* line 16, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge,
#edit-document-page .content-answer-option .highlight-element.edge,
#edit-document-page .contract-part-section .highlight-element.edge,
#edit-document-page .contract-part-clause .highlight-element.edge {
  z-index: 1;
}

/* line 18, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.x,
#edit-document-page .content-answer-option .highlight-element.edge.x,
#edit-document-page .contract-part-section .highlight-element.edge.x,
#edit-document-page .contract-part-clause .highlight-element.edge.x {
  height: 1px;
  width: 100%;
}

/* line 22, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.y,
#edit-document-page .content-answer-option .highlight-element.edge.y,
#edit-document-page .contract-part-section .highlight-element.edge.y,
#edit-document-page .contract-part-clause .highlight-element.edge.y {
  height: 100%;
  width: 1px;
}

/* line 26, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.top,
#edit-document-page .content-answer-option .highlight-element.edge.top,
#edit-document-page .contract-part-section .highlight-element.edge.top,
#edit-document-page .contract-part-clause .highlight-element.edge.top {
  top: 0px;
  left: 0px;
}

/* line 30, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.right,
#edit-document-page .content-answer-option .highlight-element.edge.right,
#edit-document-page .contract-part-section .highlight-element.edge.right,
#edit-document-page .contract-part-clause .highlight-element.edge.right {
  top: 0px;
  right: 0px;
}

/* line 34, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.bottom,
#edit-document-page .content-answer-option .highlight-element.edge.bottom,
#edit-document-page .contract-part-section .highlight-element.edge.bottom,
#edit-document-page .contract-part-clause .highlight-element.edge.bottom {
  bottom: 0px;
  left: 0px;
}

/* line 38, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.edge.left,
#edit-document-page .content-answer-option .highlight-element.edge.left,
#edit-document-page .contract-part-section .highlight-element.edge.left,
#edit-document-page .contract-part-clause .highlight-element.edge.left {
  top: 0px;
  left: 0px;
}

/* line 45, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section .highlight-element.container-label,
#edit-document-page .content-answer-option .highlight-element.container-label,
#edit-document-page .contract-part-section .highlight-element.container-label,
#edit-document-page .contract-part-clause .highlight-element.container-label {
  top: -27px;
  left: 5px;
  background-color: #4dc6ce;
  padding: 5px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
  visibility: hidden;
}

/* line 62, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block .highlight-element.edge.top {
  top: -1px;
}

/* line 65, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block .highlight-element.edge.bottom {
  bottom: -1px;
}

/* line 68, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block .highlight-element.edge.left {
  left: -1px;
}

/* line 71, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block .highlight-element.edge.right {
  right: -1px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight Primary
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-primary .highlight-element.section.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 89, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-primary .highlight-element.section.container-label {
  visibility: visible !important;
  opacity: 100 !important;
  background-color: #4dc6ce;
}

/* line 94, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-primary .add-block-button {
  max-height: 100px;
}

/* line 97, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-primary .add-block-button.empty {
  opacity: 1;
}

/* line 100, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-primary .add-section-button {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 100, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-section.highlight-primary .add-section-button {
    display: block;
    max-height: 100px;
    opacity: 100;
  }
}

/* line 113, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.template-pointer.highlight-primary .highlight-element.section.edge {
  background-color: #898989;
}

/* line 116, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.template-pointer.highlight-primary .highlight-element.section.container-label {
  background-color: #898989;
}

/* line 124, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-primary .highlight-element.block.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 128, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-primary .highlight-element.block.container-label {
  visibility: visible;
  opacity: 100;
  background-color: #4dc6ce;
}

/* line 133, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-primary .add-block-button {
  max-height: 0px;
}

@media (min-width: 1200px) {
  /* line 133, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-block.highlight-primary .add-block-button {
    display: block;
    max-height: 120px;
    opacity: 100;
  }
}

/* line 146, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .content-answer-option.highlight-primary .highlight-element.answer-option.edge {
  background-color: #4dc6ce;
  opacity: .4;
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight Secondary
/* ===================================================================== */
/* ===================================================================== */
/* line 161, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-secondary .highlight-element.section.edge {
  background-color: #c3f0f2;
  opacity: 100;
}

/* line 165, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-secondary .add-section-button {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 165, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-section.highlight-secondary .add-section-button {
    display: block;
    max-height: 100px;
    opacity: 100;
  }
}

/* line 178, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-secondary .highlight-element.section.edge {
  background-color: #c3f0f2;
  opacity: 100;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight Selected
/* ===================================================================== */
/* ===================================================================== */
/* line 192, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .highlight-element.section.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 196, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .highlight-element.section.container-label {
  visibility: visible;
  opacity: 100;
  background-color: #4dc6ce;
}

@media (min-width: 1200px) {
  /* line 201, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-section.highlight-selected .desktop-action-menu.section {
    display: block;
  }
}

/* line 206, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .add-block-button {
  max-height: 100px;
}

/* line 209, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .add-block-button.empty {
  opacity: 100;
}

/* line 212, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .document-column {
  border-color: #e2e2e2;
}

/* line 215, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected .gutter-col {
  visibility: visible;
}

/* line 223, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.template-pointer.highlight-selected .highlight-element.section.edge {
  background-color: #898989;
}

/* line 226, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.template-pointer.highlight-selected .highlight-element.section.container-label {
  background-color: #898989;
}

/* line 233, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 236, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .highlight-element.block.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 240, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .highlight-element.block.container-label {
  visibility: visible;
  opacity: 100;
  background-color: #4dc6ce;
}

@media (min-width: 1200px) {
  /* line 245, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-block.highlight-selected .desktop-action-menu.block {
    display: block;
  }
}

/* line 250, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .add-block-button {
  max-height: 0px;
}

@media (min-width: 1200px) {
  /* line 250, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-block.highlight-selected .add-block-button {
    display: block;
    max-height: 120px;
    opacity: 100;
  }
}

/* line 258, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .add-block-button.bottom {
  bottom: 19px;
}

/* line 261, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .content.content-question.dropdown .content-answer-options-container {
  display: block !important;
}

/* line 264, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected .add-option-button {
  display: inline-block !important;
}

/* DocumentBlocks within a Contract DocumentSection */
/* line 272, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section[data-section-type="contract"] .document-block.highlight-selected {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Add padding to DocumentBlock Contract when selected */
/* line 281, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section[data-section-type="contract"] .document-block.highlight-selected .content-contract {
  padding-top: 65px;
}

/* line 289, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .content-answer-option.highlight-selected .highlight-element.answer-option.edge {
  background-color: #4dc6ce;
  opacity: .4;
  z-index: 1;
}

/* line 302, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-block.highlight-selected[data-content-type="ContentQuestion"] .content-answer-option .answer-option-icons-container .action-items-icons {
  display: inline-block !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight Selected Secondary
/* ===================================================================== */
/* ===================================================================== */
/* line 315, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected-secondary .highlight-element.section.edge {
  background-color: #cde6e7;
  opacity: 100;
}

/* line 319, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected-secondary .highlight-element.section.container-label {
  opacity: 0;
}

@media (min-width: 1200px) {
  /* line 323, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-section.highlight-selected-secondary .add-block-button {
    max-height: 100px;
  }
}

/* line 328, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected-secondary .add-block-button.empty {
  opacity: 100;
}

/* line 331, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected-secondary .document-column {
  border-color: #c4c4c4;
}

/* line 334, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected-secondary .gutter-col {
  visibility: visible;
}

/* ===================================================================== */
/* ===================================================================== */
/* Highlight DocumentSection company_template editing
/* ===================================================================== */
/* ===================================================================== */
/* line 347, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .highlight-element.section.edge {
  background-color: #cb9112;
  opacity: 100;
}

/* line 351, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .highlight-element.section.container-label {
  visibility: visible !important;
  opacity: 100 !important;
  background-color: #cb9112;
}

/* line 356, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .add-block-button {
  max-height: 100px;
}

/* line 359, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .add-block-button.empty {
  opacity: 1;
}

/* line 362, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .add-section-button {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 362, app/assets/stylesheets/pages/documents/highlighting.scss */
  #edit-document-page .document-section.highlight-document-section-template-editor .add-section-button {
    display: block;
    max-height: 100px;
    opacity: 100;
  }
}

/* line 370, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .document-column {
  border-color: #c4c4c4;
}

/* line 373, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-document-section-template-editor .gutter-col {
  visibility: visible;
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection Template Pointer Overrides
/* ===================================================================== */
/* ===================================================================== */
/* line 384, app/assets/stylesheets/pages/documents/highlighting.scss */
.document-section.template-pointer .document-column {
  border-color: transparent !important;
}

/* line 388, app/assets/stylesheets/pages/documents/highlighting.scss */
.document-section.template-pointer:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* DocumentSection that can't have column counts updated
/* ===================================================================== */
/* ===================================================================== */
/* line 398, app/assets/stylesheets/pages/documents/highlighting.scss */
#edit-document-page .document-section.highlight-selected[data-can-have-column-count-updated='false'] .document-column {
  border-color: transparent !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-container,
#preview-document-page .document-block .content-container,
#edit-document-page .document-block .content-container {
  margin-left: 0px;
  margin-right: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Navigation
/* ===================================================================== */
/* ===================================================================== */
/* line 18, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container #navigation {
  /* .selected is for Edit Mode only */
}

/* line 20, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container #navigation.selected {
  -webkit-box-shadow: 0px 0px 17px 8px black;
  box-shadow: 0px 0px 17px 8px black;
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/pages/documents/content.scss */
  #edit-document-page #document-page-container #navigation:not(.selected):hover {
    -webkit-box-shadow: 0px 0px 17px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 17px 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
  }
}

/* line 35, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation,
#preview-document-page #navigation,
#edit-document-page #document-page-container #navigation {
  position: relative;
  border-bottom: 2px dotted #e9e9e9;
  height: 60px;
  background-color: #fff;
  /* Page Link Container
  ======================================================================== */
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation,
#preview-document-page #navigation,
#edit-document-page #document-page-container #navigation {
    height: 72px;
  }
}

/* line 45, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation button,
#preview-document-page #navigation button,
#edit-document-page #document-page-container #navigation button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 47, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation button i,
#preview-document-page #navigation button i,
#edit-document-page #document-page-container #navigation button i {
  margin: 0px 4px;
}

@media (min-width: 1200px) {
  /* line 45, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation button,
#preview-document-page #navigation button,
#edit-document-page #document-page-container #navigation button {
    padding: 14px;
    font-size: 14px;
  }
}

/* line 55, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #previous-page-button,
#preview-document-page #navigation #previous-page-button,
#edit-document-page #document-page-container #navigation #previous-page-button {
  left: 20px;
}

/* line 58, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #next-page-button, #document-show-page #navigation #done-button,
#preview-document-page #navigation #next-page-button,
#preview-document-page #navigation #done-button,
#edit-document-page #document-page-container #navigation #next-page-button,
#edit-document-page #document-page-container #navigation #done-button {
  right: 20px;
}

/* line 61, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-of-container,
#preview-document-page #navigation #page-of-container,
#edit-document-page #document-page-container #navigation #page-of-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: calc(100% - 150px);
  text-align: center;
}

@media (min-width: 576px) {
  /* line 61, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation #page-of-container,
#preview-document-page #navigation #page-of-container,
#edit-document-page #document-page-container #navigation #page-of-container {
    width: initial;
  }
}

/* line 68, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-of-container:hover,
#preview-document-page #navigation #page-of-container:hover,
#edit-document-page #document-page-container #navigation #page-of-container:hover {
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-of-container p,
#preview-document-page #navigation #page-of-container p,
#edit-document-page #document-page-container #navigation #page-of-container p {
  line-height: 17px;
  margin: 0px;
}

@media (min-width: 1200px) {
  /* line 71, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation #page-of-container p,
#preview-document-page #navigation #page-of-container p,
#edit-document-page #document-page-container #navigation #page-of-container p {
    line-height: 18px;
  }
}

/* line 81, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-link-container,
#preview-document-page #navigation #page-link-container,
#edit-document-page #document-page-container #navigation #page-link-container {
  display: none;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  top: 32px;
  width: 66%;
  max-width: 350px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  /* Page Links
    ======================================================================== */
}

@media (min-width: 1200px) {
  /* line 81, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation #page-link-container,
#preview-document-page #navigation #page-link-container,
#edit-document-page #document-page-container #navigation #page-link-container {
    top: 41px;
  }
}

/* line 98, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-link-container .page-link-block,
#preview-document-page #navigation #page-link-container .page-link-block,
#edit-document-page #document-page-container #navigation #page-link-container .page-link-block {
  display: block;
  padding: 13px 15px;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 98, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation #page-link-container .page-link-block,
#preview-document-page #navigation #page-link-container .page-link-block,
#edit-document-page #document-page-container #navigation #page-link-container .page-link-block {
    padding: 16px 22px;
  }
  /* line 104, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page #navigation #page-link-container .page-link-block:hover,
#preview-document-page #navigation #page-link-container .page-link-block:hover,
#edit-document-page #document-page-container #navigation #page-link-container .page-link-block:hover {
    background-color: #f0f0f0;
    cursor: pointer;
  }
}

/* line 109, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-link-container .page-link-block i,
#preview-document-page #navigation #page-link-container .page-link-block i,
#edit-document-page #document-page-container #navigation #page-link-container .page-link-block i {
  margin-right: 5px;
}

/* line 112, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation #page-link-container .page-link-block i.fas,
#preview-document-page #navigation #page-link-container .page-link-block i.fas,
#edit-document-page #document-page-container #navigation #page-link-container .page-link-block i.fas {
  color: teal;
}

/* line 117, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page #navigation.selected #page-link-container,
#preview-document-page #navigation.selected #page-link-container,
#edit-document-page #document-page-container #navigation.selected #page-link-container {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Form Design
/* ===================================================================== */
/* ===================================================================== */
/* line 131, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-text .form-group, #document-show-page .content.content-question .form-group,
#preview-document-page .content.content-text .form-group,
#preview-document-page .content.content-question .form-group,
#edit-document-page #document-page-container .content.content-text .form-group,
#edit-document-page #document-page-container .content.content-question .form-group {
  margin-bottom: 0px;
}

/* line 134, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-text input, #document-show-page .content.content-text textarea, #document-show-page .content.content-text select, #document-show-page .content.content-question input, #document-show-page .content.content-question textarea, #document-show-page .content.content-question select,
#preview-document-page .content.content-text input,
#preview-document-page .content.content-text textarea,
#preview-document-page .content.content-text select,
#preview-document-page .content.content-question input,
#preview-document-page .content.content-question textarea,
#preview-document-page .content.content-question select,
#edit-document-page #document-page-container .content.content-text input,
#edit-document-page #document-page-container .content.content-text textarea,
#edit-document-page #document-page-container .content.content-text select,
#edit-document-page #document-page-container .content.content-question input,
#edit-document-page #document-page-container .content.content-question textarea,
#edit-document-page #document-page-container .content.content-question select {
  padding: 0px;
  border: 0px;
  box-shadow: none;
  resize: none;
  background-color: transparent;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Text (default paragraph)
/* ===================================================================== */
/* ===================================================================== */
/* line 155, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-text p, #document-show-page .document-block .content-contract p, #document-show-page .document-block .contract-part p, #document-show-page .document-block #contract-signatures-container p,
#preview-document-page .document-block .content-text p,
#preview-document-page .document-block .content-contract p,
#preview-document-page .document-block .contract-part p,
#preview-document-page .document-block #contract-signatures-container p,
#edit-document-page .document-block .content-container .content-text p,
#edit-document-page .document-block .content-container .content-contract p,
#edit-document-page .document-block .content-container .contract-part p,
#edit-document-page .document-block .content-container #contract-signatures-container p,
#edit-document-page .structured-contract-page-container .content-text p,
#edit-document-page .structured-contract-page-container .content-contract p,
#edit-document-page .structured-contract-page-container .contract-part p,
#edit-document-page .structured-contract-page-container #contract-signatures-container p,
#preview-document-page .structured-contract-page-container .content-text p,
#preview-document-page .structured-contract-page-container .content-contract p,
#preview-document-page .structured-contract-page-container .contract-part p,
#preview-document-page .structured-contract-page-container #contract-signatures-container p,
#document-show-page .structured-contract-page-container .content-text p,
#document-show-page .structured-contract-page-container .content-contract p,
#document-show-page .structured-contract-page-container .contract-part p,
#document-show-page .structured-contract-page-container #contract-signatures-container p {
  font-size: 15.5px;
  line-height: 27px;
  color: #151719;
  margin-bottom: 0px;
}

/* line 167, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block .content-container .contract-part .editable-content-container p,
#edit-document-page .structured-contract-page-container .contract-part .editable-content-container p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 172, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block .content-container .contract-part p:first-of-type,
#edit-document-page .structured-contract-page-container .contract-part p:first-of-type {
  margin-top: 0px;
}

/* line 175, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block .content-container .contract-part p:last-of-type,
#edit-document-page .structured-contract-page-container .contract-part p:last-of-type {
  margin-bottom: 0px;
}

/* line 184, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .contract-part p,
#preview-document-page .document-block .contract-part p,
#preview-document-page .structured-contract-page-container .contract-part p,
#document-show-page .structured-contract-page-container .contract-part p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 187, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .contract-part p:first-child,
#preview-document-page .document-block .contract-part p:first-child,
#preview-document-page .structured-contract-page-container .contract-part p:first-child,
#document-show-page .structured-contract-page-container .contract-part p:first-child {
  margin-top: 0px;
}

/* line 190, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .contract-part p:last-child,
#preview-document-page .document-block .contract-part p:last-child,
#preview-document-page .structured-contract-page-container .contract-part p:last-child,
#document-show-page .structured-contract-page-container .contract-part p:last-child {
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Images
/* ===================================================================== */
/* ===================================================================== */
/* line 201, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image,
#preview-document-page .document-block .content.content-image,
#edit-document-page .document-block .content.content-image {
  /* Image
  ======================================================================== */
  /* Circle Image
  ======================================================================== */
  /* Alignment
  ======================================================================== */
  /* Placeholder Image
  ======================================================================== */
}

/* line 206, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image img,
#preview-document-page .document-block .content.content-image img,
#edit-document-page .document-block .content.content-image img {
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 214, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image.circle img,
#preview-document-page .document-block .content.content-image.circle img,
#edit-document-page .document-block .content.content-image.circle img {
  border-radius: 100% !important;
}

/* line 220, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image.center img,
#preview-document-page .document-block .content.content-image.center img,
#edit-document-page .document-block .content.content-image.center img {
  margin-left: auto;
  margin-right: auto;
}

/* line 224, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image.right img,
#preview-document-page .document-block .content.content-image.right img,
#edit-document-page .document-block .content.content-image.right img {
  margin-left: auto;
}

/* line 227, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image.left img,
#preview-document-page .document-block .content.content-image.left img,
#edit-document-page .document-block .content.content-image.left img {
  margin-right: auto;
}

/* line 230, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image.fill img,
#preview-document-page .document-block .content.content-image.fill img,
#edit-document-page .document-block .content.content-image.fill img {
  max-width: 100% !important;
  width: 100%;
}

/* line 236, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image .placeholder-image-container,
#preview-document-page .document-block .content.content-image .placeholder-image-container,
#edit-document-page .document-block .content.content-image .placeholder-image-container {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #c0e0e4;
}

@media (min-width: 576px) {
  /* line 236, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .document-block .content.content-image .placeholder-image-container,
#preview-document-page .document-block .content.content-image .placeholder-image-container,
#edit-document-page .document-block .content.content-image .placeholder-image-container {
    height: 225px;
  }
}

@media (min-width: 1200px) {
  /* line 245, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .document-block .content.content-image .placeholder-image-container:hover,
#preview-document-page .document-block .content.content-image .placeholder-image-container:hover,
#edit-document-page .document-block .content.content-image .placeholder-image-container:hover {
    cursor: pointer;
  }
}

/* line 249, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image .placeholder-image-container .icon-and-text,
#preview-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text,
#edit-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #2e7182;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 249, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .document-block .content.content-image .placeholder-image-container .icon-and-text,
#preview-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text,
#edit-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text {
    font-size: 14.5px;
  }
}

/* line 254, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-image .placeholder-image-container .icon-and-text i,
#preview-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text i,
#edit-document-page .document-block .content.content-image .placeholder-image-container .icon-and-text i {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Videos
/* ===================================================================== */
/* ===================================================================== */
/* Edit Click Intercept
======================================================================== */
/* line 269, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block .content.content-video .click-intercept {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

/* line 275, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video,
#preview-document-page .document-block .content.content-video,
#edit-document-page .document-block .content.content-video {
  /* Placeholder Video
  ======================================================================== */
  /* YouTube Embed Container
  ======================================================================== */
}

/* line 280, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .placeholder-video-container,
#preview-document-page .document-block .content.content-video .placeholder-video-container,
#edit-document-page .document-block .content.content-video .placeholder-video-container {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #c0e0e4;
}

@media (min-width: 576px) {
  /* line 280, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .document-block .content.content-video .placeholder-video-container,
#preview-document-page .document-block .content.content-video .placeholder-video-container,
#edit-document-page .document-block .content.content-video .placeholder-video-container {
    height: 250px;
  }
}

/* line 288, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .placeholder-video-container .icon-and-text,
#preview-document-page .document-block .content.content-video .placeholder-video-container .icon-and-text,
#edit-document-page .document-block .content.content-video .placeholder-video-container .icon-and-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #2e7182;
  text-align: center;
}

/* line 292, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .placeholder-video-container .icon-and-text i,
#preview-document-page .document-block .content.content-video .placeholder-video-container .icon-and-text i,
#edit-document-page .document-block .content.content-video .placeholder-video-container .icon-and-text i {
  display: block;
}

/* line 297, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .placeholder-video-container.with-error,
#preview-document-page .document-block .content.content-video .placeholder-video-container.with-error,
#edit-document-page .document-block .content.content-video .placeholder-video-container.with-error {
  background-color: #e2bdbd;
}

/* line 299, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .placeholder-video-container.with-error .icon-and-text,
#preview-document-page .document-block .content.content-video .placeholder-video-container.with-error .icon-and-text,
#edit-document-page .document-block .content.content-video .placeholder-video-container.with-error .icon-and-text {
  color: red;
}

/* line 305, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .youtube-embed-container,
#preview-document-page .document-block .content.content-video .youtube-embed-container,
#edit-document-page .document-block .content.content-video .youtube-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

/* line 311, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-video .youtube-embed-container iframe,
#preview-document-page .document-block .content.content-video .youtube-embed-container iframe,
#edit-document-page .document-block .content.content-video .youtube-embed-container iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Dividers
/* ===================================================================== */
/* ===================================================================== */
/* line 330, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-divider .line.left,
#preview-document-page .document-block .content.content-divider .line.left,
#edit-document-page .document-block .content.content-divider .line.left {
  left: 0px;
  transform: translateY(-50%) translateX(0%);
}

/* line 334, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content.content-divider .line.right,
#preview-document-page .document-block .content.content-divider .line.right,
#edit-document-page .document-block .content.content-divider .line.right {
  right: 0px;
  left: initial;
  transform: translateY(-50%) translateX(0%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Questions
/* ===================================================================== */
/* ===================================================================== */
/* line 347, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question,
#preview-document-page .content.content-question,
#edit-document-page #document-page-container .content.content-question {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  /* Question Field
  ======================================================================== */
  /* Add Option Button
  ======================================================================== */
  /* Placeholder Answer & Answer
  ======================================================================== */
  /* Placeholder Answer Field Specific
  ======================================================================== */
}

/* line 355, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question #content_question_question,
#preview-document-page .content.content-question #content_question_question,
#edit-document-page #document-page-container .content.content-question #content_question_question {
  font-size: 17px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 355, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question #content_question_question,
#preview-document-page .content.content-question #content_question_question,
#edit-document-page #document-page-container .content.content-question #content_question_question {
    font-size: 16px;
  }
}

/* line 361, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .add-option-button,
#preview-document-page .content.content-question .add-option-button,
#edit-document-page #document-page-container .content.content-question .add-option-button {
  font-size: 16px;
  display: none;
  padding-left: 8px;
  margin-top: 8px;
}

@media (min-width: 576px) {
  /* line 361, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .add-option-button,
#preview-document-page .content.content-question .add-option-button,
#edit-document-page #document-page-container .content.content-question .add-option-button {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 361, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .add-option-button,
#preview-document-page .content.content-question .add-option-button,
#edit-document-page #document-page-container .content.content-question .add-option-button {
    margin-top: 13px;
  }
}

/* line 372, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .placeholder-answer-field, #document-show-page .content.content-question .answer-field, #document-show-page .content.content-question select,
#preview-document-page .content.content-question .placeholder-answer-field,
#preview-document-page .content.content-question .answer-field,
#preview-document-page .content.content-question select,
#edit-document-page #document-page-container .content.content-question .placeholder-answer-field,
#edit-document-page #document-page-container .content.content-question .answer-field,
#edit-document-page #document-page-container .content.content-question select {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 8px;
}

/* line 377, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .placeholder-answer-field:disabled:hover, #document-show-page .content.content-question .answer-field:disabled:hover, #document-show-page .content.content-question select:disabled:hover,
#preview-document-page .content.content-question .placeholder-answer-field:disabled:hover,
#preview-document-page .content.content-question .answer-field:disabled:hover,
#preview-document-page .content.content-question select:disabled:hover,
#edit-document-page #document-page-container .content.content-question .placeholder-answer-field:disabled:hover,
#edit-document-page #document-page-container .content.content-question .answer-field:disabled:hover,
#edit-document-page #document-page-container .content.content-question select:disabled:hover {
  cursor: not-allowed;
}

/* line 384, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .placeholder-answer-field,
#preview-document-page .content.content-question .placeholder-answer-field,
#edit-document-page #document-page-container .content.content-question .placeholder-answer-field {
  color: #7e7e7e;
}

/* line 386, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .placeholder-answer-field.dropdown,
#preview-document-page .content.content-question .placeholder-answer-field.dropdown,
#edit-document-page #document-page-container .content.content-question .placeholder-answer-field.dropdown {
  position: relative;
  width: 225px;
  height: 45px;
}

/* line 390, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .placeholder-answer-field.dropdown i,
#preview-document-page .content.content-question .placeholder-answer-field.dropdown i,
#edit-document-page #document-page-container .content.content-question .placeholder-answer-field.dropdown i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: #9e9e9e;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Question (Required Question Error)
/* ===================================================================== */
/* ===================================================================== */
/* line 405, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .error-stripe {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 5px;
  background-color: #ad3434;
}

/* line 415, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question.required-error {
  color: #ad3434;
}

/* line 417, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question.required-error .error-stripe {
  display: none;
}

/* line 420, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question.required-error input, #document-show-page .content.content-question.required-error textarea, #document-show-page .content.content-question.required-error select {
  background-color: #ffd0d0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Required Question Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 433, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .required-indicator,
#preview-document-page .content.content-question .required-indicator,
#edit-document-page #document-page-container .content.content-question .required-indicator {
  display: none;
  color: #ad3434;
  font-size: 14px;
  margin-bottom: 9px;
}

/* line 440, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question.required-question .required-indicator,
#preview-document-page .content.content-question.required-question .required-indicator,
#edit-document-page #document-page-container .content.content-question.required-question .required-indicator {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Answer Options
/* ===================================================================== */
/* ===================================================================== */
/* line 452, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question.dropdown .content-answer-options-container {
  display: none;
}

/* line 456, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option {
  position: relative;
  /* Input Field Container
  ======================================================================== */
  /* Input Field
  ======================================================================== */
  /* Checkboxes and Radio Buttons
  ======================================================================== */
}

/* line 460, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option .form-container.field-container {
  width: calc(100% - 100px);
}

/* line 466, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option textarea.answer-option {
  border-radius: 0px;
  padding: 0px;
  padding-top: 18px;
}

/* line 478, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option .answer-option-icons-container .answer-option-icons i {
  display: none;
}

@media (min-width: 1200px) {
  /* line 478, app/assets/stylesheets/pages/documents/content.scss */
  #edit-document-page #document-page-container .content.content-question .content-answer-option .answer-option-icons-container .answer-option-icons i {
    font-size: 22px;
  }
}

/* line 487, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option .answer-option-icons-container .action-items-icons {
  display: none;
  margin-right: 12px;
}

/* line 492, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option .answer-option-icons-container .action-items-icons i {
  margin-left: 5px;
}

@media (min-width: 1200px) {
  /* line 492, app/assets/stylesheets/pages/documents/content.scss */
  #edit-document-page #document-page-container .content.content-question .content-answer-option .answer-option-icons-container .action-items-icons i {
    font-size: 18px;
  }
}

/* line 501, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='single_choice'] textarea, #edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='multiple_choice'] textarea {
  padding-left: 10px;
}

@media (min-width: 1200px) {
  /* line 501, app/assets/stylesheets/pages/documents/content.scss */
  #edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='single_choice'] textarea, #edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='multiple_choice'] textarea {
    padding-left: 20px;
  }
}

/* line 509, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='single_choice'] .answer-option-icons .fa-circle {
  display: inline-block;
}

/* line 514, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page #document-page-container .content.content-question .content-answer-option[data-question-type='multiple_choice'] .answer-option-icons .fa-square {
  display: inline-block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Answer Option (Preview & Show Mode)
/* ===================================================================== */
/* ===================================================================== */
/* Circle and Square icon handling
======================================================================== */
/* line 530, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option .fa-circle, #document-show-page .content.content-question .content-answer-option .fa-square, #document-show-page .content.content-question .content-answer-option .fa-square-check, #document-show-page .content.content-question .content-answer-option .fa-circle-dot,
#preview-document-page .content.content-question .content-answer-option .fa-circle,
#preview-document-page .content.content-question .content-answer-option .fa-square,
#preview-document-page .content.content-question .content-answer-option .fa-square-check,
#preview-document-page .content.content-question .content-answer-option .fa-circle-dot {
  display: none;
}

@media (min-width: 1200px) {
  /* line 530, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .content-answer-option .fa-circle, #document-show-page .content.content-question .content-answer-option .fa-square, #document-show-page .content.content-question .content-answer-option .fa-square-check, #document-show-page .content.content-question .content-answer-option .fa-circle-dot,
#preview-document-page .content.content-question .content-answer-option .fa-circle,
#preview-document-page .content.content-question .content-answer-option .fa-square,
#preview-document-page .content.content-question .content-answer-option .fa-square-check,
#preview-document-page .content.content-question .content-answer-option .fa-circle-dot {
    font-size: 25px;
  }
}

/* line 537, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-question-type='single_choice'] .fa-circle,
#preview-document-page .content.content-question .content-answer-option[data-question-type='single_choice'] .fa-circle {
  display: inline-block;
}

/* line 542, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-question-type='multiple_choice'] .fa-square,
#preview-document-page .content.content-question .content-answer-option[data-question-type='multiple_choice'] .fa-square {
  display: inline-block;
}

/* line 547, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-selected="true"] .fa-circle,
#preview-document-page .content.content-question .content-answer-option[data-selected="true"] .fa-circle {
  display: none;
}

/* line 550, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-selected="true"] .fa-square,
#preview-document-page .content.content-question .content-answer-option[data-selected="true"] .fa-square {
  display: none;
}

/* line 554, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-selected="true"][data-question-type='single_choice'] .fa-circle-dot,
#preview-document-page .content.content-question .content-answer-option[data-selected="true"][data-question-type='single_choice'] .fa-circle-dot {
  display: inline-block;
}

/* line 559, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option[data-selected="true"][data-question-type='multiple_choice'] .fa-square-check,
#preview-document-page .content.content-question .content-answer-option[data-selected="true"][data-question-type='multiple_choice'] .fa-square-check {
  display: inline-block;
}

/* .content-answer-options
======================================================================== */
/* line 568, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option,
#preview-document-page .content.content-question .content-answer-options {
  margin-top: 10px;
}

/* .content-answer-option
======================================================================== */
/* line 575, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option,
#preview-document-page .content.content-question .content-answer-option {
  display: inline-block;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 5px;
}

@media (min-width: 1200px) {
  /* line 575, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .content-answer-option,
#preview-document-page .content.content-question .content-answer-option {
    padding-right: 15px;
  }
  /* line 583, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .content-answer-option:hover,
#preview-document-page .content.content-question .content-answer-option:hover {
    background-color: #f3f3f3;
    cursor: pointer;
  }
}

/* line 588, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option i,
#preview-document-page .content.content-question .content-answer-option i {
  margin-right: 5px;
}

/* line 591, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .content.content-question .content-answer-option .answer-label,
#preview-document-page .content.content-question .content-answer-option .answer-label {
  display: inline-block;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 591, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .content-answer-option .answer-label,
#preview-document-page .content.content-question .content-answer-option .answer-label {
    top: -4px;
  }
}

@media (min-width: 1200px) {
  /* line 599, app/assets/stylesheets/pages/documents/content.scss */
  #document-show-page .content.content-question .content-answer-option[data-can-be-answered='false']:hover,
#preview-document-page .content.content-question .content-answer-option[data-can-be-answered='false']:hover {
    background-color: transparent;
    cursor: not-allowed;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Contract Element
/* ===================================================================== */
/* ===================================================================== */
/* line 613, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-contract-element,
#preview-document-page .document-block .content-contract-element,
#edit-document-page .document-block .content-contract-element {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 620, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-contract-element p,
#preview-document-page .document-block .content-contract-element p,
#edit-document-page .document-block .content-contract-element p {
  margin-bottom: 0px;
}

/* line 625, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block .content-contract-element #header-text {
  height: 0px;
  overflow: hidden;
  transition: height 0.2s;
}

/* line 630, app/assets/stylesheets/pages/documents/content.scss */
#edit-document-page .document-block.highlight-selected .content-contract-element #header-text {
  height: 17px;
  overflow: visible;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Contract
/* ===================================================================== */
/* ===================================================================== */
/* line 641, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-contract,
#preview-document-page .document-block .content-contract,
#edit-document-page .document-block .content-contract {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 646, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-contract .contract-body,
#preview-document-page .document-block .content-contract .contract-body,
#edit-document-page .document-block .content-contract .contract-body {
  position: relative;
}

/* line 649, app/assets/stylesheets/pages/documents/content.scss */
#document-show-page .document-block .content-contract p,
#preview-document-page .document-block .content-contract p,
#edit-document-page .document-block .content-contract p {
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Signature
/* ===================================================================== */
/* ===================================================================== */
/* line 659, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature,
#document-show-page .document-block .content-signature,
#preview-document-page .document-block .content-signature,
#edit-document-page .document-block .content-signature,
#edit-document-page .contract-part-signature,
#preview-document-page .contract-part-signature,
#document-show-page .contract-part-signature,
.activity-container .preview-block .content-signature,
.in-app-notification-container .content-signature {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 671, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .signature-container,
#document-show-page .document-block .content-signature .signature-container,
#preview-document-page .document-block .content-signature .signature-container,
#edit-document-page .document-block .content-signature .signature-container,
#edit-document-page .contract-part-signature .signature-container,
#preview-document-page .contract-part-signature .signature-container,
#document-show-page .contract-part-signature .signature-container,
.activity-container .preview-block .content-signature .signature-container,
.in-app-notification-container .content-signature .signature-container {
  width: 100%;
}

@media (min-width: 576px) {
  /* line 671, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .signature-container,
#document-show-page .document-block .content-signature .signature-container,
#preview-document-page .document-block .content-signature .signature-container,
#edit-document-page .document-block .content-signature .signature-container,
#edit-document-page .contract-part-signature .signature-container,
#preview-document-page .contract-part-signature .signature-container,
#document-show-page .contract-part-signature .signature-container,
.activity-container .preview-block .content-signature .signature-container,
.in-app-notification-container .content-signature .signature-container {
    width: 400px;
  }
}

/* line 676, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .signature-container .dotted-line-container,
#document-show-page .document-block .content-signature .signature-container .dotted-line-container,
#preview-document-page .document-block .content-signature .signature-container .dotted-line-container,
#edit-document-page .document-block .content-signature .signature-container .dotted-line-container,
#edit-document-page .contract-part-signature .signature-container .dotted-line-container,
#preview-document-page .contract-part-signature .signature-container .dotted-line-container,
#document-show-page .contract-part-signature .signature-container .dotted-line-container,
.activity-container .preview-block .content-signature .signature-container .dotted-line-container,
.in-app-notification-container .content-signature .signature-container .dotted-line-container {
  position: relative;
  height: 70px;
  margin-bottom: 9px;
  border-bottom: 2px dotted #bebebe;
  background-color: #f7f7f7;
}

/* line 684, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container svg,
#document-show-page .document-block .content-signature .dotted-line-container svg,
#preview-document-page .document-block .content-signature .dotted-line-container svg,
#edit-document-page .document-block .content-signature .dotted-line-container svg,
#edit-document-page .contract-part-signature .dotted-line-container svg,
#preview-document-page .contract-part-signature .dotted-line-container svg,
#document-show-page .contract-part-signature .dotted-line-container svg,
.activity-container .preview-block .content-signature .dotted-line-container svg,
.in-app-notification-container .content-signature .dotted-line-container svg {
  width: 143px;
  position: absolute;
  bottom: 4px;
}

/* line 689, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .typed-signature,
#document-show-page .document-block .content-signature .dotted-line-container .typed-signature,
#preview-document-page .document-block .content-signature .dotted-line-container .typed-signature,
#edit-document-page .document-block .content-signature .dotted-line-container .typed-signature,
#edit-document-page .contract-part-signature .dotted-line-container .typed-signature,
#preview-document-page .contract-part-signature .dotted-line-container .typed-signature,
#document-show-page .contract-part-signature .dotted-line-container .typed-signature,
.activity-container .preview-block .content-signature .dotted-line-container .typed-signature,
.in-app-notification-container .content-signature .dotted-line-container .typed-signature {
  font-family: 'Dancing Script', cursive;
  font-size: 25px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

/* line 696, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .signed-at,
#document-show-page .document-block .content-signature .dotted-line-container .signed-at,
#preview-document-page .document-block .content-signature .dotted-line-container .signed-at,
#edit-document-page .document-block .content-signature .dotted-line-container .signed-at,
#edit-document-page .contract-part-signature .dotted-line-container .signed-at,
#preview-document-page .contract-part-signature .dotted-line-container .signed-at,
#document-show-page .contract-part-signature .dotted-line-container .signed-at,
.activity-container .preview-block .content-signature .dotted-line-container .signed-at,
.in-app-notification-container .content-signature .dotted-line-container .signed-at {
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  right: 10px;
}

@media (min-width: 576px) {
  /* line 696, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .dotted-line-container .signed-at,
#document-show-page .document-block .content-signature .dotted-line-container .signed-at,
#preview-document-page .document-block .content-signature .dotted-line-container .signed-at,
#edit-document-page .document-block .content-signature .dotted-line-container .signed-at,
#edit-document-page .contract-part-signature .dotted-line-container .signed-at,
#preview-document-page .contract-part-signature .dotted-line-container .signed-at,
#document-show-page .contract-part-signature .dotted-line-container .signed-at,
.activity-container .preview-block .content-signature .dotted-line-container .signed-at,
.in-app-notification-container .content-signature .dotted-line-container .signed-at {
    font-size: 14.5px;
  }
}

/* line 702, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .click-to-sign,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  bottom: -2px;
  background-color: #ecf6ff;
  color: #1a3147;
  border: 1px solid #cdd9e7;
  border-bottom: 2px dotted #1a3147;
  transition: all 0.4s;
}

/* line 710, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .click-to-sign i,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign i,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign i,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign i,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign i,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign i {
  font-size: 30px;
  color: #4d7fb7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 710, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .dotted-line-container .click-to-sign i,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign i,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign i,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign i,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign i,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign i,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign i {
    font-size: 42px;
    left: initial;
    right: -54px;
    transform: rotate(180deg) translateY(23px);
  }
}

/* line 723, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .click-to-sign span,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign span,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign span,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign span,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign span,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 60px;
}

@media (min-width: 576px) {
  /* line 723, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .dotted-line-container .click-to-sign span,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign span,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign span,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign span,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign span,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign span,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign span {
    left: 18px;
  }
}

@media (min-width: 1200px) {
  /* line 731, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .dotted-line-container .click-to-sign:hover,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign:hover,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign:hover,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign:hover,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign:hover,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign:hover,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign:hover,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign:hover,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
  /* line 735, app/assets/stylesheets/pages/documents/content.scss */
  #manage-document-page .content-signature .dotted-line-container .click-to-sign:hover i,
#document-show-page .document-block .content-signature .dotted-line-container .click-to-sign:hover i,
#preview-document-page .document-block .content-signature .dotted-line-container .click-to-sign:hover i,
#edit-document-page .document-block .content-signature .dotted-line-container .click-to-sign:hover i,
#edit-document-page .contract-part-signature .dotted-line-container .click-to-sign:hover i,
#preview-document-page .contract-part-signature .dotted-line-container .click-to-sign:hover i,
#document-show-page .contract-part-signature .dotted-line-container .click-to-sign:hover i,
.activity-container .preview-block .content-signature .dotted-line-container .click-to-sign:hover i,
.in-app-notification-container .content-signature .dotted-line-container .click-to-sign:hover i {
    transform: rotate(180deg) translateY(23px) scale(1.2);
  }
}

/* line 740, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .profile-outside-expiration-window,
#document-show-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window,
#preview-document-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window,
#edit-document-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window,
#edit-document-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window,
#preview-document-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window,
#document-show-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window,
.activity-container .preview-block .content-signature .dotted-line-container .profile-outside-expiration-window,
.in-app-notification-container .content-signature .dotted-line-container .profile-outside-expiration-window {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #ffe3e3;
}

/* line 743, app/assets/stylesheets/pages/documents/content.scss */
#manage-document-page .content-signature .dotted-line-container .profile-outside-expiration-window:hover,
#document-show-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window:hover,
#preview-document-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window:hover,
#edit-document-page .document-block .content-signature .dotted-line-container .profile-outside-expiration-window:hover,
#edit-document-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window:hover,
#preview-document-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window:hover,
#document-show-page .contract-part-signature .dotted-line-container .profile-outside-expiration-window:hover,
.activity-container .preview-block .content-signature .dotted-line-container .profile-outside-expiration-window:hover,
.in-app-notification-container .content-signature .dotted-line-container .profile-outside-expiration-window:hover {
  cursor: not-allowed;
}

/* line 749, app/assets/stylesheets/pages/documents/content.scss */
#preview-document-page .contract-part-signature .click-to-sign,
#preview-document-page .document-block .content-signature .click-to-sign {
  display: none !important;
}

/* line 754, app/assets/stylesheets/pages/documents/content.scss */
.activity-container .preview-block .content-signature {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}

/* line 759, app/assets/stylesheets/pages/documents/content.scss */
.activity-container .preview-block .content-signature .signature-container {
  width: initial;
}

/* line 761, app/assets/stylesheets/pages/documents/content.scss */
.activity-container .preview-block .content-signature .signature-container .dotted-line-container {
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  margin-bottom: 0px;
}

/* line 769, app/assets/stylesheets/pages/documents/content.scss */
.in-app-notification-container .content-signature {
  width: 400px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Signature (Signature Capture)
/* ===================================================================== */
/* ===================================================================== */
/* Input Method: Typed */
/* line 781, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture[data-signature-input-method="typed"] #signature-pad {
  display: none;
}

/* line 784, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture[data-signature-input-method="typed"] #content_signature_typed_signature {
  display: block;
}

/* Input Method: Drawn */
/* line 790, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture[data-signature-input-method="drawn"] #signature-pad {
  display: block;
}

/* line 793, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture[data-signature-input-method="drawn"] #content_signature_typed_signature {
  display: none;
}

/* line 796, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture[data-signature-input-method="drawn"] #signature-pad-prepend {
  display: block;
}

/* line 802, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #input-method-button-group {
  margin-bottom: 15px;
}

/* Signature Pad & Typed Field Shared Styles
======================================================================== */
/* line 808, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #signature-pad, .signature-capture input#content_signature_typed_signature {
  background-color: #ecf6ff;
  border: 1px dashed #5f707f;
  border-radius: 10px;
  box-shadow: none;
}

/* Signature Pad Prepend (with Clear Signature Button)
======================================================================== */
/* line 817, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #signature-pad-prepend {
  position: relative;
  display: none;
  width: 80vw;
  text-align: right;
}

@media (min-width: 576px) {
  /* line 817, app/assets/stylesheets/pages/documents/content.scss */
  .signature-capture #signature-pad-prepend {
    width: 400px;
  }
}

/* line 825, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #signature-pad-prepend .clear-signature-button {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 28px;
  color: #848484;
}

@media (min-width: 1200px) {
  /* line 831, app/assets/stylesheets/pages/documents/content.scss */
  .signature-capture #signature-pad-prepend .clear-signature-button:hover {
    cursor: pointer;
    color: #606060;
  }
}

/* Typed Field
======================================================================== */
/* line 842, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture input#content_signature_typed_signature {
  width: 80vw;
  height: initial;
  padding: 20px 10px 20px 20px;
  font-family: 'Dancing Script', cursive;
  font-size: 38px;
}

@media (min-width: 576px) {
  /* line 842, app/assets/stylesheets/pages/documents/content.scss */
  .signature-capture input#content_signature_typed_signature {
    width: 400px;
  }
}

/* Consent Container
======================================================================== */
/* line 855, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #consent-container {
  margin-top: 25px;
  margin-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 855, app/assets/stylesheets/pages/documents/content.scss */
  .signature-capture #consent-container {
    margin-bottom: 50px;
  }
}

/* line 861, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #consent-container input {
  width: 20px;
  height: 20px;
}

/* line 865, app/assets/stylesheets/pages/documents/content.scss */
.signature-capture #consent-container label {
  left: 35px;
  font-weight: normal;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 865, app/assets/stylesheets/pages/documents/content.scss */
  .signature-capture #consent-container label {
    margin-right: 200px;
  }
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/pages/documents/new_document_modal.scss */
  #new-document-modal .file-upload-container {
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}

/* line 1, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row,
#document-templates-page .template-document-row,
#new-document-modal .template-document-row {
  background-color: #fff;
  padding: 13px 13px;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row,
#document-templates-page .template-document-row,
#new-document-modal .template-document-row {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
  }
  /* line 12, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row:hover,
#document-templates-page .template-document-row:hover,
#new-document-modal .template-document-row:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    z-index: 2;
  }
}

/* line 20, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row,
#document-templates-page .template-document-row {
  padding-right: 5px;
}

/* line 25, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row,
#document-templates-page .template-document-row,
#new-document-modal .template-document-row {
  /* Document Name
	======================================================================== */
  /* Contract Dependencies
	======================================================================== */
  /* Document Folder
	======================================================================== */
  /* Dropdown Ellipsis
	======================================================================== */
  /* Document Not Compatible Intercept
	======================================================================== */
}

/* line 30, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-name,
#document-templates-page .template-document-row .document-name,
#new-document-modal .template-document-row .document-name {
  font-weight: 500;
  padding-right: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  display: flex;
  align-items: center;
  position: relative;
}

/* line 40, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-name a,
#document-templates-page .template-document-row .document-name a,
#new-document-modal .template-document-row .document-name a {
  font-size: 14px;
  color: #464646;
}

/* line 45, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-name .overflow-fade-out,
#document-templates-page .template-document-row .document-name .overflow-fade-out,
#new-document-modal .template-document-row .document-name .overflow-fade-out {
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50px;
  background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #fff 70%, #fff 100%);
}

/* line 56, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .contract-dependencies .dependent-badge,
#document-templates-page .template-document-row .contract-dependencies .dependent-badge,
#new-document-modal .template-document-row .contract-dependencies .dependent-badge {
  width: fit-content;
  border: 1px solid #f2f2f2;
  color: #464646;
  border-radius: .25rem;
  background-color: #fff;
  color: #797979;
  padding: 4px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 56, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row .contract-dependencies .dependent-badge,
#document-templates-page .template-document-row .contract-dependencies .dependent-badge,
#new-document-modal .template-document-row .contract-dependencies .dependent-badge {
    font-size: 13.5px;
  }
}

/* line 68, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .folder,
#document-templates-page .template-document-row .folder,
#new-document-modal .template-document-row .folder {
  font-size: 13px;
  color: #a8a8a8;
  margin-top: 4px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}

@media (min-width: 1200px) {
  /* line 68, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row .folder,
#document-templates-page .template-document-row .folder,
#new-document-modal .template-document-row .folder {
    margin-top: 0px;
  }
}

/* line 83, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .dropdown-ellipsis,
#document-templates-page .template-document-row .dropdown-ellipsis,
#new-document-modal .template-document-row .dropdown-ellipsis {
  margin-left: auto;
}

/* line 85, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .dropdown-ellipsis i,
#document-templates-page .template-document-row .dropdown-ellipsis i,
#new-document-modal .template-document-row .dropdown-ellipsis i {
  padding: 10px;
  border-radius: 5px;
}

@media (min-width: 1200px) {
  /* line 88, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row .dropdown-ellipsis i:hover,
#document-templates-page .template-document-row .dropdown-ellipsis i:hover,
#new-document-modal .template-document-row .dropdown-ellipsis i:hover {
    cursor: pointer;
    background-color: #eeeeee;
  }
}

/* line 98, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-not-compatible-intercept,
#document-templates-page .template-document-row .document-not-compatible-intercept,
#new-document-modal .template-document-row .document-not-compatible-intercept {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}

/* line 101, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-not-compatible-intercept:hover,
#document-templates-page .template-document-row .document-not-compatible-intercept:hover,
#new-document-modal .template-document-row .document-not-compatible-intercept:hover {
  background-color: #f1f5f870;
}

/* line 110, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-name,
#document-templates-page .template-document-row .document-name,
#new-document-modal .template-document-row .document-name {
  flex: 0 0 34%;
  padding-right: 10px;
}

/* line 114, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .contract-dependencies,
#document-templates-page .template-document-row .contract-dependencies,
#new-document-modal .template-document-row .contract-dependencies {
  flex: 0 0 120px;
}

/* line 117, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-actions,
#document-templates-page .template-document-row .document-actions,
#new-document-modal .template-document-row .document-actions {
  flex: 0 0 350px;
}

/* line 119, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .document-actions .badge,
#document-templates-page .template-document-row .document-actions .badge,
#new-document-modal .template-document-row .document-actions .badge {
  border: 1px solid #ebebeb;
  color: #464646;
}

/* line 124, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .attached-to-documents,
#document-templates-page .template-document-row .attached-to-documents,
#new-document-modal .template-document-row .attached-to-documents {
  flex: 0 0 227px;
}

/* line 127, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .folder,
#document-templates-page .template-document-row .folder,
#new-document-modal .template-document-row .folder {
  color: #797979;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 127, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #contract-templates-page .template-document-row .folder,
#document-templates-page .template-document-row .folder,
#new-document-modal .template-document-row .folder {
    font-size: 13.5px;
  }
}

/* line 130, app/assets/stylesheets/pages/documents/template_document_row.scss */
#contract-templates-page .template-document-row .folder i,
#document-templates-page .template-document-row .folder i,
#new-document-modal .template-document-row .folder i {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Template Document Row Header
/* ===================================================================== */
/* ===================================================================== */
/* line 143, app/assets/stylesheets/pages/documents/template_document_row.scss */
#document-templates-page .template-document-row.header-row:hover, #contract-templates-page .template-document-row.header-row:hover, #new-document-modal .template-document-row.header-row:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 147, app/assets/stylesheets/pages/documents/template_document_row.scss */
#document-templates-page .template-document-row.header-row .document-name, #document-templates-page .template-document-row.header-row .contract-dependencies, #document-templates-page .template-document-row.header-row .document-actions, #document-templates-page .template-document-row.header-row .attached-to-documents, #document-templates-page .template-document-row.header-row .folder, #contract-templates-page .template-document-row.header-row .document-name, #contract-templates-page .template-document-row.header-row .contract-dependencies, #contract-templates-page .template-document-row.header-row .document-actions, #contract-templates-page .template-document-row.header-row .attached-to-documents, #contract-templates-page .template-document-row.header-row .folder, #new-document-modal .template-document-row.header-row .document-name, #new-document-modal .template-document-row.header-row .contract-dependencies, #new-document-modal .template-document-row.header-row .document-actions, #new-document-modal .template-document-row.header-row .attached-to-documents, #new-document-modal .template-document-row.header-row .folder {
  font-size: 16px;
  font-weight: 600;
  color: #464646;
}

@media (min-width: 576px) {
  /* line 147, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #document-templates-page .template-document-row.header-row .document-name, #document-templates-page .template-document-row.header-row .contract-dependencies, #document-templates-page .template-document-row.header-row .document-actions, #document-templates-page .template-document-row.header-row .attached-to-documents, #document-templates-page .template-document-row.header-row .folder, #contract-templates-page .template-document-row.header-row .document-name, #contract-templates-page .template-document-row.header-row .contract-dependencies, #contract-templates-page .template-document-row.header-row .document-actions, #contract-templates-page .template-document-row.header-row .attached-to-documents, #contract-templates-page .template-document-row.header-row .folder, #new-document-modal .template-document-row.header-row .document-name, #new-document-modal .template-document-row.header-row .contract-dependencies, #new-document-modal .template-document-row.header-row .document-actions, #new-document-modal .template-document-row.header-row .attached-to-documents, #new-document-modal .template-document-row.header-row .folder {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Template Type Icon
/* ===================================================================== */
/* ===================================================================== */
/* line 160, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon {
  overflow: hidden;
  width: 56px;
  height: 50px;
  border-radius: 6px;
  position: relative;
}

/* line 166, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon .icon-and-type-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  text-align: center;
  font-size: 10.5px;
}

/* line 172, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon .icon-and-type-name i {
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 300;
}

/* line 177, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon .wedding-dependent-indicator {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #ffffff;
  padding: 3px 5px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 13px;
  z-index: 1;
  backdrop-filter: brightness(0.8);
  -webkit-backdrop-filter: brightness(0.8);
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Template Type Icon (Slim)
/* ===================================================================== */
/* ===================================================================== */
/* line 197, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon-slim {
  overflow: hidden;
  width: 79px;
  flex: 0 0 79px;
  padding: 9px;
  border-radius: 6px;
  position: relative;
}

/* line 204, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon-slim .icon-and-type-name {
  font-size: 11px;
  display: block;
}

/* line 212, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon-slim .icon-and-type-name i {
  display: none;
}

/* line 218, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon-slim .wedding-dependent-indicator {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  aspect-ratio: 1 / 1;
  z-index: 1;
}

/* line 225, app/assets/stylesheets/pages/documents/template_document_row.scss */
.document-template-type-icon-slim .wedding-dependent-indicator i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 11px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Document Modal Specific Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 237, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row:not(.header-row) {
  transition: opacity 0.2s;
}

/* line 239, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row:not(.header-row):hover {
  cursor: pointer;
}

/* line 245, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row .document-name {
  flex: 0 0 40%;
  padding-right: 0px;
}

/* line 252, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row.confirmation-faded:not(.header-row) {
  opacity: 0.3;
}

/* line 256, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row.confirmation-enabled:not(.header-row) {
  opacity: 1;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  z-index: 3;
}

/* line 262, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row .confirmation-container {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding-left: 200px;
  background-color: #fff;
  background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #fcfcfc 12%, #fcfcfc 100%);
  display: flex;
  align-items: center;
  transform: translateX(-150px);
  transition: all 0.1s ease-in-out;
}

/* line 278, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-modal .template-document-row.confirmation-enabled .confirmation-container {
  pointer-events: auto;
  transform: translateX(0px);
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Document Template Copy Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 290, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .new-document-template-copy-modal-context-dropdown .info-container {
  display: flex;
  align-items: center;
  color: #989898;
}

/* line 295, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .new-document-template-copy-modal-context-dropdown .document-name-badge {
  border: 1px solid #d9d9d9;
  padding: 6px 8px;
  border-radius: 5px;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  margin: 0px 12px;
  color: #464646;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 295, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #new-document-template-copy-modal .new-document-template-copy-modal-context-dropdown .document-name-badge {
    font-size: 14.5px;
  }
}

/* line 309, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .template-copy-handler-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 317, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .arrow-pointer-icon {
  font-size: 24px;
}

/* line 321, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container {
  position: relative;
  height: 100%;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 10px 5px;
  border-radius: 8px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* line 332, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container .document-template-type-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 339, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container .document-source-label {
  position: absolute;
  top: 0px;
  background-color: #fff;
  padding: 4px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 339, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #new-document-template-copy-modal .reference-document-container .document-source-label {
    font-size: 12.5px;
  }
}

/* line 345, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container .document-source-label.original {
  left: 0px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

/* line 352, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container .document-source-label.copy {
  right: 0px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

/* line 361, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .reference-document-container .reference-document-name {
  font-size: 14px;
  line-height: 18px;
  display: block;
  margin-top: 10px;
}

@media (min-width: 576px) {
  /* line 361, app/assets/stylesheets/pages/documents/template_document_row.scss */
  #new-document-template-copy-modal .reference-document-container .reference-document-name {
    font-size: 13.5px;
  }
}

/* line 368, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .arrow-container-column {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 374, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .radio-selection-cards-container .selection-card {
  background-color: #e5eaee;
  border-color: #e3e3e3;
}

/* line 377, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .radio-selection-cards-container .selection-card:not(.selected):hover {
  border-color: #a0a0a0;
}

/* line 380, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .radio-selection-cards-container .selection-card.selected {
  border-color: #529a52;
}

/* line 383, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .radio-selection-cards-container .selection-card .fa-circle {
  color: #c4c4c4;
}

/* line 388, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .fin-doc-template-type-icon {
  background-color: #f4f4f4;
  border-radius: 6px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 8px;
  font-size: 12px;
  color: #6a6a6a;
}

/* line 397, app/assets/stylesheets/pages/documents/template_document_row.scss */
#new-document-template-copy-modal .fin-doc-template-type-icon i {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

/* line 1, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-status-badge.draft {
  background-color: #eaeaea;
  color: #848484;
}

/* line 6, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-status-badge.published {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 11, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-status-badge.in_progress {
  background-color: #dbf2f0;
  color: #60898f;
}

/* line 16, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-status-badge.sent, .document-status-badge.completed {
  background-color: #cfedca;
  color: #4c8e41;
}

/* line 21, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-status-badge.expired, .document-status-badge.locked {
  background-color: #ffcece;
  color: #c22323;
}

/* line 28, app/assets/stylesheets/pages/documents/status_badge.scss */
.document-table-row .document-status-badge {
  width: 100px;
}

/* line 1, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block {
  display: block;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 25px;
  margin: 27px 5px;
  font-size: 16px;
  position: relative;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
  .document-dynamic-block {
    font-size: 14.5px;
  }
}

/* line 11, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .helper-text {
  margin: 0px;
  border-left: 3px solid teal;
  padding-left: 12px;
  font-size: 14px !important;
  color: #828282 !important;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
  .document-dynamic-block .helper-text {
    margin-right: 30px;
    line-height: 22px !important;
  }
}

/* line 23, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .helper-text.no-bottom-margin {
  margin-bottom: 0px !important;
}

/* line 27, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .helper-text.for-issue {
  border-left-color: red;
}

/* line 31, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .block-type-icon-for-editor {
  position: absolute;
  top: 11px;
  right: 12px;
  background-color: #e0efff;
  padding: 6px;
  color: #5690cf;
  border-radius: 6px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Loader
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .loader-container {
  display: flex;
  align-items: center;
}

/* line 49, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .loader-container i {
  font-size: 20px;
}

/* line 52, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block .loader-container .loader-text {
  padding-left: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Services Summary for Contract
/* ===================================================================== */
/* ===================================================================== */
/* line 62, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_services_summary"] .dynamic-block-fin-doc-service-summary-item {
  padding: 20px 0px;
  border-bottom: 1px solid #ebebeb;
}

/* line 65, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_services_summary"] .dynamic-block-fin-doc-service-summary-item:first-child {
  padding-top: 0px;
}

/* line 68, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_services_summary"] .dynamic-block-fin-doc-service-summary-item:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

/* line 73, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_services_summary"] .dynamic-block-fin-doc-service-summary-item .item-name-and-summary {
  font-weight: 600;
  display: block;
}

/* line 78, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_services_summary"] .dynamic-block-fin-doc-service-summary-item .item-description {
  margin: 0px;
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Summary for Contract
/* ===================================================================== */
/* ===================================================================== */
/* line 91, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_payment_summary"] .payment-due-dates .payment-due-date {
  padding: 20px 0px;
  border-bottom: 1px solid #ebebeb;
  font-weight: 600;
}

/* line 95, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_payment_summary"] .payment-due-dates .payment-due-date:first-child {
  padding-top: 0px;
}

/* line 98, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_payment_summary"] .payment-due-dates .payment-due-date:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

/* line 103, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_payment_summary"] .payment-due-dates .payment-due-date .amount-and-date {
  display: block;
}

/* line 106, app/assets/stylesheets/pages/documents/dynamic_blocks.scss */
.document-dynamic-block[data-dynamic-block-type="contract_payment_summary"] .payment-due-dates .payment-due-date .payment-rule-summary {
  display: block;
  margin-top: 5px;
  color: #727272;
  font-weight: normal;
}

/* line 1, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

/* line 7, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-block {
  margin-top: 20px;
  border-radius: 7px;
  padding: 20px;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-block {
    padding: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment Summary Container
/* ===================================================================== */
/* ===================================================================== */
/* line 21, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  background-color: #fff;
  position: relative;
  padding-top: 45px;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container {
    padding-top: 30px;
  }
}

/* line 34, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container .amount {
  font-size: 30px;
  font-weight: 600;
  margin: 12px 0px;
}

@media (min-width: 576px) {
  /* line 34, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container .amount {
    font-size: 35px;
  }
}

/* line 43, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container .info-label {
  font-weight: 600;
  color: #838383;
}

/* line 48, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container .applied-amount-callout {
  display: block;
  width: fit-content;
  background-color: #e9f1f8;
  padding: 10px;
  margin-top: 15px;
  border-radius: 6px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 48, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container .applied-amount-callout {
    font-size: 14.5px;
  }
}

/* Invoice Callout
======================================================================== */
/* line 60, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container #invoice-callout .payments-icon {
  display: block;
  color: #c4c4c4;
}

/* line 65, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #invoice-callout.for-mobile {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 8px 22px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  text-align: center;
}

/* line 77, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #invoice-callout.for-mobile .payments-icon {
  font-size: 30px;
  margin-right: 10px;
}

/* line 84, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #invoice-callout.for-tablet-desktop .payments-icon {
  font-size: 56px;
  margin-top: 12px;
}

/* line 93, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .footer-content-container {
  padding: 20px 0px;
}

/* line 97, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .footer-content-container .pay-now-button {
  font-weight: 600;
  font-size: 18px;
}

/* line 102, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .footer-content-container .powered-by-stripe {
  display: block;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .footer-content-container .powered-by-stripe {
    margin-right: initial;
    margin-top: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment History
/* ===================================================================== */
/* ===================================================================== */
/* line 120, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container #payment-history-cards {
  display: none;
}

/* line 123, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container #payment-history-toggle .for-open {
  display: none;
}

/* line 129, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container.open #payment-history-cards {
  display: block;
}

/* line 132, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container.open #payment-history-toggle .for-open {
  display: block;
}

/* line 134, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container.open #payment-history-toggle .for-open:hover {
  cursor: default !important;
  color: #838383 !important;
}

/* line 139, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-container.open #payment-history-toggle .for-closed {
  display: none;
}

/* line 144, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .payment-summary-container #payment-history-toggle.info-label {
  font-size: 16px;
  font-weight: normal;
  display: block;
  width: fit-content;
}

@media (min-width: 576px) {
  /* line 144, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container #payment-history-toggle.info-label {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 144, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container #payment-history-toggle.info-label {
    margin-bottom: -10px;
  }
  /* line 151, app/assets/stylesheets/pages/documents/payment_page.scss */
  #document-payment-container .payment-summary-container #payment-history-toggle.info-label:hover {
    cursor: pointer;
    color: #464646;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Helper Text
/* ===================================================================== */
/* ===================================================================== */
/* line 163, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .helper-text {
  margin: 0px;
  border-left: 3px solid teal;
  padding-left: 12px;
  margin-bottom: 30px !important;
  font-size: 14px !important;
  color: #828282 !important;
}

/* line 172, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .helper-text.no-bottom-margin {
  margin-bottom: 0px !important;
}

/* line 176, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .helper-text.for-issue {
  border-left-color: red;
}

/* ===================================================================== */
/* ===================================================================== */
/* Loading Stripe Payment Block Spinner
/* ===================================================================== */
/* ===================================================================== */
/* line 185, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .loading-stripe-payment-block-spinner {
  color: #b3b3b3;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 33px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stripe Not Onboarded Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 199, app/assets/stylesheets/pages/documents/payment_page.scss */
#preview-document-page #document-payment-container .stripe-not-onboarded-callout {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stripe Mockup
/* ===================================================================== */
/* ===================================================================== */
/* line 209, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .stripe-mockup .field-label, #document-payment-container .stripe-mockup input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

/* line 214, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .stripe-mockup .field-label {
  display: block;
  color: #30313d;
  margin-bottom: 4px;
  font-size: 14.88px;
}

/* line 221, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .stripe-mockup input {
  font-size: 16px;
  height: initial;
  padding: 0.75rem;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}

/* line 230, app/assets/stylesheets/pages/documents/payment_page.scss */
#document-payment-container .stripe-mockup img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(0%);
  right: 18px;
  pointer-events: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Expiration
/* ===================================================================== */
/* ===================================================================== */
/* line 8, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='no_expiration'] #no-expiration-fields-container {
  display: block;
}

/* line 11, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='no_expiration'] #calculated-expiration-fields-container {
  display: none;
}

/* line 14, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='no_expiration'] #fixed-expiration-fields-container {
  display: none;
}

/* line 20, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='calc_expiration'] #no-expiration-fields-container {
  display: none;
}

/* line 23, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='calc_expiration'] #calculated-expiration-fields-container {
  display: block;
}

/* line 26, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='calc_expiration'] #fixed-expiration-fields-container {
  display: none;
}

/* line 32, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='fixed_expiration'] #no-expiration-fields-container {
  display: none;
}

/* line 35, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='fixed_expiration'] #calculated-expiration-fields-container {
  display: none;
}

/* line 38, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='fixed_expiration'] #fixed-expiration-fields-container {
  display: block;
}

/* line 44, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal .expiration-date-info-badge {
  border: 1px solid #d8d8d8;
  padding: 4px 10px;
  border-radius: 36px;
  margin-left: 3px;
}

/* Show Expiration Date Toggle Container
======================================================================== */
/* line 53, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container #show-expiration-date-toggle-container {
  display: none;
  margin-top: 30px;
}

/* line 59, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='calc_expiration'] #show-expiration-date-toggle-container,
#edit-document-settings-modal #edit-document-expiration-container[data-expiration-type='fixed_expiration'] #show-expiration-date-toggle-container {
  display: block;
}

/* line 65, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container #actual-expiration-date.for-calc-expiration .fa-spinner {
  display: none;
}

/* line 71, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container #actual-expiration-date.for-calc-expiration.loading .fa-spinner {
  display: inline-block;
}

/* line 74, app/assets/stylesheets/pages/documents/settings.scss */
#edit-document-settings-modal #edit-document-expiration-container #actual-expiration-date.for-calc-expiration.loading .fa-calendar-alt {
  display: none;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .document-section.highlight-selected-secondary[data-section-type='contract'] .document-column {
  border-color: transparent;
}

/* line 5, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .document-section .contract-part-section .highlight-element.container-label {
  left: 30%;
  top: -12px;
  z-index: 4;
}

/* line 11, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .hotkey-info-container {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 19, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .add-text-header-footer-element {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 28, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part:hover {
  cursor: pointer;
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable State
/* ===================================================================== */
/* ===================================================================== */
/* line 39, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part .editable-content-container {
  width: 100%;
}

/* line 44, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part.highlight-selected[data-editor-enabled='true'] .editable-content-container:hover {
  cursor: text;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Part Button Hiding
/* ===================================================================== */
/* ===================================================================== */
/* line 56, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.contract-part[data-type='clause']:not([data-sub-clause-count='0']) .add-contract-clause-button[data-add-part-type='sub_clause'] {
  display: none !important;
}

/* line 61, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.contract-part[data-type='sub_clause']:not([data-paragraph-count='0']) .add-contract-sub-clause-button[data-add-part-type='paragraph'] {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Global Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part.highlight-primary {
  z-index: 100;
}

/* line 75, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part.highlight-selected, #edit-document-page .contract-part.highlight-secondary, #edit-document-page .contract-part.highlight-selected-secondary {
  z-index: 99;
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/pages/structured_contracts/edit.scss */
  #edit-document-page .contract-part.highlight-selected .desktop-action-menu {
    z-index: 3;
    background-color: transparent;
    padding: 6px;
    transform: translate(0px, calc(-100% - 0px));
    width: 50%;
    text-align: right;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Branded Header Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 100, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-branded-header.highlight-primary .highlight-element.contract-branded-header.edge, #edit-document-page .contract-part-branded-header.highlight-selected .highlight-element.contract-branded-header.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 104, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-branded-header.highlight-primary .container-label.contract-branded-header, #edit-document-page .contract-part-branded-header.highlight-selected .container-label.contract-branded-header {
  visibility: visible;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Contract Title Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 120, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-title.highlight-primary .highlight-element.contract-title.edge, #edit-document-page .contract-part-title.highlight-selected .highlight-element.contract-title.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 124, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-title.highlight-primary .container-label.contract-title, #edit-document-page .contract-part-title.highlight-selected .container-label.contract-title {
  visibility: visible;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Introduction Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 139, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-introduction.highlight-primary .highlight-element.contract-introduction.edge, #edit-document-page .contract-part-introduction.highlight-selected .highlight-element.contract-introduction.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 143, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-introduction.highlight-primary .add-contract-introduction-button, #edit-document-page .contract-part-introduction.highlight-selected .add-contract-introduction-button {
  opacity: 1;
  display: block;
}

/* line 147, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-introduction.highlight-primary .container-label.contract-introduction, #edit-document-page .contract-part-introduction.highlight-selected .container-label.contract-introduction {
  visibility: visible;
  opacity: 1;
}

/* line 153, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-introduction.highlight-selected .desktop-action-menu.for-contract-introduction {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Dividing Title Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 166, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-dividing-title.highlight-primary, #edit-document-page .contract-part-dividing-title.highlight-selected {
  box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
}

/* line 169, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-dividing-title.highlight-primary .highlight-element.contract-dividing-title.edge, #edit-document-page .contract-part-dividing-title.highlight-selected .highlight-element.contract-dividing-title.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 173, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-dividing-title.highlight-primary .add-contract-dividing-title-button, #edit-document-page .contract-part-dividing-title.highlight-selected .add-contract-dividing-title-button {
  opacity: 1;
  display: block;
}

/* line 177, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-dividing-title.highlight-primary .container-label.contract-section, #edit-document-page .contract-part-dividing-title.highlight-selected .container-label.contract-section {
  visibility: visible;
  opacity: 1;
}

/* line 183, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-dividing-title.highlight-selected .desktop-action-menu.for-contract-dividing-title {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Exhibit Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 198, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-exhibit.highlight-primary .highlight-element.contract-exhibit.edge, #edit-document-page .contract-part-exhibit.highlight-selected .highlight-element.contract-exhibit.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 202, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-exhibit.highlight-primary .add-contract-exhibit-button, #edit-document-page .contract-part-exhibit.highlight-selected .add-contract-exhibit-button {
  opacity: 1;
  display: block;
}

/* line 206, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-exhibit.highlight-primary .container-label.contract-exhibit, #edit-document-page .contract-part-exhibit.highlight-selected .container-label.contract-exhibit {
  visibility: visible;
  opacity: 1;
}

/* line 212, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-exhibit.highlight-selected .desktop-action-menu.for-contract-exhibit {
  display: block;
}

/* line 220, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-exhibit.highlight-secondary .highlight-element.contract-exhibit.edge {
  background-color: #c3f0f2;
  opacity: 100;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Section Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 242, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section:hover {
  box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
}

/* line 245, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section:hover .add-contract-section-button {
  opacity: 1;
  display: block;
}

/* line 253, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-primary, #edit-document-page .contract-part-section.highlight-selected {
  box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
}

/* line 256, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-primary .highlight-element.contract-section.edge, #edit-document-page .contract-part-section.highlight-selected .highlight-element.contract-section.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 260, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-primary .add-contract-section-button, #edit-document-page .contract-part-section.highlight-selected .add-contract-section-button {
  opacity: 1;
  display: block;
}

/* line 264, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-primary .container-label.contract-section, #edit-document-page .contract-part-section.highlight-selected .container-label.contract-section {
  visibility: visible;
  opacity: 1;
}

/* line 270, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-selected .desktop-action-menu.for-contract-section {
  display: block;
}

/* line 273, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-selected .add-text-header-footer-element.for-contract-section {
  max-height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 282, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-secondary {
  box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
}

/* line 285, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-secondary .highlight-element.contract-section.edge {
  background-color: #c3f0f2;
  opacity: 100;
}

/* line 289, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-secondary .add-contract-section-button {
  opacity: 1;
  display: block;
}

/* line 301, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-selected-secondary {
  box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 17px 4px rgba(0, 0, 0, 0.33);
}

/* line 304, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-selected-secondary .add-contract-section-button {
  opacity: 1;
  display: block;
}

/* line 308, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section.highlight-selected-secondary .add-text-header-footer-element.for-contract-section {
  max-height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 315, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section[data-has-text-header='true'] .add-text-header-footer-element.for-contract-section.for-text-header {
  display: none !important;
}

/* line 318, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-section[data-has-text-footer='true'] .add-text-header-footer-element.for-contract-section.for-text-footer {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Text Header Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 330, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-primary .highlight-element.contract-text-header.edge, #edit-document-page .contract-part-text-header.highlight-selected .highlight-element.contract-text-header.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 334, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-primary .add-contract-clause-button, #edit-document-page .contract-part-text-header.highlight-selected .add-contract-clause-button {
  opacity: 1;
  display: block;
}

/* line 338, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-primary .container-label.contract-text-header, #edit-document-page .contract-part-text-header.highlight-selected .container-label.contract-text-header {
  visibility: visible;
  opacity: 1;
}

/* line 347, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-secondary .highlight-element.contract-text-header.edge {
  background-color: #c3f0f2;
  opacity: 0;
}

/* line 351, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-secondary .add-part-button {
  opacity: 0;
  display: block;
}

/* line 361, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-selected .desktop-action-menu.for-contract-text-header {
  display: block;
}

/* line 364, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-header.highlight-selected .hotkey-info-container {
  max-height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Text Footer Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 380, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-primary .highlight-element.contract-text-footer.edge, #edit-document-page .contract-part-text-footer.highlight-selected .highlight-element.contract-text-footer.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 384, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-primary .add-contract-clause-button, #edit-document-page .contract-part-text-footer.highlight-selected .add-contract-clause-button {
  opacity: 1;
  display: block;
}

/* line 388, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-primary .container-label.contract-text-footer, #edit-document-page .contract-part-text-footer.highlight-selected .container-label.contract-text-footer {
  visibility: visible;
  opacity: 1;
}

/* line 397, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-secondary .highlight-element.contract-text-footer.edge {
  background-color: #c3f0f2;
  opacity: 0;
}

/* line 401, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-secondary .add-part-button {
  opacity: 0;
  display: block;
}

/* line 411, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-selected .desktop-action-menu.for-contract-text-footer {
  display: block;
}

/* line 414, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-text-footer.highlight-selected .hotkey-info-container {
  max-height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Clause Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 430, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-primary .highlight-element.contract-clause.edge, #edit-document-page .contract-part-clause.highlight-selected .highlight-element.contract-clause.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 434, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-primary .add-contract-clause-button, #edit-document-page .contract-part-clause.highlight-selected .add-contract-clause-button {
  opacity: 1;
  display: block;
}

/* line 438, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-primary .container-label.contract-clause, #edit-document-page .contract-part-clause.highlight-selected .container-label.contract-clause {
  visibility: visible;
  opacity: 1;
}

/* line 447, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-secondary .highlight-element.contract-clause.edge {
  background-color: #c3f0f2;
  opacity: 0;
}

/* line 451, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-secondary .add-part-button {
  opacity: 0;
  display: block;
}

/* line 461, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-selected .desktop-action-menu.for-contract-clause {
  display: block;
}

/* line 464, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-clause.highlight-selected .hotkey-info-container {
  max-height: 100px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart SubClause Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 480, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-sub-clause.highlight-primary .highlight-element.contract-sub-clause.edge, #edit-document-page .contract-part-sub-clause.highlight-selected .highlight-element.contract-sub-clause.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 484, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-sub-clause.highlight-primary .add-contract-sub-clause-button, #edit-document-page .contract-part-sub-clause.highlight-selected .add-contract-sub-clause-button {
  opacity: 1;
  display: block;
}

/* line 488, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-sub-clause.highlight-primary .container-label.contract-sub-clause, #edit-document-page .contract-part-sub-clause.highlight-selected .container-label.contract-sub-clause {
  visibility: visible;
  opacity: 1;
}

/* line 494, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-sub-clause.highlight-selected .desktop-action-menu.for-contract-sub-clause {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Paragraph Highlighting
/* ===================================================================== */
/* ===================================================================== */
/* line 508, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-paragraph.highlight-primary .highlight-element.contract-paragraph.edge, #edit-document-page .contract-part-paragraph.highlight-selected .highlight-element.contract-paragraph.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 512, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-paragraph.highlight-primary .add-contract-paragraph-button, #edit-document-page .contract-part-paragraph.highlight-selected .add-contract-paragraph-button {
  opacity: 1;
  display: block;
}

/* line 516, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-paragraph.highlight-primary .container-label.contract-paragraph, #edit-document-page .contract-part-paragraph.highlight-selected .container-label.contract-paragraph {
  visibility: visible;
  opacity: 1;
}

/* line 522, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-paragraph.highlight-selected .desktop-action-menu.for-contract-paragraph {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Execution Block Text Header
/* ===================================================================== */
/* ===================================================================== */
/* line 536, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-execution-block-text-header.highlight-primary .highlight-element.contract-execution-block-text-header.edge, #edit-document-page .contract-part-execution-block-text-header.highlight-selected .highlight-element.contract-execution-block-text-header.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 540, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-execution-block-text-header.highlight-primary .container-label.contract-execution-block-text-header, #edit-document-page .contract-part-execution-block-text-header.highlight-selected .container-label.contract-execution-block-text-header {
  visibility: visible;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Execution Block Text Header
/* ===================================================================== */
/* ===================================================================== */
/* line 558, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-signature.highlight-primary .highlight-element.contract-signature.edge, #edit-document-page .contract-part-signature.highlight-selected .highlight-element.contract-signature.edge {
  background-color: #4dc6ce;
  opacity: 100;
}

/* line 562, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-signature.highlight-primary .container-label.contract-signature, #edit-document-page .contract-part-signature.highlight-selected .container-label.contract-signature {
  visibility: visible;
  opacity: 1;
}

/* line 568, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part-signature.highlight-selected .desktop-action-menu.for-content-signature {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Locked Contract Edit Mode
/* ===================================================================== */
/* ===================================================================== */
/* line 581, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container[data-contract-is-locked='true'] .add-contract-part-button {
  display: none !important;
}

/* line 589, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #editable-status-banner-container {
  padding: 20px 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Branded Header Logo Editing
/* ===================================================================== */
/* ===================================================================== */
/* line 604, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part.contract-part-branded-header .default-logo-not-present {
  background-color: #ededed;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  height: 100px;
  border-radius: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Branded Header Edit Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 618, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings .more-settings-for-option {
  display: none;
  margin-top: 15px;
}

/* line 621, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings .more-settings-for-option img {
  max-width: 100%;
  max-height: 100px;
  display: block;
}

/* line 629, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings .branded-header-logo-display-option.selected .more-settings-for-option {
  display: block;
}

/* line 634, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings .selection-card[data-logo-option="branded_header_custom_logo"] #cancel-reupload-container {
  display: none;
}

/* line 639, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings[data-has-custom-logo-image-uploaded='true'] #custom-logo-upload-form-container {
  display: none;
}

/* line 644, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings[data-has-custom-logo-image-uploaded='true'][data-reupload-custom-logo-mode-enabled='true'] #image-and-reupload-button {
  display: none;
}

/* line 647, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings[data-has-custom-logo-image-uploaded='true'][data-reupload-custom-logo-mode-enabled='true'] #custom-logo-upload-form-container {
  display: block;
}

/* line 650, app/assets/stylesheets/pages/structured_contracts/edit.scss */
.edit-panel .contract-part-branded-header-logo-display-settings[data-has-custom-logo-image-uploaded='true'][data-reupload-custom-logo-mode-enabled='true'] #cancel-reupload-container {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Template Preview - Dummy Data Warning
/* ===================================================================== */
/* ===================================================================== */
/* line 660, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#preview-document-page .contract-template-dummy-data-warning {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: 10px;
  background-color: #b83636;
  padding: 7px;
  border-radius: 6px;
  color: #fff;
}

/* line 668, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#preview-document-page .contract-template-dummy-data-warning:hover {
  cursor: help;
}

/* ===================================================================== */
/* ===================================================================== */
/* Empty Placement Add Containers
/* ===================================================================== */
/* ===================================================================== */
/* line 678, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .empty-placement-add-container {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 686, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-intro-container:not([data-contract-parts-count='0']) .empty-placement-add-container.for-intro-placement {
  display: none;
}

/* line 691, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-body-container:not([data-contract-parts-count='0']) .empty-placement-add-container.for-body-placement {
  display: none;
}

/* line 696, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part-exhibit:not([data-contract-part-children-count='0']) .empty-placement-add-container.for-exhibit-contract-part {
  display: none;
}

/* Hide Delete button on single Clause
======================================================================== */
/* line 704, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .contract-part[data-type='section'][data-clause-count='1'] .desktop-action-menu.for-contract-clause {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Part Move Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 717, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-intro-contract-parts > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 722, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-intro-contract-parts > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 729, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-body-contract-parts > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 734, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container #contract-body-contract-parts > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 741, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .exhibit-contract-parts-container > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 746, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .exhibit-contract-parts-container > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 753, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='section'] #section-contract-parts-container > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 758, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='section'] #section-contract-parts-container > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 765, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='clause'] .clause-children-container > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 770, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='clause'] .clause-children-container > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 777, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='sub_clause'] .sub-clause-children-container > .contract-part:first-of-type > .desktop-action-menu .menu-icon.move-up {
  display: none;
}

/* line 782, app/assets/stylesheets/pages/structured_contracts/edit.scss */
#edit-document-page .structured-contract-page-container .contract-part[data-type='sub_clause'] .sub-clause-children-container > .contract-part:last-of-type > .desktop-action-menu .menu-icon.move-down {
  display: none;
}

/* line 3, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part .fixed-placeholder {
  color: #bbbbbb !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Title Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 16, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-title .editable-content-container.for-contract-title.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #bbbbbb;
  content: attr(data-mce-placeholder);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Dividing Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 29, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-dividing-title .editable-content-container.for-contract-dividing-title.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #bbbbbb;
  content: attr(data-mce-placeholder);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* ContractPart Section Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-section .editable-content-container.for-contract-section.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #bbbbbb;
  content: attr(data-mce-placeholder);
  position: absolute;
  font-size: 20px;
  font-weight: 600;
  left: 1px;
  top: 2px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Paragraph Based Placeholder
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-section .editable-content-container.for-contract-clause.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-text-header .editable-content-container.for-contract-text-header.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-text-footer .editable-content-container.for-contract-text-footer.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-introduction .editable-content-container.for-contract-introduction.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-sub-clause .editable-content-container.for-contract-sub-clause.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-paragraph .editable-content-container.for-contract-paragraph.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
#edit-document-page .contract-part-execution-block-text-header .editable-content-container.for-contract-execution-block-text-header.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: #bbbbbb;
  content: attr(data-mce-placeholder);
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 15.5px;
  line-height: 27px;
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Hiding .fixed-placeholders
/* ===================================================================== */
/* ===================================================================== */
/* line 82, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-title[data-editor-enabled='true'] .fixed-placeholder.for-contract-title {
  display: none;
}

/* line 86, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-dividing-title[data-editor-enabled='true'] .fixed-placeholder.for-contract-dividing-title {
  display: none;
}

/* line 90, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-section[data-editor-enabled='true'] .fixed-placeholder.for-contract-section {
  display: none;
}

/* line 94, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-clause[data-editor-enabled='true'] .fixed-placeholder.for-contract-clause {
  display: none;
}

/* line 98, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-sub-clause[data-editor-enabled='true'] .fixed-placeholder.for-contract-sub-clause {
  display: none;
}

/* line 102, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-paragraph[data-editor-enabled='true'] .fixed-placeholder.for-contract-paragraph {
  display: none;
}

/* line 106, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-text-header[data-editor-enabled='true'] .fixed-placeholder.for-contract-text-header {
  display: none;
}

/* line 110, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-text-footer[data-editor-enabled='true'] .fixed-placeholder.for-contract-text-footer {
  display: none;
}

/* line 114, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-introduction[data-editor-enabled='true'] .fixed-placeholder.for-contract-introduction {
  display: none;
}

/* line 118, app/assets/stylesheets/pages/structured_contracts/placeholders.scss */
#edit-document-page .contract-part-execution-block-text-header[data-editor-enabled='true'] .fixed-placeholder.for-contract-execution-block-text-header {
  display: none;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container {
  background-color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/structured_contracts/show.scss */
  .structured-contract-page-container {
    border-radius: 10px;
    margin-left: initial;
    margin-right: initial;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 17, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #loading-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100px;
  text-align: center;
  background-color: #fff;
  padding: 20px 40px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 25, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #loading-container i {
  font-size: 25px;
  margin-bottom: 15px;
}

/* line 32, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container.loading .contract-part {
  visibility: hidden;
}

/* line 40, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part, #preview-document-page .contract-part, #document-show-page .contract-part {
  position: relative;
}

/* line 46, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page #contract-body-starting-divider, #preview-document-page #contract-body-starting-divider, #document-show-page #contract-body-starting-divider {
  height: 1px;
  background-color: #ececec;
  margin: 15px 15px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page #contract-body-starting-divider, #preview-document-page #contract-body-starting-divider, #document-show-page #contract-body-starting-divider {
    margin: 15px 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Part Padding
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part, #preview-document-page .contract-part, #document-show-page .contract-part {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

/* line 73, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='branded_header'], #preview-document-page .contract-part[data-type='branded_header'], #document-show-page .contract-part[data-type='branded_header'] {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 73, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='branded_header'], #preview-document-page .contract-part[data-type='branded_header'], #document-show-page .contract-part[data-type='branded_header'] {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* line 86, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='contract_title'], #preview-document-page .contract-part[data-type='contract_title'], #document-show-page .contract-part[data-type='contract_title'] {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='contract_title'], #preview-document-page .contract-part[data-type='contract_title'], #document-show-page .contract-part[data-type='contract_title'] {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* line 95, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='contract_title'] h1, #preview-document-page .contract-part[data-type='contract_title'] h1, #document-show-page .contract-part[data-type='contract_title'] h1 {
  font-size: 26px;
}

@media (min-width: 576px) {
  /* line 95, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='contract_title'] h1, #preview-document-page .contract-part[data-type='contract_title'] h1, #document-show-page .contract-part[data-type='contract_title'] h1 {
    font-size: 32px;
  }
}

/* line 105, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='dividing_title'], #preview-document-page .contract-part[data-type='dividing_title'], #document-show-page .contract-part[data-type='dividing_title'] {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 112, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part-section, #preview-document-page .contract-part-section, #document-show-page .contract-part-section {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 112, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part-section, #preview-document-page .contract-part-section, #document-show-page .contract-part-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 125, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='introduction'],
#edit-document-page .contract-part[data-type='dividing_title'], #preview-document-page .contract-part[data-type='introduction'],
#preview-document-page .contract-part[data-type='dividing_title'], #document-show-page .contract-part[data-type='introduction'],
#document-show-page .contract-part[data-type='dividing_title'] {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  /* line 125, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='introduction'],
#edit-document-page .contract-part[data-type='dividing_title'], #preview-document-page .contract-part[data-type='introduction'],
#preview-document-page .contract-part[data-type='dividing_title'], #document-show-page .contract-part[data-type='introduction'],
#document-show-page .contract-part[data-type='dividing_title'] {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 138, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  /* line 138, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Part Indentation
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 154, app/assets/stylesheets/pages/structured_contracts/show.scss */
  .contract-part[data-type='section']:not([data-clause-count='1']) .contract-part-clause {
    margin-left: 30px;
  }
}

/* line 160, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part[data-type='sub_clause'] {
  margin-left: 40px;
}

@media (min-width: 576px) {
  /* line 164, app/assets/stylesheets/pages/structured_contracts/show.scss */
  .contract-part[data-type='paragraph'] {
    margin-left: 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Part Content Container
/* ===================================================================== */
/* ===================================================================== */
/* line 175, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container {
  display: flex;
}

/* line 178, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container .part-content-column {
  flex-grow: 1;
}

/* line 183, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container.for-contract-section .position-indicator-column {
  flex: 0 0 0px;
  padding-right: 10px;
}

/* line 188, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container.for-contract-clause .position-indicator-column {
  flex: 0 0 40px;
}

/* line 192, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container.for-contract-sub-clause .position-indicator-column {
  flex: 0 0 25px;
}

/* line 196, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part .contract-part-content-container.for-contract-paragraph .position-indicator-column {
  flex: 0 0 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Branded Header
/* ===================================================================== */
/* ===================================================================== */
/* line 207, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='branded_header'], #preview-document-page .contract-part[data-type='branded_header'], #document-show-page .contract-part[data-type='branded_header'] {
  text-align: center;
}

@media (min-width: 576px) {
  /* line 207, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='branded_header'], #preview-document-page .contract-part[data-type='branded_header'], #document-show-page .contract-part[data-type='branded_header'] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}

/* line 214, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='branded_header'] img, #preview-document-page .contract-part[data-type='branded_header'] img, #document-show-page .contract-part[data-type='branded_header'] img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  max-height: 120px;
}

@media (min-width: 576px) {
  /* line 214, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='branded_header'] img, #preview-document-page .contract-part[data-type='branded_header'] img, #document-show-page .contract-part[data-type='branded_header'] img {
    max-width: 600px;
    max-height: 180px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Clause
/* ===================================================================== */
/* ===================================================================== */
/* line 235, app/assets/stylesheets/pages/structured_contracts/show.scss */
.contract-part[data-type='section'][data-clause-count='1'] .contract-part-clause .contract-part-content-container .position-indicator-column.for-contract-clause {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Title
/* ===================================================================== */
/* ===================================================================== */
/* line 246, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='contract_title'] h1, #preview-document-page .contract-part[data-type='contract_title'] h1, #document-show-page .contract-part[data-type='contract_title'] h1 {
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Exhibit Container
/* ===================================================================== */
/* ===================================================================== */
/* line 257, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container {
  margin: 15px 5px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-radius: 5px;
  padding-top: 40px;
  padding-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 257, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container {
    margin: 15px 30px;
  }
}

/* line 267, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer {
  text-align: right;
  padding: 25px 10px;
}

/* line 270, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer .exhibit-title-value:not([data-title-length='0']), #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer .exhibit-title-value:not([data-title-length='0']), #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-footer .exhibit-title-value:not([data-title-length='0']) {
  margin-top: 5px;
}

/* line 275, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container .exhibit-title-placeholder, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container .exhibit-title-placeholder, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container .exhibit-title-placeholder {
  background-color: #f4f4f4;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 26px;
  border-radius: 6px;
  color: #939393;
  margin-bottom: 1px;
}

/* line 286, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container:not([data-title-length="0"]) .exhibit-title-placeholder, #preview-document-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container:not([data-title-length="0"]) .exhibit-title-placeholder, #document-show-page .contract-part[data-type='exhibit'] .exhibit-content-container .exhibit-title-container:not([data-title-length="0"]) .exhibit-title-placeholder {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Section
/* ===================================================================== */
/* ===================================================================== */
/* line 299, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='section'] .contract-part-content-container h3, #preview-document-page .contract-part[data-type='section'] .contract-part-content-container h3, #document-show-page .contract-part[data-type='section'] .contract-part-content-container h3 {
  margin-bottom: 0px;
  font-size: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Dividing Title
/* ===================================================================== */
/* ===================================================================== */
/* line 311, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page .contract-part[data-type='dividing_title'] h3, #preview-document-page .contract-part[data-type='dividing_title'] h3, #document-show-page .contract-part[data-type='dividing_title'] h3 {
  margin-bottom: 0px;
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Signatures
/* ===================================================================== */
/* ===================================================================== */
/* line 323, app/assets/stylesheets/pages/structured_contracts/show.scss */
#edit-document-page #contract-signatures-container, #preview-document-page #contract-signatures-container, #document-show-page #contract-signatures-container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  /* line 323, app/assets/stylesheets/pages/structured_contracts/show.scss */
  #edit-document-page #contract-signatures-container, #preview-document-page #contract-signatures-container, #document-show-page #contract-signatures-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Not Mutable Container
/* ===================================================================== */
/* ===================================================================== */
/* line 338, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #contract-not-mutable-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: transparent;
  z-index: 1;
}

/* line 342, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #contract-not-mutable-container .not-mutable-message-container {
  background-color: #a21515;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  padding: 10px;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
}

/* line 355, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #contract-not-mutable-container.for-staff-while-frozen {
  padding: 20px 40px;
  pointer-events: none;
}

/* line 358, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container #contract-not-mutable-container.for-staff-while-frozen .not-mutable-message-container {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Frozen Contract Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 370, app/assets/stylesheets/pages/structured_contracts/show.scss */
.structured-contract-page-container .frozen-contract-callout {
  width: 85%;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #8c8c8c;
  padding: 30px 20px;
  box-shadow: 0px 0px 31px 1px rgba(0, 0, 0, 0.57);
  -webkit-box-shadow: 0px 0px 31px 1px rgba(0, 0, 0, 0.57);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 165px;
}

@media (min-width: 1200px) {
  /* line 370, app/assets/stylesheets/pages/structured_contracts/show.scss */
  .structured-contract-page-container .frozen-contract-callout {
    max-width: 600px;
    padding: 55px 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Part Forgiveness Hover
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .forgiveness-hover {
  position: absolute;
  top: -20px;
  bottom: -20px;
  background-color: transparent;
  pointer-events: none;
  z-index: -1;
}

/* line 15, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .forgiveness-hover.for-contract-section,
.contract-part .forgiveness-hover.for-contract-dividing-title,
.contract-part .forgiveness-hover.for-contract-introduction,
.contract-part .forgiveness-hover.for-contract-exhibit {
  position: absolute;
  top: -25px;
  right: 0px;
  bottom: -25px;
  left: -60px;
}

/* line 26, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .forgiveness-hover.for-contract-clause,
.contract-part .forgiveness-hover.for-contract-sub-clause,
.contract-part .forgiveness-hover.for-contract-paragraph {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -30px;
}

/* line 36, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part-section:hover .forgiveness-hover.for-contract-section,
.contract-part-dividing-title:hover .forgiveness-hover.for-contract-dividing-title,
.contract-part-introduction:hover .forgiveness-hover.for-contract-introduction,
.contract-part-exhibit:hover .forgiveness-hover.for-contract-exhibit,
.contract-part-clause:hover .forgiveness-hover.for-contract-clause,
.contract-part-sub-clause:hover .forgiveness-hover.for-contract-sub-clause,
.contract-part-paragraph:hover .forgiveness-hover.for-contract-paragraph {
  pointer-events: auto;
}

/* line 45, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part-section:hover .forgiveness-hover.for-contract-section:hover,
.contract-part-dividing-title:hover .forgiveness-hover.for-contract-dividing-title:hover,
.contract-part-introduction:hover .forgiveness-hover.for-contract-introduction:hover,
.contract-part-exhibit:hover .forgiveness-hover.for-contract-exhibit:hover,
.contract-part-clause:hover .forgiveness-hover.for-contract-clause:hover,
.contract-part-sub-clause:hover .forgiveness-hover.for-contract-sub-clause:hover,
.contract-part-paragraph:hover .forgiveness-hover.for-contract-paragraph:hover {
  cursor: default;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Part Button
/* ===================================================================== */
/* ===================================================================== */
/* line 55, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button {
  position: relative;
  z-index: 4;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.4s;
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button {
    position: absolute;
    max-height: initial;
    opacity: 0;
    display: none;
    left: 0px;
  }
}

/* line 69, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button .plus-container {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  background-color: #6aaeae;
  color: #fff;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid #6aaeae;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 69, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button .plus-container {
    font-size: 20px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-right: initial;
  }
}

/* line 91, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button .h-line {
  height: 1px;
  width: 100%;
  background-color: teal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 101, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.small-button .plus-container {
  border-radius: 5px;
  margin-left: -11px;
}

@media (min-width: 1200px) {
  /* line 101, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.small-button .plus-container {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 109, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.small-button .fa-plus {
    font-size: 10px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Insert Indicator
/* ===================================================================== */
/* ===================================================================== */
/* line 122, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.indicate-insert {
  max-height: 100px;
  opacity: 100;
  display: block;
}

/* line 126, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.indicate-insert .h-line {
  opacity: 100;
  background-color: blue;
  height: 3px;
}

/* line 131, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.indicate-insert .plus-container {
  background-color: blue;
  color: #fff;
  border-color: blue;
  transform: scale(1.5);
  opacity: 1;
}

/* line 140, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.top.indicate-insert {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (hide top)
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.top {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (Desktop Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 158, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button {
    overflow: initial;
    height: 3px;
  }
  /* line 162, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button .h-line {
    height: 3px;
    z-index: 2;
    opacity: 0;
    background-color: teal;
    transition: all 0.3s;
  }
  /* line 169, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button .plus-container {
    z-index: 3;
    transition: all 0.3s;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (Desktop Hover Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 183, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.active .h-line {
    opacity: 100;
    background-color: teal;
  }
  /* line 187, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.active .plus-container {
    background-color: teal;
    color: #fff;
    border-color: teal;
    transform: scale(1.3);
  }
  /* line 193, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.active .plus-container:hover {
    cursor: pointer;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Block Button (within .document-block) (Desktop Styling)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 204, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button {
    transition: all 0.4s;
  }
}

/* line 210, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.bottom {
  bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 217, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.top .button-trigger {
    position: relative;
    top: -14px;
  }
  /* line 221, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.bottom .button-trigger {
    position: relative;
    bottom: 11px;
  }
  /* line 226, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.small-button.top .button-trigger {
    position: relative;
    top: -11px;
  }
  /* line 230, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.small-button.bottom .button-trigger {
    position: relative;
    bottom: 8px;
  }
}

/* line 238, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.contract-part .add-contract-part-button.top {
  top: 0px;
}

@media (min-width: 1200px) {
  /* line 247, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.indented .plus-container {
    margin-left: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 252, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
  .contract-part .add-contract-part-button.indented .h-line {
    width: calc(100% - 50px);
    right: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Contract Part Button Block Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 265, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.add-contract-part-button-block-menu {
  display: none;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%) scale(0.7);
  transform-origin: left;
  padding: 20px;
  padding-left: 84px;
  z-index: 2;
}

/* line 278, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.add-contract-part-button-block-menu .contract-block-menu-container {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-radius: 6px;
  background-color: #fff;
  color: #000;
  display: flex;
  padding: 15px;
  white-space: nowrap;
}

/* line 288, app/assets/stylesheets/pages/structured_contracts/add_part_buttons.scss */
.add-contract-part-button.active .add-contract-part-button-block-menu {
  display: block;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container,
#preview-document-page .contract-part .contract-field-show-container,
#document-show-page .contract-part .contract-field-show-container {
  padding: 2px 6px;
  display: inline-block;
  text-align: right;
  position: relative;
  border-width: 1px;
  border: 1px solid transparent;
}

/* line 11, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container {
  padding: 3px 6px;
}

/* line 14, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container {
  transition: all 0.2s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Not Editable by Contact
/* ===================================================================== */
/* ===================================================================== */
/* line 23, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='false'],
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'] {
  background-color: #e0f0ff;
  border: 1px solid #65aaef;
  border-radius: 4px;
}

/* line 28, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='false']:hover,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false']:hover {
  cursor: pointer;
  border-color: #3371af;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 33, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='false'] .required-icon,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'] .required-icon {
  color: #5492cf;
}

/* line 36, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='false'] .placeholder,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'] .placeholder {
  color: #6693c1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editable by Contact
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='true'],
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='true'] {
  background-color: #f3f3f3;
  border-bottom: 1px dashed #696969;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 52, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='true']:hover,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='true']:hover {
  cursor: pointer;
  border-left-color: #c2c2c2;
  border-top-color: #c2c2c2;
  border-right-color: #c2c2c2;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 59, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='true'] .required-icon,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='true'] .required-icon {
  color: #8f8f8f;
}

/* line 62, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-editable-by-contact='true'] .placeholder,
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='true'] .placeholder {
  color: #9b9b9b;
}

/* ===================================================================== */
/* ===================================================================== */
/* SmartField Linked
/* ===================================================================== */
/* ===================================================================== */
/* line 72, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-field-type='smart_field_link'] {
  padding-right: 9px;
}

/* ===================================================================== */
/* ===================================================================== */
/* tinyMCE Hacks
/* ===================================================================== */
/* ===================================================================== */
/* line 81, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container .font-awesome-hidden-element {
  display: none !important;
}

/* line 85, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container .required-icon,
#preview-document-page .contract-part .contract-field-show-container .required-icon {
  display: none;
  margin-left: 8px;
  margin-right: 3px;
  font-size: 14px;
}

/* line 93, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-required='true'] .required-icon,
#preview-document-page .contract-part .contract-field-show-container[data-required='true'] .required-icon {
  display: inline-block;
}

/* line 98, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-required='true'][data-has-value='true'][data-editable-by-contact='false'] .required-icon,
#preview-document-page .contract-part .contract-field-show-container[data-required='true'][data-has-value='true'][data-editable-by-contact='false'] .required-icon {
  display: none;
}

/* Smart Field Indicator
======================================================================== */
/* line 105, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container .smart-field-indicator {
  background-color: #5591cf;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 12px;
  height: 14px;
  border: 1px solid #5591cf;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 115, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container .smart-field-indicator span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 8px;
  color: #fff;
}

/* line 122, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-field-type='ad_hoc_input'] .smart-field-indicator {
  display: none !important;
}

/* line 129, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='true'] .placeholder,
#preview-document-page .contract-part .contract-field-show-container[data-has-value='true'] .placeholder {
  display: none !important;
}

/* line 136, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'] .value,
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'] .value {
  display: none !important;
}

/* line 142, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'][data-has-placeholder='false'],
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'][data-has-placeholder='false'] {
  min-width: 90px;
}

/* line 145, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'][data-has-placeholder='false'] .placeholder,
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'][data-has-placeholder='false'] .placeholder {
  display: none !important;
}

/* line 148, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'][data-has-placeholder='false'] .value,
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'][data-has-placeholder='false'] .value {
  display: none !important;
}

/* line 154, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container .height-spacer,
#preview-document-page .contract-part .contract-field-show-container .height-spacer {
  display: none;
}

/* line 158, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'][data-has-placeholder='false'][data-required='false'],
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'][data-has-placeholder='false'][data-required='false'] {
  display: inline-block !important;
}

/* line 161, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-part .contract-field-editor-container[data-has-value='false'][data-has-placeholder='false'][data-required='false'] .height-spacer,
#preview-document-page .contract-part .contract-field-show-container[data-has-value='false'][data-has-placeholder='false'][data-required='false'] .height-spacer {
  display: block !important;
  visibility: hidden;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Field Edit Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 172, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal {
  position: fixed;
  z-index: 100;
  width: 350px;
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 5px 17px 2px rgba(0, 0, 0, 0.31);
  -webkit-box-shadow: 0px 5px 17px 2px rgba(0, 0, 0, 0.31);
}

/* line 183, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal .field-type-element {
  display: none;
}

/* line 187, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal[data-field-type='ad_hoc_input'] .field-type-element.for-ad-hoc-input {
  display: block;
}

/* line 190, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal[data-field-type='smart_field_link'] .field-type-element.for-smart-field-link {
  display: block;
}

/* line 194, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal .toggle-option-container {
  background-color: #f5f5f5;
  padding: 10px 15px;
  padding-right: 10px;
  margin-bottom: 5px;
  border-radius: 6px;
  border: 1px solid #dfdfdf;
}

/* line 204, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page .contract-field-edit-modal #contract-field-error-container[data-error-count="0"] {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Document Edit Validation Errors
/* ===================================================================== */
/* ===================================================================== */
/* line 217, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='false']:not([data-error-message-count='0']) {
  background-color: #ffd0d0;
  border-color: #e25353;
}

/* line 220, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='false']:not([data-error-message-count='0']) .required-icon {
  color: #e15453;
}

/* line 223, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='false']:not([data-error-message-count='0']) .smart-field-indicator {
  background-color: #e25353;
  border-color: #e25353;
}

/* line 227, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='false']:not([data-error-message-count='0']) .placeholder {
  color: #d96a6a;
}

/* line 230, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='false']:not([data-error-message-count='0']) .value {
  color: #cf0000;
}

/* line 235, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='true']:not([data-error-message-count='0']) {
  background-color: #ffd0d0;
  border-color: #e25353;
}

/* line 238, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='true']:not([data-error-message-count='0']) .required-icon {
  color: #e15453;
}

/* line 241, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='true']:not([data-error-message-count='0']) .smart-field-indicator {
  background-color: #e25353;
  border-color: #e25353;
}

/* line 245, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='true']:not([data-error-message-count='0']) .placeholder {
  color: #d96a6a;
}

/* line 248, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#edit-document-page.show-edit-errors .contract-field-editor-container[data-editable-by-contact='true']:not([data-error-message-count='0']) .value {
  color: #cf0000;
}

/* ===================================================================== */
/* ===================================================================== */
/* Contract Field Preview Overrides
/* ===================================================================== */
/* ===================================================================== */
/* line 273, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='true'] {
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
  border: 0px;
  border-bottom: 1px dashed #a8a8a8;
  border-radius: 0px;
}

/* line 280, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='true']:hover {
  cursor: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 285, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='true'] .placeholder {
  display: none;
}

/* line 288, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='true'] .height-spacer {
  display: none;
}

/* line 291, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='true'] .required-icon {
  display: none;
}

/* line 296, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='false'] {
  background-color: #ffd0d0;
  border-color: #e25353;
  color: #cf0000;
}

/* line 300, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='false'] .placeholder {
  color: #d96a6a;
}

/* line 303, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#preview-document-page .contract-part .contract-field-show-container[data-editable-by-contact='false'][data-has-value='false'] .required-icon {
  color: #e15453;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fillable Contract Field for Show
/* ===================================================================== */
/* ===================================================================== */
/* line 318, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input, #preview-document-page .contact-fillable-field-for-custom-input {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 3px 7px;
  font-weight: 600;
  transition: box-shadow 0.2s;
  display: inline-block;
  position: relative;
}

/* line 326, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input.is-invalid, #preview-document-page .contact-fillable-field-for-custom-input.is-invalid {
  background-color: #ffe3e0 !important;
  border-bottom-color: #ff0000 !important;
  color: red !important;
}

/* line 335, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input[data-input-locked="true"], #preview-document-page .contact-fillable-field-for-custom-input[data-input-locked="true"] {
  background-color: #f2f2f2;
  border-bottom: 1px dashed #a6a6a6;
}

/* line 342, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input[data-input-locked="false"], #preview-document-page .contact-fillable-field-for-custom-input[data-input-locked="false"] {
  background-color: #e0f0ff;
  border-bottom: 1px dashed #6d7e90;
}

@media (min-width: 1200px) {
  /* line 345, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
  #document-show-page .contact-fillable-field-for-custom-input[data-input-locked="false"]:hover, #preview-document-page .contact-fillable-field-for-custom-input[data-input-locked="false"]:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 354, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field,
#preview-document-page form.contact-fillable-field {
  display: inline !important;
  position: relative;
}

/* line 359, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-prepend-icon,
#preview-document-page form.contact-fillable-field .input-prepend-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  color: #7c9ec3;
}

/* line 365, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_number_icon"],
#document-show-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_phone_icon"],
#preview-document-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_number_icon"],
#preview-document-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_phone_icon"] {
  padding-left: 25px;
}

/* line 369, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_currency_icon"],
#preview-document-page form.contact-fillable-field .input-sizer[data-input-prepend="prepend_currency_icon"] {
  padding-left: 17px;
}

/* line 374, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer[data-value=""]::after,
#document-show-page form.contact-fillable-field .input-sizer[data-value=""] input,
#preview-document-page form.contact-fillable-field .input-sizer[data-value=""]::after,
#preview-document-page form.contact-fillable-field .input-sizer[data-value=""] input {
  min-width: 100px;
}

/* line 380, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer,
#preview-document-page form.contact-fillable-field .input-sizer {
  position: relative !important;
  font-size: unset !important;
  top: 0px;
  left: 0px;
  z-index: 0;
  display: inline-grid;
  vertical-align: middle;
  align-items: center;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 2px 6px;
  transition: box-shadow 0.2s;
}

/* line 396, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer::after,
#document-show-page form.contact-fillable-field .input-sizer input,
#preview-document-page form.contact-fillable-field .input-sizer::after,
#preview-document-page form.contact-fillable-field .input-sizer input {
  text-align: center;
  width: auto;
  grid-area: 1 / 2;
  font: inherit;
  margin: 0;
  resize: none;
  background: none;
  appearance: none;
  border: none;
  padding: 0px;
}

/* line 410, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer span,
#preview-document-page form.contact-fillable-field .input-sizer span {
  padding: 0.25em;
}

/* line 414, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer::after,
#preview-document-page form.contact-fillable-field .input-sizer::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre-wrap;
}

/* line 420, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer:focus-within,
#preview-document-page form.contact-fillable-field .input-sizer:focus-within {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 424, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer:focus-within input:focus,
#preview-document-page form.contact-fillable-field .input-sizer:focus-within input:focus {
  outline: none;
}

/* line 430, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer[data-input-locked="false"],
#preview-document-page form.contact-fillable-field .input-sizer[data-input-locked="false"] {
  background-color: #e0f0ff;
  border-bottom: 1px dashed #6d7e90;
}

@media (min-width: 1200px) {
  /* line 433, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
  #document-show-page form.contact-fillable-field .input-sizer[data-input-locked="false"]:hover,
#preview-document-page form.contact-fillable-field .input-sizer[data-input-locked="false"]:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 440, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer[data-input-locked="true"],
#preview-document-page form.contact-fillable-field .input-sizer[data-input-locked="true"] {
  background-color: #f2f2f2;
  border-bottom: 1px dashed #a6a6a6;
  color: #000;
  -webkit-text-fill-color: #000;
}

/* line 448, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer.is-invalid,
#preview-document-page form.contact-fillable-field .input-sizer.is-invalid {
  background-color: #ffe3e0 !important;
  border-bottom-color: #ff0000 !important;
}

/* line 451, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page form.contact-fillable-field .input-sizer.is-invalid .input-prepend-icon,
#preview-document-page form.contact-fillable-field .input-sizer.is-invalid .input-prepend-icon {
  color: red;
}

/* line 457, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading,
#preview-document-page .contract-part .contract-field-show-container.loading {
  visibility: hidden !important;
  max-width: 50px !important;
  display: inline-flex !important;
  height: 8px !important;
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
}

/* line 465, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading:hover,
#preview-document-page .contract-part .contract-field-show-container.loading:hover {
  cursor: default;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* line 470, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading .value,
#preview-document-page .contract-part .contract-field-show-container.loading .value {
  visibility: hidden !important;
  color: #c4c4c4;
}

/* line 471, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading .placeholder,
#preview-document-page .contract-part .contract-field-show-container.loading .placeholder {
  visibility: hidden !important;
  color: #c4c4c4;
}

/* line 472, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading .height-spacer,
#preview-document-page .contract-part .contract-field-show-container.loading .height-spacer {
  visibility: hidden !important;
  color: #c4c4c4;
}

/* line 473, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container.loading .required-icon,
#preview-document-page .contract-part .contract-field-show-container.loading .required-icon {
  visibility: hidden !important;
  color: #c4c4c4;
}

/* line 476, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contract-part .contract-field-show-container[data-editable-by-contact='false'] {
  padding: 3px 0px;
  background-color: transparent;
  border: 0px;
  border-bottom: 1px dashed #a8a8a8;
  border-radius: 0px;
}

/* line 484, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-locked,
#preview-document-page .contact-fillable-field-locked {
  display: inline-block;
  padding: 2px 6px;
  background-color: #f3f3f3;
  border-bottom: 1px dashed #696969;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: 600;
}

/* line 493, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-locked[data-has-value="false"],
#preview-document-page .contact-fillable-field-locked[data-has-value="false"] {
  color: transparent;
}

/* Inline Placeholder
======================================================================== */
/* line 501, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field input::placeholder, #preview-document-page .contact-fillable-field input::placeholder {
  color: #a8bcd2;
}

/* line 505, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field label.is-invalid input::placeholder {
  color: #f6a3a2;
}

/* Placeholder Tooltip
======================================================================== */
/* line 512, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input .contract-field-tooltip,
#document-show-page .contact-fillable-field .contract-field-tooltip,
#document-show-page .contact-fillable-field-label .contract-field-tooltip,
#document-show-page form.edit_initial_field .contract-field-tooltip, #preview-document-page .contact-fillable-field-for-custom-input .contract-field-tooltip,
#preview-document-page .contact-fillable-field .contract-field-tooltip,
#preview-document-page .contact-fillable-field-label .contract-field-tooltip,
#preview-document-page form.edit_initial_field .contract-field-tooltip {
  opacity: 0;
  pointer-events: none;
  background-color: #434343;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 9px);
  width: max-content;
  padding: 4px 10px;
  border-radius: 6px;
  transition: all 0.3s;
}

/* line 525, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input .contract-field-tooltip p,
#document-show-page .contact-fillable-field .contract-field-tooltip p,
#document-show-page .contact-fillable-field-label .contract-field-tooltip p,
#document-show-page form.edit_initial_field .contract-field-tooltip p, #preview-document-page .contact-fillable-field-for-custom-input .contract-field-tooltip p,
#preview-document-page .contact-fillable-field .contract-field-tooltip p,
#preview-document-page .contact-fillable-field-label .contract-field-tooltip p,
#preview-document-page form.edit_initial_field .contract-field-tooltip p {
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 600;
  text-align: center;
}

/* line 531, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input .contract-field-tooltip .tooltip-pointer-icon,
#document-show-page .contact-fillable-field .contract-field-tooltip .tooltip-pointer-icon,
#document-show-page .contact-fillable-field-label .contract-field-tooltip .tooltip-pointer-icon,
#document-show-page form.edit_initial_field .contract-field-tooltip .tooltip-pointer-icon, #preview-document-page .contact-fillable-field-for-custom-input .contract-field-tooltip .tooltip-pointer-icon,
#preview-document-page .contact-fillable-field .contract-field-tooltip .tooltip-pointer-icon,
#preview-document-page .contact-fillable-field-label .contract-field-tooltip .tooltip-pointer-icon,
#preview-document-page form.edit_initial_field .contract-field-tooltip .tooltip-pointer-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -7px;
  color: #434343;
  -webkit-text-fill-color: #434343;
}

/* line 541, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input:hover,
#document-show-page .contact-fillable-field:hover,
#document-show-page .contact-fillable-field:has(input:focus-within),
#document-show-page form.edit_initial_field:hover,
#document-show-page form.edit_initial_field:has(input:focus-within), #preview-document-page .contact-fillable-field-for-custom-input:hover,
#preview-document-page .contact-fillable-field:hover,
#preview-document-page .contact-fillable-field:has(input:focus-within),
#preview-document-page form.edit_initial_field:hover,
#preview-document-page form.edit_initial_field:has(input:focus-within) {
  z-index: 1;
}

/* line 547, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input:hover .contract-field-tooltip,
#document-show-page .contact-fillable-field:hover .contract-field-tooltip,
#document-show-page .contact-fillable-field:has(input:focus-within) .contract-field-tooltip,
#document-show-page form.edit_initial_field:hover .contract-field-tooltip,
#document-show-page form.edit_initial_field:has(input:focus-within) .contract-field-tooltip, #preview-document-page .contact-fillable-field-for-custom-input:hover .contract-field-tooltip,
#preview-document-page .contact-fillable-field:hover .contract-field-tooltip,
#preview-document-page .contact-fillable-field:has(input:focus-within) .contract-field-tooltip,
#preview-document-page form.edit_initial_field:hover .contract-field-tooltip,
#preview-document-page form.edit_initial_field:has(input:focus-within) .contract-field-tooltip {
  opacity: 1;
}

/* Is Required
======================================================================== */
/* line 559, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input .is-required-icon,
#document-show-page .contact-fillable-field .is-required-icon,
#document-show-page .contact-fillable-field-label .is-required-icon, #preview-document-page .contact-fillable-field-for-custom-input .is-required-icon,
#preview-document-page .contact-fillable-field .is-required-icon,
#preview-document-page .contact-fillable-field-label .is-required-icon {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
  color: #92bfeb;
  -webkit-text-fill-color: #92bfeb;
  font-size: 14px;
}

/* line 572, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-label[data-input-locked="true"] .is-required-icon,
#document-show-page .contact-fillable-field-for-custom-input[data-input-locked="true"] .is-required-icon, #preview-document-page .contact-fillable-field-label[data-input-locked="true"] .is-required-icon,
#preview-document-page .contact-fillable-field-for-custom-input[data-input-locked="true"] .is-required-icon {
  color: #c4c4c4;
  -webkit-text-fill-color: #c4c4c4;
}

/* line 583, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input[data-is-required="true"] .is-required-icon,
#document-show-page .contact-fillable-field label[data-is-required="true"] .is-required-icon, #preview-document-page .contact-fillable-field-for-custom-input[data-is-required="true"] .is-required-icon,
#preview-document-page .contact-fillable-field label[data-is-required="true"] .is-required-icon {
  display: block;
}

/* line 589, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input[data-is-required="true"], #preview-document-page .contact-fillable-field-for-custom-input[data-is-required="true"] {
  padding-right: 30px;
}

/* line 594, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field label[data-is-required="true"], #preview-document-page .contact-fillable-field label[data-is-required="true"] {
  padding-right: 24px;
}

/* line 602, app/assets/stylesheets/pages/structured_contracts/contract_fields.scss */
#document-show-page .contact-fillable-field-for-custom-input.is-invalid .is-required-icon,
#document-show-page .contact-fillable-field-label.is-invalid .is-required-icon, #preview-document-page .contact-fillable-field-for-custom-input.is-invalid .is-required-icon,
#preview-document-page .contact-fillable-field-label.is-invalid .is-required-icon {
  color: #f48080;
  -webkit-text-fill-color: #f48080;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block {
  display: block;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  border: 1px solid transparent;
  padding: 10px;
  margin: 20px 0px 10px 0px;
  font-size: 16px;
  position: relative;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
  .contract-part .client-detail-block {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
  .contract-part .client-detail-block {
    padding: 25px;
    padding-bottom: 10px;
    margin: 27px 5px;
  }
}

/* line 19, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .contract-part .client-detail-block:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Loader
/* ===================================================================== */
/* ===================================================================== */
/* line 29, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .loader-container {
  display: flex;
  align-items: center;
}

/* line 32, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .loader-container i {
  font-size: 20px;
}

/* line 35, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .loader-container .loader-text {
  padding-left: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Client Fields Container
/* ===================================================================== */
/* ===================================================================== */
/* line 45, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container {
  padding: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
}

/* line 52, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block label {
  z-index: 0;
}

/* line 56, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container .address-fake-field {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  padding: 8px 15px;
  min-height: 80px;
  transition: border-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}

/* line 63, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container .address-fake-field .label {
  color: #7b7b7b;
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

/* line 70, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container .address-fake-field .address-values {
  line-height: 20px;
}

/* line 73, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container .address-fake-field:hover {
  cursor: pointer;
  border-color: #cccccc;
}

/* line 77, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container .address-fake-field.is-invalid {
  background-color: #fff0f0 !important;
  border-color: #dc8e8e !important;
}

/* line 84, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container .address-fake-field, #document-show-page .contract-part .client-detail-block .client-fields-container input {
  background-color: #e0f0ff;
}

/* line 89, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
.contract-part .client-detail-block .client-fields-container input[disabled='disabled'] {
  background-color: #f7f7f7;
}

/* line 95, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container .address-fake-field, #document-show-page .contract-part .client-detail-block .client-fields-container input, #preview-document-page .contract-part .client-detail-block .client-fields-container .address-fake-field, #preview-document-page .contract-part .client-detail-block .client-fields-container input {
  background-color: #ecf6ff;
  border-color: #94a3b4;
}

/* line 98, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container .address-fake-field:focus-within, #document-show-page .contract-part .client-detail-block .client-fields-container input:focus-within, #preview-document-page .contract-part .client-detail-block .client-fields-container .address-fake-field:focus-within, #preview-document-page .contract-part .client-detail-block .client-fields-container input:focus-within {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 100, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container .address-fake-field:focus-within input:focus, #document-show-page .contract-part .client-detail-block .client-fields-container input:focus-within input:focus, #preview-document-page .contract-part .client-detail-block .client-fields-container .address-fake-field:focus-within input:focus, #preview-document-page .contract-part .client-detail-block .client-fields-container input:focus-within input:focus {
  outline: none;
}

@media (min-width: 1200px) {
  /* line 104, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
  #document-show-page .contract-part .client-detail-block .client-fields-container .address-fake-field:hover, #document-show-page .contract-part .client-detail-block .client-fields-container input:hover, #preview-document-page .contract-part .client-detail-block .client-fields-container .address-fake-field:hover, #preview-document-page .contract-part .client-detail-block .client-fields-container input:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 110, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container label, #document-show-page .contract-part .client-detail-block .client-fields-container .label, #preview-document-page .contract-part .client-detail-block .client-fields-container label, #preview-document-page .contract-part .client-detail-block .client-fields-container .label {
  color: #212529;
}

/* line 113, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container input[disabled='disabled'], #preview-document-page .contract-part .client-detail-block .client-fields-container input[disabled='disabled'] {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

/* line 116, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#document-show-page .contract-part .client-detail-block .client-fields-container input[disabled='disabled']:hover, #preview-document-page .contract-part .client-detail-block .client-fields-container input[disabled='disabled']:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Panel Content
/* ===================================================================== */
/* ===================================================================== */
/* line 129, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#client-detail-block-edit-panel #collection-options-container {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  margin-top: 15px;
}

/* line 133, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#client-detail-block-edit-panel #collection-options-container .collection-option {
  padding: 10px 15px;
  border-bottom: 1px solid #eeeeee;
}

/* line 136, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#client-detail-block-edit-panel #collection-options-container .collection-option:last-child {
  border-bottom: 0px;
}

/* line 142, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#client-detail-block-edit-panel .client-info-container {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  margin-top: 15px;
  padding: 15px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 142, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
  #client-detail-block-edit-panel .client-info-container {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* For Editor
/* ===================================================================== */
/* ===================================================================== */
/* line 155, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block #edit-button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3;
}

/* line 160, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block:hover, #edit-document-page .client-detail-block.active {
  border-color: #4dc6ce;
}

/* line 163, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block.active {
  box-shadow: 3px 0px 18px 1px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 3px 0px 18px 1px rgba(0, 0, 0, 0.33);
}

/* line 168, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block .container-label {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -12px;
  left: 27px;
  background-color: #4dc6ce;
  padding: 5px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
  transition: all 0.2s;
}

/* line 182, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block:hover .container-label,
#edit-document-page .client-detail-block.active .container-label {
  opacity: 1;
  pointer-events: auto;
}

/* line 188, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block[data-mce-selected="1"] {
  outline: none;
}

/* line 192, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .client-detail-block .wedding-role-explainer-tooltip {
  color: #bfbfbf;
  margin-left: 10px;
  position: relative;
  z-index: 21;
}

/* ===================================================================== */
/* ===================================================================== */
/* Locked Client Detail Block
/* ===================================================================== */
/* ===================================================================== */
/* line 207, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"], #edit-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field,
#document-show-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"],
#document-show-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field,
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"],
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field {
  background-color: #fff;
  border-color: #dfdfdf;
  color: #000;
  opacity: 1;
  -webkit-text-fill-color: #000;
}

/* line 213, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"]:hover, #edit-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field:hover,
#document-show-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"]:hover,
#document-show-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field:hover,
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked .form-group input[disabled="disabled"]:hover,
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field:hover {
  cursor: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 219, app/assets/stylesheets/pages/structured_contracts/client_detail_blocks.scss */
#edit-document-page .contract-part .client-detail-block .client-fields-container.locked label, #edit-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field .label,
#document-show-page .contract-part .client-detail-block .client-fields-container.locked label,
#document-show-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field .label,
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked label,
#preview-document-page .contract-part .client-detail-block .client-fields-container.locked .address-fake-field .label {
  color: #7a7a7a;
}

/* Global Styles
======================================================================== */
/* line 3, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block {
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
  .contract-part .initials-block {
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}

/* line 19, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block[data-contract-part-type='exhibit'] {
  padding-left: 30px;
  padding-right: 30px;
}

/* line 25, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#preview-document-page .structured-contract-page-container .contract-part .initials-block p.acceptance-language, #document-show-page .structured-contract-page-container .contract-part .initials-block p.acceptance-language {
  margin-top: 10px;
  font-size: 14px;
  line-height: 19px;
  flex-basis: 100%;
}

@media (min-width: 576px) {
  /* line 25, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
  #preview-document-page .structured-contract-page-container .contract-part .initials-block p.acceptance-language, #document-show-page .structured-contract-page-container .contract-part .initials-block p.acceptance-language {
    margin-top: 0px;
    font-size: inherit;
    line-height: inherit;
    flex-basis: initial;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Initials Input Field
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block input.initials-input-field,
.contract-part .initials-block .disabled-initials-input-field {
  position: relative;
  width: 70px;
  height: 50px;
  text-align: center;
  padding: 10px 0px;
  outline: none;
  appearance: none;
  border: 1px dashed transparent;
  border-radius: 4px;
  font-size: 18px;
  font-family: monospace;
}

/* line 57, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block input.initials-input-field::placeholder,
.contract-part .initials-block .disabled-initials-input-field::placeholder {
  font-size: 15px;
  font-family: 'Nunito', sans-serif;
}

/* line 63, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block form.edit_initial_field {
  position: relative;
  margin-right: 15px;
}

/* line 66, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block form.edit_initial_field input {
  text-transform: uppercase;
}

/* line 69, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block form.edit_initial_field input::placeholder {
  text-transform: none;
}

/* line 74, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block .disabled-initials-input-field .placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 15px;
  font-family: 'Nunito', sans-serif;
}

/* line 79, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block .disabled-initials-input-field .value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #000;
}

/* Disabled Input Field
======================================================================== */
/* line 87, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block .disabled-initials-input-field {
  margin-right: 15px;
  background-color: #f3f3f3;
  border-color: #696969;
  color: #9b9b9b;
}

/* line 92, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block .disabled-initials-input-field::placeholder {
  color: #9b9b9b;
  -webkit-text-fill-color: #9b9b9b;
}

/* line 96, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
.contract-part .initials-block .disabled-initials-input-field:hover {
  cursor: pointer;
}

/* For Preview
======================================================================== */
/* line 102, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#document-show-page .contract-part .initials-block input.initials-input-field,
#preview-document-page .contract-part .initials-block .disabled-initials-input-field[data-has-value="false"] {
  background-color: #e0f0ff;
  border-color: #6d7e90;
}

/* line 106, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#document-show-page .contract-part .initials-block input.initials-input-field::placeholder, #document-show-page .contract-part .initials-block input.initials-input-field .placeholder,
#preview-document-page .contract-part .initials-block .disabled-initials-input-field[data-has-value="false"]::placeholder,
#preview-document-page .contract-part .initials-block .disabled-initials-input-field[data-has-value="false"] .placeholder {
  color: #a8bcd2;
  -webkit-text-fill-color: #a8bcd2;
}

/* line 110, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#document-show-page .contract-part .initials-block input.initials-input-field.is-invalid,
#preview-document-page .contract-part .initials-block .disabled-initials-input-field.is-invalid[data-has-value="false"] {
  border-color: red !important;
}

/* line 112, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#document-show-page .contract-part .initials-block input.initials-input-field.is-invalid::placeholder,
#preview-document-page .contract-part .initials-block .disabled-initials-input-field.is-invalid[data-has-value="false"]::placeholder {
  color: #f6a3a2;
  -webkit-text-fill-color: #f6a3a2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Acceptance Language
/* ===================================================================== */
/* ===================================================================== */
/* line 124, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#edit-document-page .contract-part .initials-block form {
  flex-grow: 1;
  padding-right: 10px;
}

/* line 127, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#edit-document-page .contract-part .initials-block form input.initials-acceptance-language {
  display: block;
  font-size: 15.5px;
  width: 100%;
  padding: 8px 5px;
  outline: none;
  appearance: none;
  border: 1px solid transparent;
  transition: all 0.2s;
}

/* line 136, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#edit-document-page .contract-part .initials-block form input.initials-acceptance-language:hover, #edit-document-page .contract-part .initials-block form input.initials-acceptance-language:focus-within {
  border-color: #4dc6ce;
}

/* line 139, app/assets/stylesheets/pages/structured_contracts/initials_blocks.scss */
#edit-document-page .contract-part .initials-block form input.initials-acceptance-language::placeholder {
  color: #bbbbbb;
  -webkit-text-fill-color: #bbbbbb;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon {
  position: absolute;
  font-size: 17px;
  color: #4c7fb6;
  top: -500000px;
  left: -10px;
  transform: translateX(-100%) translateY(7px);
  display: none;
  transition: opacity 0.6s;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
  .contract-field-action-indicator-icon {
    display: block;
  }
}

/* line 13, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon.highlight-issue {
  color: #d75959;
  z-index: 1;
}

/* line 23, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon.for-client-detail-block {
  transform: translateX(-100%) translateY(18px);
}

/* line 27, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon.for-client-detail-block-address {
  transform: translateX(-100%) translateY(32px);
}

/* line 31, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon.for-initials-field {
  transform: translateX(-100%) translateY(18px);
}

/* line 35, app/assets/stylesheets/pages/structured_contracts/action_indicators.scss */
.contract-field-action-indicator-icon.loading {
  opacity: 0.4;
}

/* line 1, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder {
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

/* line 3, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-part-branded-header {
  padding-top: 10px !important;
}

/* line 9, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-placeholder-section-container {
  margin-bottom: 30px;
}

/* line 11, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-placeholder-section-container .section-title {
  height: 19px;
  background-color: #e7e7e7;
  border-radius: 25px;
}

/* line 17, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .placeholder-text-line {
  height: 9px;
  margin-top: 10px;
  background-color: #f2f2f2;
  border-radius: 5px;
}

/* line 23, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-placeholder-signature-block {
  background-color: #f1f1f1;
  width: 300px;
  height: 55px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}

/* line 30, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-placeholder-signature-block i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-size: 23px;
  color: #b7b7b7;
}

/* line 37, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-placeholder-label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #c4c4c4;
  padding-top: 50px;
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
  .structured-contract-page-container.for-contract-placeholder .contract-placeholder-label {
    font-size: 20px;
  }
}

/* line 50, app/assets/stylesheets/pages/structured_contracts/contract_placeholder.scss */
.structured-contract-page-container.for-contract-placeholder .contract-part:hover {
  cursor: default !important;
}

/* Contact Info Requests */
/* line 1, app/assets/stylesheets/pages/contact_info_requests.scss */
#contact_info_request-modal .radio-button-option.platform-option {
  padding: 15px;
}

/* Tasks */
/* line 1, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.task-inline-assigner {
  position: relative;
  display: inline-block;
}

/* Assign Popover
======================================================================== */
/* line 8, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container {
  position: relative;
  height: 54px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 18px;
  transition: all 0.2s;
}

@media (min-width: 1200px) {
  /* line 18, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
  .assign-popover .profile-container:hover {
    background-color: #f0f0f0;
  }
}

/* line 24, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover h5 {
  padding: 10px 18px;
  background-color: #f2f2f2;
  border-radius: 6px;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 32, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .share-warning {
  padding-left: 15px;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 5px;
}

/* line 39, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .ad-hoc-link {
  color: teal;
  padding: 13px 26px;
  border-radius: 5px;
  transition: all 0.2s;
}

/* line 44, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .ad-hoc-link i {
  margin-right: 7px;
}

/* line 49, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .ad-hoc-link:hover {
  background-color: #f0f0f0;
}

/* line 53, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container .profile-avatar {
  margin-right: 10px;
}

/* line 57, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container .profile-name {
  font-size: 16px;
  flex-grow: 1;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
  .assign-popover .profile-container .profile-name {
    font-size: 14.5px;
  }
}

/* line 62, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container .profile-name .not-visible-in-portal {
  display: none;
  color: #c4c4c4;
  font-size: 14px;
}

/* line 68, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container[data-assigned='true'] .not-visible-in-portal {
  display: block;
}

/* Portal Warning Icon
======================================================================== */
/* line 74, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .portal-status-warning {
  display: none;
}

/* line 77, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container[data-assigned='true'] .portal-status-warning {
  display: inline-block;
}

/* Check Icons
======================================================================== */
/* line 83, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container .check-container {
  margin-left: 8px;
  color: teal;
  font-size: 22px;
}

/* line 87, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container .check-container .fa-circle-check {
  display: none;
}

/* line 93, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container[data-assigned='true'] .check-container .fa-circle-check {
  display: initial;
}

/* line 96, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-container[data-assigned='true'] .check-container .fa-circle {
  display: none;
}

/* line 101, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .fa-refresh {
  color: #73b5b5;
}

/* line 105, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover.mobile {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  z-index: 10;
}

/* line 113, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover.mobile .task-name {
  padding: 10px;
  padding-top: 0px;
}

/* line 118, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover.desktop {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  background-color: #fff;
  padding: 18px;
  border: 1px solid #c4c4c4;
  position: absolute;
  width: 306px;
  transform: translateY(-100%) translateX(0%);
  z-index: 26;
  border-radius: .22rem;
}

/* Profile Type Header
======================================================================== */
/* line 132, app/assets/stylesheets/pages/tasks/inline_assigner.scss */
.assign-popover .profile-type-header {
  padding: 5px;
}

/* line 1, app/assets/stylesheets/pages/tasks/due_date_label.scss */
.task-due-date-label[data-overdue='true'] {
  color: #d62929;
}

/* line 5, app/assets/stylesheets/pages/tasks/due_date_label.scss */
.task-due-date-label[data-day-count='0'] {
  color: #eb9800;
}

/* ===================================================================== */
/* ===================================================================== */
/* Schedule Pages Split Grid Layout (event_custom)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column {
    grid-template-columns: 245px 1fr;
  }
}

/* Left Column
======================================================================== */
@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-left-column {
    background-color: #fdfdfd;
    padding-bottom: 0px;
  }
}

/* Right Column
======================================================================== */
/* line 26, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column {
  overflow: scroll;
}

@media (max-width: 1200px) {
  /* line 26, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column {
    position: absolute;
    top: 75px;
    right: 0px;
    left: 0px;
    bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column {
    padding-bottom: 30vh;
    box-shadow: 0px 0px 20px 2px #00000014;
    -webkit-box-shadow: 0px 0px 20px 2px #00000014;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Schedule Pages Split Grid Layout (company_template)
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .split-grid-layout--two-column {
  display: none;
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/pages/schedules_refactor.scss */
  #schedule-template-page .split-grid-layout--two-column {
    display: grid;
    grid-template-columns: 350px 1fr;
    max-width: 1680px;
  }
}

/* Left Column
======================================================================== */
@media (min-width: 1200px) {
  /* line 58, app/assets/stylesheets/pages/schedules_refactor.scss */
  #schedule-template-page .split-grid-layout--two-column .split-grid-layout-left-column {
    background-color: #fdfdfd;
  }
}

/* Right Column
======================================================================== */
/* line 66, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .split-grid-layout--two-column .split-grid-layout-right-column {
  overflow: scroll;
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/pages/schedules_refactor.scss */
  #schedule-template-page .split-grid-layout--two-column .split-grid-layout-right-column {
    padding-bottom: 30vh;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Schedule Navigator
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 88, app/assets/stylesheets/pages/schedules_refactor.scss */
  .schedule-navigator {
    padding: 32px;
    padding-top: 0px;
    display: grid;
    gap: 8px;
  }
}

/* line 97, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator i {
  font-size: 12px;
  color: #acacac;
}

/* line 102, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__schedule-container {
  margin-left: -16px;
  margin-right: -16px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: #727272;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/pages/schedules_refactor.scss */
  .schedule-navigator__schedule-container {
    font-size: 14.5px;
  }
}

/* line 112, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__schedule-container.selected {
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c9c9c9;
  border-radius: 0px;
}

/* line 120, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__schedule-container.not-selected {
  display: grid;
  align-items: center;
  grid-template-columns: 25px 1fr;
  padding: 8px 16px;
}

/* line 125, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__schedule-container.not-selected:hover {
  background-color: #f5f5f5;
}

/* line 129, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__title {
  font-size: 17px;
  font-weight: 600;
  padding: 16px;
  color: #2f2f2f;
  line-height: 1.3;
}

/* line 137, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__title i {
  color: #2f2f2f;
}

/* line 142, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__shareable-label {
  font-size: 16px;
  color: #727272;
  padding: 16px;
  opacity: 0.9;
}

@media (min-width: 576px) {
  /* line 142, app/assets/stylesheets/pages/schedules_refactor.scss */
  .schedule-navigator__shareable-label {
    font-size: 14.5px;
  }
}

/* line 150, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__views {
  display: grid;
}

/* line 154, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__divider {
  height: 1px;
  margin-left: -16px;
  margin-right: -16px;
  border-bottom: 1px dashed #c9c9c9;
}

/* line 162, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__view-container {
  display: grid;
  align-items: center;
  grid-template-columns: 25px 1fr;
  font-size: 14px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #727272;
  line-height: 1.3;
}

/* line 170, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__view-container:hover {
  background-color: #f5f5f5;
  color: #2f2f2f;
}

/* line 176, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__view-container.--for-new-view:hover {
  border-color: teal;
  color: teal;
  background-color: #fff;
}

/* line 180, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__view-container.--for-new-view:hover i {
  color: teal;
}

/* line 185, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-navigator__view-container.selected {
  box-shadow: 0px 0px 7px 1px #00000017;
  -webkit-box-shadow: 0px 0px 7px 1px #00000017;
  border-color: #d1d1d1;
  background-color: #fff;
  color: #2f2f2f;
}

/* line 70, app/assets/stylesheets/base/mixins.scss */
.schedule-navigator__view-container.selected i {
  color: #2f2f2f;
}

/* ===================================================================== */
/* ===================================================================== */
/* Primary Schedule Header
/* ===================================================================== */
/* ===================================================================== */
/* line 194, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column .primary-schedule-header {
  position: sticky;
  top: 0px;
}

@media (min-width: 1200px) {
  /* line 197, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column .primary-schedule-header .main-bar-nav-container {
    padding-left: 48px;
  }
  /* line 200, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column .primary-schedule-header .main-bar-nav-container h5 {
    font-size: 21px;
  }
  /* line 203, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column .primary-schedule-header .main-bar-nav-container h5.long-string-handler {
    font-size: 18px;
  }
  /* line 206, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .split-grid-layout--two-column .split-grid-layout-right-column .primary-schedule-header .main-bar-nav-container h5.really-long-string-handler {
    font-size: 16px;
    font-weight: 700;
  }
}

/* line 214, app/assets/stylesheets/pages/schedules_refactor.scss */
body[data-portal='true'] #sub-schedule-page .primary-schedule-header {
  position: sticky;
  top: 0px;
}

@media (min-width: 1200px) {
  /* line 217, app/assets/stylesheets/pages/schedules_refactor.scss */
  body[data-portal='true'] #sub-schedule-page .primary-schedule-header .main-bar-nav-container {
    padding-left: 48px;
  }
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/pages/schedules_refactor.scss */
  body[data-portal='true'] #sub-schedule-page .primary-schedule-header .main-bar-nav-container h5 {
    font-size: 21px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Timeline Empty State
/* ===================================================================== */
/* ===================================================================== */
/* line 234, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-day-blocks-container:not([data-schedule-days-count="0"]) .empty-state-for-index {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Template Add Day Container
/* ===================================================================== */
/* ===================================================================== */
/* line 243, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .template-add-day-container {
  padding: 12px 48px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Day Header
/* ===================================================================== */
/* ===================================================================== */
/* line 252, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-day-header {
  position: sticky;
  height: 40px;
  top: 55px;
  z-index: 11;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  border-top: 1px solid #fff;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 252, app/assets/stylesheets/pages/schedules_refactor.scss */
  .schedule-day-header {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 252, app/assets/stylesheets/pages/schedules_refactor.scss */
  .schedule-day-header {
    padding-left: 48px;
    padding-right: 15px;
    height: 55px;
    font-size: 16px;
    box-shadow: 0px -3px 5px 1px #0000001a;
    -webkit-box-shadow: 0px -3px 5px 1px #0000001a;
    border-top-width: 0px;
    border-bottom: 1px solid #eeeeee;
    background-color: #fff;
  }
}

/* line 279, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .schedule-day-header {
  top: 0px;
}

/* line 283, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-day-header--desktop-actions {
  flex-grow: 1;
  display: flex;
  justify-content: end;
  gap: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Schedule Container
/* ===================================================================== */
/* ===================================================================== */
/* line 295, app/assets/stylesheets/pages/schedules_refactor.scss */
.schedule-day-container {
  margin-bottom: 64px;
  max-width: 1050px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Time Blocks Container
/* ===================================================================== */
/* ===================================================================== */
/* line 305, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .schedule-day-container .time-blocks-container,
#edit-event-schedule-page .schedule-day-container .time-blocks-container {
  margin-top: 24px;
  margin-bottom: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Schedule Item Blank Link
/* ===================================================================== */
/* ===================================================================== */
/* line 316, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page .schedule-day-container .new-schedule-item-blank-link,
#edit-event-schedule-page .schedule-day-container .new-schedule-item-blank-link {
  display: none;
}

/* line 321, app/assets/stylesheets/pages/schedules_refactor.scss */
#schedule-template-page.master-schedule .schedule-day-container[data-time-block-count="0"] .new-schedule-item-blank-link,
#edit-event-schedule-page.master-schedule .schedule-day-container[data-time-block-count="0"] .new-schedule-item-blank-link {
  display: block;
  padding-left: 24px;
}

@media (min-width: 1200px) {
  /* line 321, app/assets/stylesheets/pages/schedules_refactor.scss */
  #schedule-template-page.master-schedule .schedule-day-container[data-time-block-count="0"] .new-schedule-item-blank-link,
#edit-event-schedule-page.master-schedule .schedule-day-container[data-time-block-count="0"] .new-schedule-item-blank-link {
    padding-left: 48px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Schedule Sharing Container
/* ===================================================================== */
/* ===================================================================== */
/* line 335, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .sub-schedule-sharing-container {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width: 1200px) {
  /* line 335, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .sub-schedule-sharing-container {
    display: flex;
    flex-direction: row;
    gap: 48px;
    background-color: #fdfdfd;
    border: 1px solid #f3f3f3;
    margin: 24px 24px;
    border-radius: 8px;
    padding: 32px 24px;
  }
}

/* line 352, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .sub-schedule-sharing-container .sharing-container-label {
  display: block;
  color: #727272;
  font-size: 16px;
  margin-bottom: 16px;
}

@media (min-width: 576px) {
  /* line 352, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .sub-schedule-sharing-container .sharing-container-label {
    font-size: 14.5px;
  }
}

/* line 359, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .sub-schedule-sharing-container h4 {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 359, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .sub-schedule-sharing-container h4 {
    font-size: 20px;
    padding-top: 3px;
  }
}

@media (min-width: 576px) {
  /* line 367, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .sub-schedule-sharing-container .avatars-and-share-button {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}

/* line 375, app/assets/stylesheets/pages/schedules_refactor.scss */
#edit-event-schedule-page .sub-schedule-sharing-container .avatars-and-share-button button.share-button {
  display: block;
  width: fit-content;
  margin-top: 16px;
}

@media (min-width: 576px) {
  /* line 375, app/assets/stylesheets/pages/schedules_refactor.scss */
  #edit-event-schedule-page .sub-schedule-sharing-container .avatars-and-share-button button.share-button {
    margin-top: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Time Block Row
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row {
  position: relative;
  background-color: #fff;
  display: grid;
  border-bottom: 1px solid #e7e7e7;
  padding: 24px;
  transition-property: padding-top, padding-bottom;
  transition-duration: 0.2s, 0.2s;
}

/* line 18, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:first-child {
  border-top: 1px solid transparent;
}

/* line 21, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.active:first-child {
  border-top-color: #e7e7e7;
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row {
    grid-template-columns: 48px 180px 1fr 150px;
    padding-left: 0px;
    line-height: 24px;
    padding-top: 32px;
    padding-bottom: 48px;
  }
}

/* line 33, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-sub-schedule,
.time-block-row.read-only {
  padding: 24px;
  position: relative;
}

@media (max-width: 1200px) {
  /* line 33, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.edit-mode-sub-schedule,
.time-block-row.read-only {
    padding: 32px 24px;
  }
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.read-only {
    grid-template-columns: 180px 1fr 150px;
  }
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/pages/time_blocks.scss */
  #edit-event-schedule-page.sub-schedule .time-block-row {
    grid-template-columns: 86px 180px 1fr 150px;
  }
}

@media (max-width: 1200px) {
  /* line 55, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-row__controls-column {
    display: none;
  }
}

/* line 62, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-row__time-column {
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-row__time-column {
    margin-bottom: 0px;
    position: relative;
  }
}

/* line 70, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule .time-block-row__details-column {
  transition: transform 0.1s ease-in-out;
}

/* line 75, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-row__aux-column {
  display: none;
}

@media (min-width: 1200px) {
  /* line 75, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-row__aux-column {
    display: block;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  /* line 83, app/assets/stylesheets/pages/time_blocks.scss */
  body[data-portal='true'] .time-block-row {
    padding-left: 48px;
  }
}

/* line 90, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .mobile-intercept-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: transparent;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .mobile-menu {
  display: flex;
  z-index: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 39px;
  width: 100%;
  justify-content: center;
  gap: 16px;
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 576px) {
  /* line 101, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .mobile-menu {
    gap: 24px;
  }
}

@media (max-width: 1200px) {
  /* line 116, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.active {
    padding-top: 100px;
    padding-bottom: 48px;
  }
}

/* line 121, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.active .mobile-menu {
  pointer-events: auto;
  opacity: 1;
  z-index: 2;
}

@media (max-width: 1200px) {
  /* line 129, app/assets/stylesheets/pages/time_blocks.scss */
  #schedule-day-blocks-container:has(.time-block-row.active) .time-block-row:not(.active) {
    background-color: #fcfcfc;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Drag Handle
/* ===================================================================== */
/* ===================================================================== */
/* line 141, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .drag-handle {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 3px 6px;
}

/* line 146, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .drag-handle:hover {
  cursor: grab;
}

/* line 151, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .drag-handle i {
  display: block;
}

/* line 155, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-placeholder {
  background-color: #cce4e4;
  border: 3px dotted #adc6c6;
  height: 100px !important;
}

/* line 161, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.ui-sortable-helper {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  max-height: 55px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  transform: scale(1) rotate(-0.5deg) !important;
}

/* line 167, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.ui-sortable-helper .time-block-field-notes, .time-block-row.ui-sortable-helper .category-display-container, .time-block-row.ui-sortable-helper #event-category-field-container, .time-block-row.ui-sortable-helper .time-block-delegations-container,
.time-block-row.ui-sortable-helper .time-block-actions-menu, .time-block-row.ui-sortable-helper .new-entry-overlay {
  display: none !important;
}

/* line 171, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.ui-sortable-helper .time-block-row__aux-column {
  opacity: 0 !important;
}

/* line 174, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.ui-sortable-helper .time-block-field-name textarea {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 177, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.ui-sortable-helper .drag-handle {
  opacity: 1 !important;
}

/* line 182, app/assets/stylesheets/pages/time_blocks.scss */
body:has(.time-block-row.ui-sortable-helper) {
  cursor: grabbing;
}

/* line 186, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page.sub-schedule .time-block-row .drag-handle {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Details Container Grid
/* ===================================================================== */
/* ===================================================================== */
/* line 195, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-row__details-grid {
  display: grid;
  grid-row-gap: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Field Style Reset
/* ===================================================================== */
/* ===================================================================== */
/* line 205, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row input,
.time-block-row textarea {
  background-color: transparent;
  resize: none;
  box-shadow: none;
  border: 0px;
  position: relative;
  padding: 0px !important;
  line-height: 24px;
}

/* line 214, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row input:focus, .time-block-row input:hover,
.time-block-row textarea:focus,
.time-block-row textarea:hover {
  background-color: #f6f6f6;
}

/* line 219, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row textarea {
  transition: all 0.1s;
  border-radius: 3px;
}

/* line 222, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row textarea:hover {
  background-color: #f9f9f9;
  box-shadow: 0 0 0 4px #f9f9f9;
}

/* line 228, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row textarea:focus {
  transition: 0.3s;
  box-shadow: 0 0 0 7px #ffffff, 0 0 0 9px #c4deff;
  -webkit-box-shadow: 0 0 0 7px #ffffff, 0 0 0 9px #c4deff;
  background-color: transparent;
  border-radius: 3px;
  z-index: 1;
}

/* line 237, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .form-group {
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* field: Time Label
/* ===================================================================== */
/* ===================================================================== */
/* line 246, app/assets/stylesheets/pages/time_blocks.scss */
#schedule-template-page .time-block-row .time-label {
  display: none !important;
}

/* line 250, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-label {
  display: block;
  width: fit-content;
  position: relative;
  font-weight: 650;
  line-height: 24px;
  border-radius: 6px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 250, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-label {
    font-size: 14.5px;
  }
}

/* line 258, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-label a {
  color: #464646;
}

/* line 263, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .time-label.open-inline-time-editor:hover {
  cursor: pointer;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 4px #f9f9f9;
}

/* ===================================================================== */
/* ===================================================================== */
/* Inline Time Editor
/* ===================================================================== */
/* ===================================================================== */
/* line 277, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor {
  display: none;
  position: absolute;
  top: -8px;
  left: -8px;
  background-color: #fff;
  border-radius: 6px;
  width: 180px;
  z-index: 100;
}

@media (min-width: 1200px) {
  /* line 277, app/assets/stylesheets/pages/time_blocks.scss */
  #edit-event-schedule-page .time-block-row .inline-time-editor {
    display: block;
  }
}

/* line 291, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid {
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 291, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor__grid {
    grid-template-columns: 105px 16px 105px;
  }
}

/* line 300, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor.different-dates .inline-time-editor__grid {
  display: grid;
  grid-template-columns: 105px 105px;
  align-items: center;
  grid-row-gap: 8px;
}

/* line 305, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor.different-dates .inline-time-editor__grid .dash-span {
  display: none;
}

/* line 310, app/assets/stylesheets/pages/time_blocks.scss */
#edit-time-block-time-modal .inline-time-editor.different-dates .inline-time-editor__grid {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 16px;
}

/* line 316, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid input {
  font-weight: 650;
  line-height: 24px;
  font-size: 17px;
  padding: 16px;
  background-color: #f9f9f9;
}

@media (min-width: 1200px) {
  /* line 316, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor__grid input {
    font-size: 16px;
    padding: 8px !important;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 316, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor__grid input {
    font-size: 14.5px;
  }
}

/* line 326, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid input::selection {
  background-color: #ddecff;
}

/* line 329, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid input::placeholder {
  color: #96b2d6;
  font-weight: 400;
  color: #6c757d;
}

/* line 335, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid input:focus {
  background-color: #fff;
  box-shadow: 0 0 0 2px #c4deff;
  -webkit-box-shadow: 0 0 0 2px #c4deff;
}

/* line 342, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .ui-timepicker-wrapper {
  width: 185px;
  border-radius: 8px;
  transform: translateY(5px);
}

@media (min-width: 1200px) {
  /* line 342, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor .ui-timepicker-wrapper {
    max-height: 32px;
  }
}

@media (min-width: 1200px) {
  /* line 351, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor .ui-timepicker-wrapper {
    opacity: 0;
  }
}

/* line 356, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .ui-timepicker-wrapper:has(li.ui-timepicker-selected) {
  opacity: 1;
}

/* line 360, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .timepicker-form-group.for-start .ui-timepicker-wrapper {
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 360, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor .timepicker-form-group.for-start .ui-timepicker-wrapper {
    width: 105px;
  }
}

/* line 367, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .ui-timepicker-list li {
  font-size: 16px;
  padding: 10px 16px;
  color: #727272;
  opacity: 0.9;
}

@media (min-width: 576px) {
  /* line 367, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor .ui-timepicker-list li {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 367, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor .ui-timepicker-list li {
    display: none;
    padding: 3px 7px;
    opacity: 0.7;
  }
}

/* line 377, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .ui-timepicker-list li.ui-timepicker-selected {
  display: block;
  background-color: #fff;
  color: #2f2f2f;
  font-weight: 600;
  opacity: 1;
}

/* line 384, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor .ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #2f2f2f;
}

/* line 389, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid .dash-span {
  text-align: center;
}

/* line 394, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor__grid .date-helper-label {
  display: none;
}

/* line 397, app/assets/stylesheets/pages/time_blocks.scss */
.inline-time-editor.different-dates .date-helper-label {
  display: block;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 397, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor.different-dates .date-helper-label {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 397, app/assets/stylesheets/pages/time_blocks.scss */
  .inline-time-editor.different-dates .date-helper-label {
    padding-left: 8px;
  }
}

/* line 406, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor .remove-time-button {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  padding: 4px 6px;
  border-radius: 6px;
  color: #818181;
}

/* line 413, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor .remove-time-button i {
  display: block;
}

/* line 416, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor .remove-time-button:hover {
  cursor: pointer;
  background-color: #e4e4e4;
}

/* line 421, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor.has-start-time .remove-start-time-button {
  display: block;
}

/* line 424, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor.has-end-time .remove-end-time-button {
  display: block;
}

/* line 428, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor input#time_block_end_time,
#edit-time-block-time-modal #datepair-container input#time_block_end_time {
  color: transparent;
}

/* line 433, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .inline-time-editor.has-end-time input#time_block_end_time,
#edit-time-block-time-modal #datepair-container.has-end-time input#time_block_end_time {
  color: #464646;
}

/* line 439, app/assets/stylesheets/pages/time_blocks.scss */
#edit-time-block-time-modal .remove-time-button {
  opacity: 0;
  pointer-events: none;
  margin-top: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.2;
  align-self: stretch;
}

/* line 448, app/assets/stylesheets/pages/time_blocks.scss */
#edit-time-block-time-modal #datepair-container.has-start-time .remove-start-time-button {
  opacity: 1;
  pointer-events: auto;
}

/* line 452, app/assets/stylesheets/pages/time_blocks.scss */
#edit-time-block-time-modal #datepair-container.has-end-time .remove-end-time-button {
  opacity: 1;
  pointer-events: auto;
}

/* line 457, app/assets/stylesheets/pages/time_blocks.scss */
#edit-time-block-time-modal .inline-time-editor.different-dates .remove-time-button {
  grid-column: span 2;
  margin-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* field & display Time Block Name
/* ===================================================================== */
/* ===================================================================== */
/* line 469, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-field-name {
  position: relative;
  max-width: 600px;
}

/* line 474, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-field-name textarea {
  font-weight: 620;
  color: #000;
  letter-spacing: 0.1pt;
}

/* line 478, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-field-name textarea::placeholder {
  font-weight: 400;
}

/* line 484, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-name {
  font-weight: 620;
  color: #000;
  letter-spacing: 0.1pt;
  max-width: 600px;
}

/* ===================================================================== */
/* ===================================================================== */
/* field Time Block Notes
/* ===================================================================== */
/* ===================================================================== */
/* line 496, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-field-notes {
  max-width: 600px;
}

/* line 499, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-notes {
  max-width: 600px;
}

/* line 503, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-field-notes textarea,
.time-block-row .time-block-notes p {
  color: #5d5d5d;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 576px) {
  /* line 503, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-field-notes textarea,
.time-block-row .time-block-notes p {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* field Category ID (Selectize)
/* ===================================================================== */
/* ===================================================================== */
/* line 516, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row #event-category-field-container .selectize-input {
  max-width: 280px;
}

/* line 519, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row #event-category-field-container .selectize-input input {
  min-width: 20px;
}

/* line 522, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row #event-category-field-container .selectize-category-option {
  font-size: 16px;
  padding: 5px 10px;
}

@media (min-width: 576px) {
  /* line 522, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row #event-category-field-container .selectize-category-option {
    font-size: 14.5px;
  }
}

/* line 526, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row #event-category-field-container .selectize-category-selected-option {
  font-size: 16px;
  padding: 6px;
  color: #000;
}

@media (min-width: 576px) {
  /* line 526, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row #event-category-field-container .selectize-category-selected-option {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Display Container
/* ===================================================================== */
/* ===================================================================== */
/* line 539, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-display-container .category-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 8px;
  border-radius: 7px;
  border: 1px solid #eaeaea;
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 539, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .category-display-container .category-badge {
    font-size: 13.5px;
  }
}

/* line 549, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-display-container .category-badge i {
  display: block;
}

@media (min-width: 1200px) {
  /* line 539, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .category-display-container .category-badge {
    padding: 3px 6px;
    font-weight: 600;
    letter-spacing: .3pt;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Time Block Delegations
/* ===================================================================== */
/* line 564, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegations-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 571, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegations-container:not(:has(> .time-block-delegation-badge)) {
  display: none;
}

/* line 574, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegations-container:has(> .new-party-badge) {
  display: flex;
}

/* line 579, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegation-badge {
  position: relative;
  background-color: #f8f8f8;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 579, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-delegation-badge {
    font-size: 13.5px;
  }
}

/* line 588, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegation-badge a {
  margin-left: 5px;
  color: #c4c4c4;
}

@media (min-width: 1200px) {
  /* line 579, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .time-block-delegation-badge {
    padding: 3px 6px;
    font-weight: 600;
    letter-spacing: .3pt;
  }
}

/* line 599, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegation-badge.mobile-remove {
  position: relative;
  padding: 15px;
  width: 100%;
  text-align: left;
}

/* line 604, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-delegation-badge.mobile-remove a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 20px;
}

/* line 611, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-delegation-badge--mobile-remove {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  background-color: #f8f8f8;
  padding: 8px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  padding-left: 16px;
  margin-bottom: 12px;
  gap: 8px;
}

@media (min-width: 576px) {
  /* line 611, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-delegation-badge--mobile-remove {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category & Time Block Delegation Delete Button
/* ===================================================================== */
/* ===================================================================== */
/* line 631, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge .remove-category,
.time-block-row .time-block-delegation-badge .remove {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: 1px solid #afafaf;
  border-radius: 100%;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 645, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge .remove-category i,
.time-block-row .time-block-delegation-badge .remove i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #616161;
}

/* line 650, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge .remove-category:hover,
.time-block-row .time-block-delegation-badge .remove:hover {
  cursor: pointer;
  border-color: #a21515;
}

/* line 653, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge .remove-category:hover i,
.time-block-row .time-block-delegation-badge .remove:hover i {
  color: #a21515;
}

/* line 659, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge:hover .remove-category,
.time-block-row .time-block-delegation-badge:hover .remove {
  opacity: 1;
  transform: scale(1);
}

/* line 665, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .category-badge:has(.remove-category:hover),
.time-block-row .time-block-delegation-badge:has(.remove:hover) {
  color: #a21515;
  border-color: #a21515 !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Party Badge
/* ===================================================================== */
/* line 676, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .new-party-badge .selectize-input {
  width: 320px;
  min-height: initial !important;
  padding: 3px 10px !important;
  border-color: #eaeaea;
}

/* line 681, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .new-party-badge .selectize-input input {
  font-size: 14px;
  width: 280px !important;
}

@media (min-width: 576px) {
  /* line 681, app/assets/stylesheets/pages/time_blocks.scss */
  #edit-event-schedule-page .time-block-row .new-party-badge .selectize-input input {
    font-size: 13.5px;
  }
}

/* line 685, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .new-party-badge .selectize-input input:focus {
  border-color: #b6b6b6;
  box-shadow: 0 0 0 .2rem #000;
}

/* line 689, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .new-party-badge .selectize-input:after {
  display: none;
}

/* line 693, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page .time-block-row .new-party-badge .selectize-dropdown {
  font-size: 16px;
  width: 320px !important;
  text-align: left !important;
}

@media (min-width: 576px) {
  /* line 693, app/assets/stylesheets/pages/time_blocks.scss */
  #edit-event-schedule-page .time-block-row .new-party-badge .selectize-dropdown {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Actions Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 705, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-actions-menu {
  font-size: 14px;
  position: absolute;
  z-index: 1;
  left: calc(48px + 180px);
  bottom: 8px;
  gap: 8px;
  transition: transform 0.2s;
}

/* line 716, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-actions-menu .menu-item {
  display: block;
}

/* line 718, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-actions-menu .menu-item .form-group {
  margin-bottom: 0px;
}

/* line 721, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .time-block-actions-menu .menu-item:hover, .time-block-row .time-block-actions-menu .menu-item:focus {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
  color: #fff;
}

/* line 729, app/assets/stylesheets/pages/time_blocks.scss */
#schedule-template-page .time-block-row #add-contact-button {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete Button
/* ===================================================================== */
/* ===================================================================== */
/* line 738, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .delete-time-block-link {
  background-color: #fff;
  margin-top: -8px;
}

/* line 743, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover), .time-block-row.delete-confirmation-open {
  background: linear-gradient(90deg, #f6dbdb, transparent 18px);
}

/* line 745, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) textarea#time_block_name,
.time-block-row:has(* .delete-time-block-link:hover) textarea#time_block_name::placeholder, .time-block-row.delete-confirmation-open textarea#time_block_name,
.time-block-row.delete-confirmation-open textarea#time_block_name::placeholder {
  color: #a21515;
}

/* line 749, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) textarea, .time-block-row.delete-confirmation-open textarea {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 753, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .time-label.open-inline-time-editor span,
.time-block-row:has(* .delete-time-block-link:hover) .time-label, .time-block-row.delete-confirmation-open .time-label.open-inline-time-editor span,
.time-block-row.delete-confirmation-open .time-label {
  color: #a21515;
}

/* line 757, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) textarea#time_block_notes, .time-block-row.delete-confirmation-open textarea#time_block_notes {
  color: #a21515;
}

/* line 760, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .category-badge, .time-block-row:has(* .delete-time-block-link:hover) .time-block-delegation-badge, .time-block-row.delete-confirmation-open .category-badge, .time-block-row.delete-confirmation-open .time-block-delegation-badge {
  color: #a21515;
}

/* line 763, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .new-entry-overlay, .time-block-row:has(* .delete-time-block-link:hover) .menu-item, .time-block-row.delete-confirmation-open .new-entry-overlay, .time-block-row.delete-confirmation-open .menu-item {
  display: none !important;
}

/* line 766, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .category-badge .remove-category,
.time-block-row:has(* .delete-time-block-link:hover) .time-block-delegation-badge .remove, .time-block-row.delete-confirmation-open .category-badge .remove-category,
.time-block-row.delete-confirmation-open .time-block-delegation-badge .remove {
  display: none !important;
}

/* line 770, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .drag-handle, .time-block-row.delete-confirmation-open .drag-handle {
  display: none !important;
}

/* line 773, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row:has(* .delete-time-block-link:hover) .key-helper, .time-block-row.delete-confirmation-open .key-helper {
  opacity: 0 !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete Confirmation Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 783, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .delete-confirmation-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  text-align: right;
  pointer-events: none;
  opacity: 0;
}

/* line 791, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .delete-confirmation-overlay .delete-confirmation-container {
  width: fit-content;
  margin-left: auto;
  background-color: #fff;
  padding: 16px;
}

/* line 799, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.delete-confirmation-open .delete-confirmation-overlay {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Entry Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 810, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay {
  height: 3px;
  background-color: none;
  position: absolute;
  left: 0px;
  right: 0px;
  opacity: 0;
}

/* line 820, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay a:focus, .time-block-row .new-entry-overlay a:focus-visible {
  background-color: #2d2d2d;
  color: #fff;
  outline-width: 0px;
  outline-color: transparent;
  outline-style: none;
}

/* line 829, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay.new-entry-above {
  top: -1px;
}

/* line 833, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay.new-entry-below {
  bottom: -3px;
}

/* line 837, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay .plus-container {
  transition: all 0.4s;
  display: block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -13px;
  z-index: 5;
  background-color: #fff;
  color: #666666;
  padding: 3px;
  border-radius: 100%;
  border: 1px solid #c3c3c3;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1200px) {
  /* line 837, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container {
    width: 44px;
    height: 44px;
    top: -20px;
  }
  /* line 857, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container i {
    font-size: 29px;
    font-weight: 300;
  }
  /* line 861, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container .creating-spinner i {
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  /* line 837, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container {
    display: inline-block;
    transform: translateX(160px);
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  /* line 870, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container:hover {
    background-color: #2d2d2d;
    color: #fff;
    border-color: #2d2d2d;
  }
}

/* line 879, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay .plus-container .creating-spinner {
  opacity: 0;
  display: block;
}

@media (min-width: 1200px) {
  /* line 883, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .new-entry-overlay .plus-container.create-in-progress--large {
    transform: translateX(160px) scale(1.3);
  }
}

/* line 889, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay .plus-container.create-in-progress {
  background-color: #2d2d2d;
  color: #fff;
}

/* line 892, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay .plus-container.create-in-progress .creating-spinner {
  opacity: 1;
}

/* line 895, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .new-entry-overlay .plus-container.create-in-progress .fa-plus {
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Keyboard Tips Helper
/* ===================================================================== */
/* ===================================================================== */
/* line 905, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper {
  pointer-events: none !important;
  opacity: 0;
  font-size: 12px;
  line-height: 20px;
  color: #636363;
  padding: 3px;
  border-radius: 8px;
  width: max-content;
  background-color: #ffffffc4;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: opacity 0.1s;
}

/* line 919, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper.key-helper--layout-flex {
  display: flex;
  align-items: center;
  padding-right: 5px;
}

/* line 923, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper.key-helper--layout-flex .keyboard-square-icon {
  margin-right: 4px;
}

/* line 927, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper.key-helper--layout-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px;
  align-items: center;
  justify-items: start;
  padding: 6px;
  padding-left: 16px;
  padding-right: 0px;
}

/* line 938, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper.show {
  opacity: 1;
}

/* line 943, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper--name-field,
.time-block-row .key-helper--notes-field {
  position: absolute;
  bottom: 0px;
  right: -8px;
  z-index: 1;
  transform: translateY(calc(100% + 10px));
}

/* line 952, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper--add-notes-button,
.time-block-row .key-helper--add-category-button,
.time-block-row .key-helper--add-contact-button {
  position: absolute;
  left: 0px;
  bottom: 0px;
  transform: translateY(138%);
}

/* line 961, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .key-helper--add-entry-below {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Schedule Item Knockout & Toggler
/* ===================================================================== */
/* ===================================================================== */
/* Knockout
======================================================================== */
/* line 973, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-knockout {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff91;
  z-index: 1;
}

/* line 978, app/assets/stylesheets/pages/time_blocks.scss */
#edit-event-schedule-page.sub-schedule .time-block-row[data-has-sub-schedule-item="true"] .sub-schedule-item-knockout {
  background-color: transparent;
}

/* Toggler
======================================================================== */
/* line 983, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container {
  position: absolute;
  top: 0px;
  right: 0px;
  width: fit-content;
}

@media (min-width: 1200px) {
  /* line 983, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .sub-schedule-item-container {
    left: 32px;
    top: 10px;
    right: initial;
  }
}

/* line 994, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
}

@media (min-width: 1200px) {
  /* line 994, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .sub-schedule-item-container .toggle-target-container {
    width: 54px;
    height: 54px;
    border-radius: 8px;
  }
  /* line 1003, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .sub-schedule-item-container .toggle-target-container:hover {
    background-color: #f9f9f9;
  }
}

/* line 1007, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container i {
  font-size: 28px;
  display: block;
  color: #2f2f2f;
}

@media (min-width: 1200px) {
  /* line 1007, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row .sub-schedule-item-container .toggle-target-container i {
    font-size: 25px;
  }
}

/* line 1015, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container i.fa-square, .time-block-row .sub-schedule-item-container .toggle-target-container i.fa-check-square {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 1018, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container i.fa-square {
  opacity: 0.4;
}

/* line 1021, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container i.fa-refresh {
  font-size: 22px;
}

/* line 1025, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row .sub-schedule-item-container .toggle-target-container .spin-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Time Block Row - Active State Management
/* ===================================================================== */
/* ===================================================================== */
/* line 1035, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule .time-block-actions-menu {
  opacity: 0;
}

/* line 1038, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule .time-block-row__aux-column {
  opacity: 0;
}

/* line 1041, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule .drag-handle {
  opacity: 0;
}

/* line 1048, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.active:not(.time-editor-open) .time-block-actions-menu,
.time-block-row.edit-mode-master-schedule:not(.time-editor-open):focus-within .time-block-actions-menu {
  opacity: 1;
}

/* line 1051, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.active:not(.time-editor-open) .time-block-row__aux-column,
.time-block-row.edit-mode-master-schedule:not(.time-editor-open):focus-within .time-block-row__aux-column {
  opacity: 1;
}

/* line 1054, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.active:not(.time-editor-open) .drag-handle,
.time-block-row.edit-mode-master-schedule:not(.time-editor-open):focus-within .drag-handle {
  opacity: 1;
}

/* line 1059, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.active:not(.time-editor-open) .new-entry-overlay {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 1065, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.edit-mode-master-schedule:not(.time-editor-open):focus-within .new-entry-overlay {
    opacity: 1;
  }
}

/* line 1072, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule:has(.create-in-progress) .new-entry-overlay {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 1077, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.edit-mode-master-schedule:focus-within,
.time-block-row.edit-mode-master-schedule.time-editor-open {
    padding-bottom: 80px;
  }
  /* line 1081, app/assets/stylesheets/pages/time_blocks.scss */
  .time-block-row.edit-mode-master-schedule:focus-within .time-block-actions-menu,
.time-block-row.edit-mode-master-schedule.time-editor-open .time-block-actions-menu {
    transform: translateY(-28px);
  }
}

/* line 1088, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.time-editor-open .time-block-row__details-column {
  transform: translateX(64px);
}

/* line 1091, app/assets/stylesheets/pages/time_blocks.scss */
.time-block-row.edit-mode-master-schedule.time-editor-open .time-block-actions-menu, .time-block-row.edit-mode-master-schedule.time-editor-open .time-block-row__aux-column, .time-block-row.edit-mode-master-schedule.time-editor-open .time-block-row__details-column {
  pointer-events: none !important;
}

/* line 1, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
#manage-points-of-contact-modal .contact-row {
  display: flex;
  align-items: center;
  padding: 18px 8px;
  border-top: 1px solid #eaeaea;
}

/* line 6, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
#manage-points-of-contact-modal .contact-row i {
  font-size: 24px;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  /* line 10, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
  #manage-points-of-contact-modal .contact-row:hover {
    background-color: #f8f8f8;
  }
}

/* line 15, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
#manage-points-of-contact-modal .contact-row .fa-spin {
  display: none;
}

/* line 21, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
#manage-points-of-contact-modal .contact-row.loading .fa-square-check, #manage-points-of-contact-modal .contact-row.loading .fa-square {
  display: none;
}

/* line 24, app/assets/stylesheets/pages/manage_points_of_contact_modal.scss */
#manage-points-of-contact-modal .contact-row.loading .fa-spin {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJob Status Badge & Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge,
.vendor-job-status-dropdown {
  text-align: left;
  color: #fff;
}

/* line 14, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge button,
.vendor-job-status-dropdown button {
  display: flex;
  align-items: center;
  text-align: left;
  border-color: #transparent;
  letter-spacing: 0pt;
  padding-left: 16px;
  font-size: 14.5px;
  font-weight: 400;
}

/* line 24, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge .dropdown-item,
.vendor-job-status-dropdown .dropdown-item {
  padding-left: 16px;
  font-size: 14.5px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

/* line 31, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge i,
.vendor-job-status-dropdown i {
  font-size: 7px;
  margin-right: 8px !important;
  display: none !important;
}

/* line 36, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge i.icon-booked,
.vendor-job-status-dropdown i.icon-booked {
  transform: scale(1.7);
}

/* line 42, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge button i,
.vendor-job-status-dropdown button i {
  display: none;
}

/* line 46, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.potential,
.vendor-job-status-badge button[data-status='potential'],
.vendor-job-status-dropdown.potential,
.vendor-job-status-dropdown button[data-status='potential'] {
  background-color: #eaeaea;
  color: #616161;
}

/* line 51, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.potential i.icon-potential,
.vendor-job-status-badge button[data-status='potential'] i.icon-potential,
.vendor-job-status-dropdown.potential i.icon-potential,
.vendor-job-status-dropdown button[data-status='potential'] i.icon-potential {
  display: block;
}

/* line 55, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.evaluating,
.vendor-job-status-badge button[data-status='evaluating'],
.vendor-job-status-dropdown.evaluating,
.vendor-job-status-dropdown button[data-status='evaluating'] {
  background-color: #dbf2f0;
  color: #307782;
}

/* line 60, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.evaluating i.icon-evaluating,
.vendor-job-status-badge button[data-status='evaluating'] i.icon-evaluating,
.vendor-job-status-dropdown.evaluating i.icon-evaluating,
.vendor-job-status-dropdown button[data-status='evaluating'] i.icon-evaluating {
  display: block;
}

/* line 64, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.booked,
.vendor-job-status-badge button[data-status='booked'],
.vendor-job-status-dropdown.booked,
.vendor-job-status-dropdown button[data-status='booked'] {
  background-color: #dcf2da;
  color: #327726;
}

/* line 69, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.booked i.icon-booked,
.vendor-job-status-badge button[data-status='booked'] i.icon-booked,
.vendor-job-status-dropdown.booked i.icon-booked,
.vendor-job-status-dropdown button[data-status='booked'] i.icon-booked {
  display: block;
}

/* line 73, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.passed,
.vendor-job-status-badge button[data-status='passed'],
.vendor-job-status-dropdown.passed,
.vendor-job-status-dropdown button[data-status='passed'] {
  background-color: #ffe6e6;
  color: #c25555;
}

/* line 78, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.passed i.icon-passed,
.vendor-job-status-badge button[data-status='passed'] i.icon-passed,
.vendor-job-status-dropdown.passed i.icon-passed,
.vendor-job-status-dropdown button[data-status='passed'] i.icon-passed {
  display: block;
}

/* line 87, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-dropdown a.potential {
  color: #848484;
}

/* line 90, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-dropdown a.evaluating {
  color: #60898f;
}

/* line 93, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-dropdown a.booked {
  color: #4c8e41;
}

/* line 96, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-dropdown a.passed {
  color: #c25555;
}

/* line 101, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.match-dropdown.badge-sm {
  padding: 9px 8px;
  text-align: left;
}

/* line 106, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-badge.simple-square {
  width: 17px;
  height: 17px;
  min-width: initial;
}

/* line 112, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-card.portal .vendor-job-status-badge {
  font-size: 14px;
  padding: 12px;
}

/* VendorJob Status Badge for VendorJobs Index (table view)
======================================================================== */
/* line 120, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-status-dropdown,
#event-vendors-page .vendor-job-row .btn.vendor-job-status-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

/* line 129, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-status-dropdown .dropdown-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 0px;
  border-radius: 5px;
  padding-left: 10px;
  font-weight: 600;
  font-size: 13px;
}

/* line 136, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-status-dropdown .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  opacity: 0;
  transition: 0.15s;
}

/* line 144, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .btn.vendor-job-status-badge {
  display: flex;
  align-items: center;
  padding-left: 10px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
}

/* line 151, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .btn.vendor-job-status-badge:hover {
  cursor: default;
}

/* VendorJob Status Badge for VendorJob Show
======================================================================== */
/* line 158, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-details-contact-data-container .vendor-job-status-badge,
#vendor-details-contact-data-container .vendor-job-status-dropdown .dropdown-toggle {
  position: relative;
  min-width: 160px;
}

@media (min-width: 576px) {
  /* line 158, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-details-contact-data-container .vendor-job-status-badge,
#vendor-details-contact-data-container .vendor-job-status-dropdown .dropdown-toggle {
    min-width: unset;
    width: 100%;
  }
}

/* line 166, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-details-contact-data-container .vendor-job-status-badge::after,
#vendor-details-contact-data-container .vendor-job-status-dropdown .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
}

/* line 173, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-details-contact-data-container .vendor-job-status-badge.read-only:hover {
  cursor: default;
}

/* line 179, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row:hover .vendor-job-status-dropdown .dropdown-toggle::after {
  opacity: 1;
}

/* line 183, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell .vendor-job-category-assignment,
.vendor-job-fancy-header-desktop .vendor-job-category-assignment {
  display: inline-block;
  margin-right: 6px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Status Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 196, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .mobile-status-dropdown-container {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-left: 15px;
  border-bottom: 1px dashed #e4e4e4;
  padding-bottom: 15px;
  background-color: #fff;
  border-top: 1px dashed #e4e4e4;
}

@media (min-width: 1200px) {
  /* line 196, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .mobile-status-dropdown-container {
    display: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Fixed Content Dropdown Positioning
/* ===================================================================== */
/* ===================================================================== */
/* line 215, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page #social-vendor-header-context-dropdown {
  position: fixed;
  top: 53px;
  right: 0px;
  left: 243px;
  z-index: 2;
}

/* ===================================================================== */
/* ===================================================================== */
/* Widgets
/* ===================================================================== */
/* ===================================================================== */
/* line 229, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page #points-of-contact-widget .name, #vendor-job-page #company-contact-info-widget .name {
  font-size: 20px;
  display: block;
  margin-bottom: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJobs Index
/* ===================================================================== */
/* ===================================================================== */
/* Booked Vendors Only Toggle view handler
======================================================================== */
/* line 244, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page #booked-vendors-only-toggle {
  margin-left: -10px;
}

/* line 249, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page[data-booked-vendors-only-toggle='on'] .vendor-job-row:not([data-status='booked']),
#event-vendors-page[data-booked-vendors-only-toggle='on'] .vendor-job-card:not([data-status='booked']) {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJobs Index Categories Table Cell
/* ===================================================================== */
/* ===================================================================== */
/* line 260, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 266, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell .add-initial-category-button {
  display: none;
  margin-left: 8px;
}

/* line 269, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell .add-initial-category-button i {
  margin-right: 4px;
}

/* line 273, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell[data-categories-count='0'] .add-initial-category-button {
  display: initial;
}

/* line 277, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell[data-categories-count='0'] .add-additional-category-button {
  display: none;
}

/* line 280, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row .vendor-job-categories-cell:not([data-categories-count='0']) .add-additional-category-button {
  opacity: 0;
  transition: all 0.15s;
}

/* line 284, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row:hover .vendor-job-categories-cell:not([data-categories-count='0']) .add-additional-category-button {
  opacity: 1;
}

/* Portal, hide elements if they can't update VendorJob
======================================================================== */
/* line 291, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-row[data-current-profile-can-update='false'] .add-initial-category-button, #event-vendors-page .vendor-job-row[data-current-profile-can-update='false'] .add-additional-category-button {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJobs Mobile Card
/* ===================================================================== */
/* ===================================================================== */
/* line 301, app/assets/stylesheets/pages/vendor_jobs.scss */
#event-vendors-page .vendor-job-card i.vendor-job-category-assignment {
  font-size: 13px;
  display: inline-block;
  margin-left: 6px;
  opacity: 0.4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Mobile Bottom Sheet
/* ===================================================================== */
/* ===================================================================== */
/* line 313, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-mobile-bottom-sheet .category-display-badge {
  font-size: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJob Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 322, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor_job-modal .conditional-access-fields {
  position: relative;
  opacity: 0;
  pointer-events: none;
  height: 0px;
  overflow: hidden;
  transition: opacity 0.5s;
  transition-delay: 0.2s;
}

/* line 332, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor_job-modal[data-has-selected-vendor='true'] .conditional-access-fields {
  opacity: 1;
  pointer-events: auto;
  height: initial;
  overflow: visible;
}

/* line 340, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor_job-modal .conditional-access-fields .conditional-overlay {
  position: absolute;
  top: 0px;
  right: -10px;
  bottom: 0px;
  left: -10px;
  background-color: #f9f9f9c9;
  z-index: 3;
}

/* line 350, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor_job-modal[data-has-selected-vendor='true'] .conditional-access-fields .conditional-overlay {
  display: none;
}

/* Status Selector Cards
======================================================================== */
/* line 356, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-selector-card {
  background-color: #fff;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  position: relative;
  text-align: center;
  opacity: 0.8;
  transition: all 0.3s;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 356, app/assets/stylesheets/pages/vendor_jobs.scss */
  .vendor-job-status-selector-card {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 356, app/assets/stylesheets/pages/vendor_jobs.scss */
  .vendor-job-status-selector-card {
    min-height: 100%;
  }
}

/* line 373, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-selector-card:hover {
  cursor: pointer;
}

@media (min-width: 1200px) {
  /* line 373, app/assets/stylesheets/pages/vendor_jobs.scss */
  .vendor-job-status-selector-card:hover {
    box-shadow: 0px 5px 8px 1px #00000029;
    -webkit-box-shadow: 0px 5px 8px 1px #00000029;
    opacity: 100;
  }
}

/* line 383, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-selector-card.selected {
  box-shadow: 0px 5px 8px 1px #00000029;
  -webkit-box-shadow: 0px 5px 8px 1px #00000029;
  border-color: #b0b0b0;
  opacity: 100;
  transform: scale(1.05);
}

/* line 391, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-selector-card .vendor-job-status-badge {
  width: 100%;
  text-align: center;
  padding: 15px 0px;
}

@media (min-width: 1200px) {
  /* line 391, app/assets/stylesheets/pages/vendor_jobs.scss */
  .vendor-job-status-selector-card .vendor-job-status-badge {
    font-size: 14px;
    padding: 12px;
  }
}

/* line 401, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-selector-card p {
  display: none;
  font-size: 13px;
  color: #727272;
}

/* line 410, app/assets/stylesheets/pages/vendor_jobs.scss */
.vendor-job-status-next-step-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
  opacity: 0.2;
}

@media (min-width: 1200px) {
  /* line 410, app/assets/stylesheets/pages/vendor_jobs.scss */
  .vendor-job-status-next-step-arrow {
    display: block;
  }
}

/* line 420, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor_job-modal[data-has-selected-vendor='false'] .vendor-job-status-selector-card {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-color: transparent !important;
}

@media (min-width: 1200px) {
  /* line 427, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor_job-modal .vendor-job-modal-context-dropdown .info-container .profile-avatar-with-name .txt {
    font-size: 18px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Specifics Overrides
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 439, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-details-column .vendor-specifics-container {
    grid-template-columns: auto 175px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Content Column
/* ===================================================================== */
/* ===================================================================== */
/* line 452, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-content-column {
  max-width: 850px;
}

@media (min-width: 576px) {
  /* line 452, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-content-column {
    margin-right: 300px;
  }
}

@media (min-width: 1200px) {
  /* line 452, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-content-column {
    margin-left: 400px;
    margin-right: 32px;
  }
}

/* line 463, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-content-column .vendor-content-block {
  padding: 40px 32px;
  border-bottom: 1px solid #efefef;
}

@media (min-width: 576px) {
  /* line 463, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-content-column .vendor-content-block {
    padding: 40px 50px;
  }
}

/* line 469, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-content-column .vendor-content-block p {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 469, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-content-column .vendor-content-block p {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Activity Column
/* ===================================================================== */
/* ===================================================================== */
/* line 479, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column {
  position: fixed;
  top: 75px;
  right: 0px;
  bottom: 0px;
  left: 30px;
  z-index: 19;
}

@media (min-width: 1200px) {
  /* line 479, app/assets/stylesheets/pages/vendor_jobs.scss */
  #vendor-job-page .vendor-activity-column {
    left: initial;
    top: 53px;
    width: 450px;
    border-left: 1px solid #e0e0e0;
  }
}

/* line 494, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column {
  transform: translateX(100%);
  transition: all 0.25s ease-in-out;
}

/* line 500, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column.hard-open {
  transform: translateX(calc(0%));
  box-shadow: -10px 0px 15px 1px #0000000f;
  -webkit-box-shadow: -10px 0px 15px 1px #0000000f;
}

/* line 506, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column.hard-open .peeker {
  left: 100%;
}

/* line 510, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column.hard-open .close-button {
  opacity: 1;
  pointer-events: auto;
}

/* line 517, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .close-button {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  transform: translateX(-50%) translateY(50%);
  background-color: #2d2d2d;
  color: #fff;
  border-radius: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
}

/* line 531, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .close-button i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 18px;
}

/* line 536, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .close-button:hover {
  cursor: pointer;
  background-color: #4e4e4e;
}

/* line 543, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .peeker {
  display: none;
  background-color: #f2f2f2;
  border-left: 1px solid #e0e0e0;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 32px;
  transform: translateX(calc(32px * -1));
  transition: all 0.6s ease-in-out;
  transition-delay: 0.2s;
}

/* line 557, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .peeker .peeker-icon-container {
  width: calc(32px + 6px);
  left: -6px;
  background-color: #161618;
  position: absolute;
  top: 40px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid #c6c6c6;
  border-right-width: 0px;
  text-align: center;
}

/* line 570, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-page .vendor-activity-column .peeker .peeker-icon-container i {
  color: #d9d9d9;
  font-size: 20px;
  display: block;
  margin: 20px 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Type Picker
/* ===================================================================== */
/* ===================================================================== */
/* line 583, app/assets/stylesheets/pages/vendor_jobs.scss */
.portal-vendor-type-picker {
  margin: 0px auto;
  max-width: 450px;
}

/* line 588, app/assets/stylesheets/pages/vendor_jobs.scss */
.portal-vendor-type-picker h4 {
  text-wrap: balance;
}

/* ===================================================================== */
/* ===================================================================== */
/* Portal Contact Company Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 597, app/assets/stylesheets/pages/vendor_jobs.scss */
#portal-contact-company-created-success-callout {
  color: green;
  text-align: center;
  text-wrap: balance;
  line-height: 1.3;
}

@media (min-width: 1200px) {
  /* line 597, app/assets/stylesheets/pages/vendor_jobs.scss */
  #portal-contact-company-created-success-callout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16.5px;
    font-weight: 500;
  }
}

/* line 610, app/assets/stylesheets/pages/vendor_jobs.scss */
#portal-contact-company-created-success-callout .fa-circle-check {
  font-size: 29px;
  margin-bottom: 16px;
}

@media (min-width: 1200px) {
  /* line 610, app/assets/stylesheets/pages/vendor_jobs.scss */
  #portal-contact-company-created-success-callout .fa-circle-check {
    margin-bottom: 0px;
    font-size: 24px;
  }
}

/* line 621, app/assets/stylesheets/pages/vendor_jobs.scss */
#contact_company-modal.contact_company-modal--just-created .snap-loader-desktop-form-column-extra-padding {
  top: 94px;
}

/* line 624, app/assets/stylesheets/pages/vendor_jobs.scss */
#contact_company-modal.contact_company-modal--just-created .just-created-callout {
  position: absolute;
  background-color: #f5f5f5;
  left: 0px;
  right: 0px;
  height: 41px;
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 624, app/assets/stylesheets/pages/vendor_jobs.scss */
  #contact_company-modal.contact_company-modal--just-created .just-created-callout {
    font-size: 14.5px;
  }
}

/* line 637, app/assets/stylesheets/pages/vendor_jobs.scss */
body[data-portal="true"] #contact_company-modal #project-categories-wrapper {
  margin-left: -24px;
  margin-right: -24px;
}

@media (min-width: 1200px) {
  /* line 637, app/assets/stylesheets/pages/vendor_jobs.scss */
  body[data-portal="true"] #contact_company-modal #project-categories-wrapper {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 646, app/assets/stylesheets/pages/vendor_jobs.scss */
  body[data-portal="true"] #contact_company-modal #project-categories-wrapper button.record-link-button {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Contact Company Created Success
/* ===================================================================== */
/* ===================================================================== */
/* line 658, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-contact-company-created-success-callout {
  text-align: center;
  color: green;
  margin-bottom: 24px;
}

/* line 662, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-contact-company-created-success-callout p {
  color: green;
  text-wrap: balance;
}

/* line 666, app/assets/stylesheets/pages/vendor_jobs.scss */
#vendor-job-contact-company-created-success-callout i {
  font-size: 36px;
  margin-bottom: 12px;
}

/* line 1, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice-mockup__container {
  position: relative;
}

/* line 5, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice-mockup__page {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr 235px;
  align-items: center;
  margin-left: -48px;
  margin-right: -48px;
  margin-top: -25px;
  border-radius: 0px;
  padding: 24px 48px;
}

/* line 21, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice-mockup__fader {
  display: none;
  height: 0px;
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: 0px;
  box-shadow: 0px 3px 7px 1px #0000004f;
}

/* line 31, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice-mockup__container .stacked-data-rows-container {
  column-gap: 24px;
  row-gap: 8px;
}

/* line 34, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice-mockup__container .stacked-data-rows-container .__label {
  text-align: right;
}

/* ===================================================================== */
/* ===================================================================== */
/* Choose Vendor
/* ===================================================================== */
/* ===================================================================== */
/* line 45, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal[data-choose-vendor-mode="all-vendors"] #confirm-suggested-vendor-container {
  display: none;
}

/* line 50, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal[data-choose-vendor-mode="confirm-suggested"] #all-vendors-select-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Attachment Preview
/* ===================================================================== */
/* ===================================================================== */
/* line 60, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #vendor-invoice-builder-container[data-preview-open="true"] {
  display: grid;
  grid-template-columns: 1fr 554px;
}

/* line 66, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #content-container:has(#vendor-invoice-builder-container) {
  transition: all .15s !important;
}

/* line 70, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #content-container:has(#vendor-invoice-builder-container[data-preview-open="true"]) {
  width: 90vw;
}

/* line 72, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #content-container:has(#vendor-invoice-builder-container[data-preview-open="true"]) button.show-document-preview {
  display: none;
}

/* line 77, app/assets/stylesheets/pages/vendor_invoices.scss */
.source-document-preview {
  position: absolute;
  top: 53px;
  left: 0px;
  right: 650px;
  bottom: 0px;
  transition: opacity 0.5s ease 0.4s;
}

/* line 87, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #vendor-invoice-builder-container[data-preview-open="false"] .source-document-preview {
  height: 0px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0s ease 0s;
}

/* line 93, app/assets/stylesheets/pages/vendor_invoices.scss */
#snap-loader #vendor-invoice-builder-container[data-preview-open="false"] .hide-document-preview {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* AI Loader
/* ===================================================================== */
/* ===================================================================== */
/* line 103, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice__ai-loader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 650px;
  z-index: 10;
  background-color: #ffffffba;
  border-left: 1px solid #cfcfcf;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

/* line 120, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice__ai-loader img {
  display: block;
  height: 185px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  margin-top: 90px;
}

/* line 129, app/assets/stylesheets/pages/vendor_invoices.scss */
.vendor-invoice__ai-loader p {
  font-size: 20px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3;
  color: #727272;
}

/* line 139, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal[data-extraction-status="processing"] .vendor-invoice__ai-loader {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Invoice Allocations
/* ===================================================================== */
/* ===================================================================== */
/* line 150, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-invoice-allocation {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr 150px;
}

/* line 165, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-invoice-allocation input {
  border-radius: 0px;
  border-left: 1px solid #d5d5d5;
  text-align: right;
  padding-right: 24px;
}

/* line 171, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-invoice-allocation .invoice-allocation-amount-cell {
  position: relative;
  height: 45px;
}

/* line 179, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container {
  margin-top: -65px;
  margin-right: -24px;
  position: relative;
}

/* line 183, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container .arrow-indicator-icon {
  display: none;
  color: #D2D2D9;
  font-size: 20px;
}

/* line 188, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container .arrow-indicator-icon--primary {
  display: none;
  color: #D2D2D9;
  font-size: 25px;
  transform: translate(calc(50% + 0px), 50%);
}

/* line 196, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only {
  margin-top: 0px;
  margin-right: -48px;
  margin-left: -48px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: right;
  background-color: #fff;
}

/* line 209, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only:hover {
  cursor: pointer;
}

/* line 214, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only[data-is-collapsed="true"] {
  color: #727272;
}

/* line 216, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only[data-is-collapsed="true"] .allocations-expand-toggler-icon {
  transform: rotate(-90deg);
}

/* line 219, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only[data-is-collapsed="true"] .vendor-invoice-invoice-allocations-container__view-only-allocations {
  display: none;
}

/* line 222, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only[data-is-collapsed="true"]:hover {
  background-color: #fdfdfd;
  color: teal;
}

/* line 229, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only .allocation-line-view-only {
  font-size: 16px;
  color: #2f2f2f;
  display: grid;
  grid-template-columns: 1fr 200px;
  border-top: 1px solid #eaeaea;
  padding: 8px 0px;
}

@media (min-width: 576px) {
  /* line 229, app/assets/stylesheets/pages/vendor_invoices.scss */
  #vendor-invoice-modal #vendor-invoice-invoice-allocations-container.view-only .allocation-line-view-only {
    font-size: 14.5px;
  }
}

/* line 238, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-invoice-allocation-2 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr 150px 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  border-radius: 12px;
}

/* line 248, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-invoice-allocation-2 .dividing-line {
  position: absolute;
  left: 0px;
  right: 24px;
  top: 0px;
  height: 1px;
  background-color: #f4f4f4;
}

/* line 258, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocation-line {
  display: none;
  position: absolute;
  top: 60px;
  right: 0px;
  bottom: 53px;
  width: 1px;
  border-left: 1px dashed #D2D2D9;
  z-index: 1;
}

/* line 269, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocation-box {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 0px;
  bottom: 16px;
  width: 19px;
  border: 1px dashed #8c8c8c;
  border-left-width: 0px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 281, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocation-box .start-dot {
  position: absolute;
  top: -4px;
  left: -10px;
  width: 8px;
  height: 8px;
}

/* line 289, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocation-box .start-dot i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(calc(-50% - -11px));
  color: #4a4a4a;
}

/* line 295, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocation-box .end-dot {
  position: absolute;
  bottom: -4px;
  left: -10px;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #a6b0bb;
}

/* line 306, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocated-connector-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 19px;
  height: 1px;
}

/* line 312, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocated-connector-line .connector-dot {
  position: absolute;
  bottom: -4px;
  left: -10px;
  width: 8px;
  height: 8px;
}

/* line 321, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .allocated-connector-line .connector-dot i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(calc(-50% - -14px));
  color: #8c8c8c;
}

/* line 330, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container[data-invoice-total-is-present="false"] .inline-index__item--vendor-invoice-allocation-2 {
  opacity: 0;
  pointer-events: none;
}

/* line 334, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-invoice-allocations-container[data-invoice-total-is-present="false"] .allocation-box {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Invoice Payments
/* ===================================================================== */
/* ===================================================================== */
/* line 344, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-payment-due-dates-container {
  border-top: 1px solid #eaeaea;
  margin-left: -48px;
  margin-right: -48px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 24px;
}

/* line 353, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date {
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 12px 0px;
  display: grid;
  grid-template-columns: 22px 130px 120px 1fr auto;
  align-items: center;
  column-gap: 17px;
  border-bottom: 1px solid #ededed;
}

/* line 369, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date:has(.delete-vendor-payment-due-date-trigger:hover) .datepicker, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date:has(.delete-vendor-payment-due-date-trigger:hover) .position-integer, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date:has(.delete-vendor-payment-due-date-trigger:hover) input#vendor_payment_due_date_amount, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date:has(.delete-vendor-payment-due-date-trigger:hover) .currency-symbol-cell-leader-icon {
  color: #a21515;
  border-color: #a21515;
}

/* line 373, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date:has(.delete-vendor-payment-due-date-trigger:hover) input {
  background-color: #fff5f4;
}

/* line 379, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only {
  position: relative;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 8px 48px;
  display: grid;
  grid-template-columns: auto 8px 130px 120px 1fr 130px;
  align-items: center;
  column-gap: 17px;
  row-gap: 0px;
  background-color: #ffffff;
  margin-bottom: 8px;
  margin-left: -48px;
  margin-right: -48px;
  border-radius: 0px;
  border: 1px solid #e7e7e7;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 16px;
  border-left-width: 0px;
  border-right-width: 0px;
}

/* line 398, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .position-integer {
  opacity: 0.5;
  font-weight: 400;
  font-size: 15px;
}

/* line 403, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only i.topline-icon {
  margin-right: 8px;
  color: #727272;
  opacity: 0.5;
}

/* line 409, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only.is-overdue .date-cell, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only.is-overdue .amount-cell, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only.is-overdue i.topline-icon, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only.is-overdue .position-integer, #vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only.is-overdue .overdue-cell {
  color: #8a0000;
  opacity: 1;
}

/* line 414, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .overdue-cell {
  position: relative;
}

/* line 416, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .overdue-cell span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  font-size: 13px;
  font-weight: 650;
}

/* line 425, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date .position-indicator {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  border: 1px solid #dcdcdc;
  color: #ababab;
}

/* line 432, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date .position-indicator span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Payment Due Date Details
/* ===================================================================== */
/* ===================================================================== */
/* line 442, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .due-date-expand-toggler {
  border-color: #b2b2b2;
  color: #717171;
  padding-left: 4px;
  padding-right: 4px;
}

/* line 447, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .due-date-expand-toggler i {
  transition: all 0.2s;
}

/* line 450, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .due-date-expand-toggler:hover {
  border-color: teal !important;
}

/* line 452, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only .due-date-expand-toggler:hover i {
  color: teal !important;
}

/* line 457, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only[data-is-collapsed="true"] .due-date-details__container {
  display: none;
}

/* line 460, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only[data-is-collapsed="true"] .due-date-expand-toggler {
  border-color: #d7d7d7;
  color: #c4c4c4;
}

/* line 464, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .inline-index__item--vendor-payment-due-date.view-only[data-is-collapsed="true"] .due-date-expand-toggler i {
  transform: rotate(-90deg);
}

/* line 469, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .due-date-details__container {
  grid-column: 1 / -1;
  margin-bottom: 16px;
  margin-left: 73px;
  padding: 24px;
  padding-left: 18px;
  padding-right: 0px;
  border-radius: 16px;
  border-left: 3px dotted #eeeeee;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* line 484, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .due-date-details__container textarea#vendor_invoice_payment_notes {
  font-size: 14.5px;
}

/* line 494, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-payments-container #new-vendor-invoice-payment-container #new-payment-button-container {
  display: none;
}

/* line 497, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-payments-container #new-vendor-invoice-payment-container[data-mode="new-payment-button"] #new-payment-button-container {
  display: block;
}

/* line 501, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-payments-container #new-vendor-invoice-payment-container #new-payment-form-container {
  display: none;
}

/* line 504, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal #vendor-invoice-payments-container #new-vendor-invoice-payment-container[data-mode="form-editor"] #new-payment-form-container {
  display: block;
}

/* line 509, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal input#vendor_payment_due_date_amount[disabled="disabled"],
#vendor-invoice-modal input[name="vendor_payment_due_date[due_on]"][disabled="disabled"] {
  background-color: #f7f7f7;
  border-color: #e3e7ec;
}

/* line 513, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal input#vendor_payment_due_date_amount[disabled="disabled"]:hover,
#vendor-invoice-modal input[name="vendor_payment_due_date[due_on]"][disabled="disabled"]:hover {
  cursor: not-allowed;
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Invoice Preview
/* ===================================================================== */
/* ===================================================================== */
/* line 524, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .source-document-preview .fin-doc-show-page {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: -1px;
  overflow-y: auto;
  border-top: 1.5px dotted #d8d8d8;
  border-right: 1px solid #d8d8d8;
  padding-bottom: 0px;
}

/* line 533, app/assets/stylesheets/pages/vendor_invoices.scss */
#vendor-invoice-modal .source-document-preview .fin-doc-show-page .invoice-payment-schedule-container {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cover Image Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .cover-image-container {
  width: 100%;
  height: 110px;
  background-size: cover;
  background-position: center;
}

/* line 13, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .cover-image-container img {
  width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Info Container (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 22, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .main-info-container {
  background-color: #fff;
  margin-top: -80px;
  padding: 15px;
  min-height: 110px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
  .vendor-job-fancy-header-mobile .main-info-container {
    margin-top: -40px;
  }
}

/* line 33, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .profile-avatar-with-name {
  margin-bottom: 10px;
}

/* line 35, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .profile-avatar-with-name .txt {
  font-size: 22px;
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Assignment Badges
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .vendor-job-category-assignment {
  border: 1px solid #eeeeee;
  color: #343a40;
  display: inline-block;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 8px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
  .vendor-job-fancy-header-mobile .vendor-job-category-assignment {
    font-size: 13.5px;
  }
}

/* line 57, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .vendor-job-category-assignment .remove-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* VendorJob Status
/* ===================================================================== */
/* ===================================================================== */
/* line 66, app/assets/stylesheets/pages/vendor_job_fancy_header_mobile.scss */
.vendor-job-fancy-header-mobile .vendor-job-status-dropdown {
  margin-top: 2px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cover Image Container
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .cover-image-container {
  position: absolute;
  top: 0px;
  right: 17px;
  left: 0px;
  height: 190px;
  background-size: cover;
  background-position: center;
}

/* line 20, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .cover-image-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #f1f5f8;
  background: linear-gradient(0deg, #f1f5f8 0%, rgba(241, 245, 248, 0) 100%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Info Container
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container {
  position: relative;
  z-index: 2;
  background-color: #fff;
  margin-top: 70px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  display: flex;
  padding: 15px;
  align-items: center;
}

/* line 43, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container h3 {
  font-size: 26px;
}

/* line 47, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container .profile-avatar {
  width: 85px;
  height: 85px;
  font-size: 35px;
}

/* line 50, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container .profile-avatar img {
  width: 85px;
  height: 85px;
}

/* line 57, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container .vendor-job-status-dropdown .dropdown-toggle {
  padding: 9px 19px;
  font-size: 16px;
}

/* Status Badge for portal view only
======================================================================== */
/* line 64, app/assets/stylesheets/pages/vendor_job_fancy_header_desktop.scss */
.vendor-job-fancy-header-desktop .main-info-container .vendor-job-status-badge {
  padding: 15px 19px;
  font-size: 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Fin Doc Payment Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin-doc-payment-modal .buttons-block {
  margin-top: 30px;
}

/* line 11, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #payment-mode-options {
  margin-bottom: 40px;
}

/* line 15, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #payment-details-section #error-message {
  margin-bottom: 20px;
  color: #e61010;
}

/* line 20, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option {
  display: flex;
  margin-bottom: 20px;
  border: 2px solid transparent;
}

/* line 24, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option i {
  margin-right: 10px;
  font-size: 18px;
}

/* line 28, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option i.fa-circle {
  display: initial;
}

/* line 31, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option i.fa-check-circle {
  color: teal;
  display: none;
}

/* line 35, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option .option-desc {
  display: block;
  color: #9c9c9c;
  font-size: 15px;
  margin-top: 3px;
}

/* line 41, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option.selected {
  border-color: teal;
}

/* line 43, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option.selected i.fa-circle {
  display: none;
}

/* line 46, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option.selected i.fa-check-circle {
  display: initial;
}

/* line 52, app/assets/stylesheets/pages/fin_doc_payments.scss */
#fin_doc_payment-modal #online-payment-container .amount-to-charge-option .amount-container {
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 56, app/assets/stylesheets/pages/fin_doc_payments.scss */
  #fin_doc_payment-modal #online-payment-container .amount-to-charge-option:not(.selected):hover {
    cursor: pointer;
    border-color: #d0d0d0;
  }
}

/* Payment Card
======================================================================== */
/* line 65, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card {
  margin-bottom: 6px;
}

/* line 67, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card a {
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 65, app/assets/stylesheets/pages/fin_doc_payments.scss */
  .fin-doc-payment-card {
    transition: all 0.3s;
  }
  /* line 72, app/assets/stylesheets/pages/fin_doc_payments.scss */
  .fin-doc-payment-card:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 76, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card .card-body {
  padding: 15px 20px;
}

/* line 78, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card .card-body .payment-method-icon-label {
  color: #adadad;
  display: block;
  margin-top: 3px;
  font-size: 15px;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/pages/fin_doc_payments.scss */
  .fin-doc-payment-card.payment-card-no-hover:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}

/* Refund Container
======================================================================== */
/* line 98, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card .card-body .refund-container {
  margin-bottom: 15px;
  color: #adadad;
  font-size: 15px;
}

/* line 102, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-payment-card .card-body .refund-container:last-child {
  margin-bottom: 0px;
}

/* line 107, app/assets/stylesheets/pages/fin_doc_payments.scss */
.fin-doc-refund-card .edit-refund-form-container {
  margin-top: 12px;
  grid-column: 1 / -1;
}

/* Graphic Messages */
/* ===================================================================== */
/* ===================================================================== */
/* Mobile/Tablet Not Supported Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #mobile-not-supported-knockout {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  z-index: 1000;
}

/* line 10, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #mobile-not-supported-knockout div {
  width: 80%;
  max-width: 500px;
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Editing Area & Columns
/* ===================================================================== */
/* ===================================================================== */
/* line 22, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #editing-area {
  width: 100vw;
  height: 100vh;
}

/* line 27, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #left-column {
  position: fixed;
  width: calc(100vw - 360px);
  top: 58px;
  bottom: 0px;
  left: 0px;
  transition: all 0.4s;
}

/* line 36, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column {
  position: fixed;
  width: 360px;
  top: 58px;
  bottom: 0px;
  right: 0px;
  background-color: #fff;
  border-left: 1px solid #dedede;
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Header
/* ===================================================================== */
/* ===================================================================== */
/* line 51, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #editing-area #main-header {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 58px;
  background-color: #fff;
  z-index: 50;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Container
======================================================================== */
/* line 63, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #editing-area #main-header .container-fluid {
  height: 58px;
}

/* line 65, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #editing-area #main-header .container-fluid .row {
  height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Right Column Header
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container {
  height: 100%;
}

/* line 80, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container {
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 0px;
  width: 54px;
  background-color: #fff;
}

/* line 89, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container hr {
  margin: 0px;
  padding: 0px;
}

/* line 94, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #edit-panel-container {
  position: absolute;
  left: 54px;
  bottom: 0px;
  top: 0px;
  right: 0px;
  padding: 20px;
  border-left: 1px solid #dedede;
}

/* ===================================================================== */
/* ===================================================================== */
/* Toolbar
/* ===================================================================== */
/* ===================================================================== */
/* Tool
======================================================================== */
/* line 111, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container .tool-link {
  display: block;
  text-align: center;
  padding: 15px 5px;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}

/* line 118, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container .tool-link a {
  color: #000;
}

/* line 121, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container .tool-link i {
  font-size: 16px;
}

/* line 124, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container .tool-link.selected {
  background-color: #e6e6e6;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 129, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column #split-container #toolbar-container .tool-link:not(.selected):hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

/* Container
======================================================================== */
/* line 139, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column-header {
  background-color: #edf2f6;
  border: 3px solid #e1e8ee;
  border-radius: 6px;
  padding: 6px 2px;
}

/* Section Nav Option
======================================================================== */
/* line 148, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column-header .section-nav-option {
  display: block;
  text-align: center;
  min-height: 100%;
  border-bottom: 3px solid transparent;
  border-radius: 6px;
  padding: 10px 6px;
  color: #797979;
  margin: 0px 4px;
}

/* line 157, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column-header .section-nav-option i {
  display: block;
  font-size: 20px;
  margin-bottom: 7px;
}

/* Section Nav Option (Selected)
======================================================================== */
/* line 166, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column-header .section-nav-option.selected {
  color: #464646;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

/* Section Nav Option (Hover)
======================================================================== */
/* line 175, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #right-column-header .section-nav-option:not(.selected):hover {
  color: #464646;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

/* ===================================================================== */
/* ===================================================================== */
/* Graphic Objects Container
/* ===================================================================== */
/* ===================================================================== */
/* line 188, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page #graphic-message-objects-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  aspect-ratio: 3/4;
  width: 45%;
  z-index: 7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Filter Container
/* ===================================================================== */
/* ===================================================================== */
/* line 205, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container {
  position: fixed;
  top: 0px;
  right: 400px;
  bottom: 0px;
  width: 250px;
  background-color: #fff;
  display: none;
  padding: 15px;
}

/* line 216, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container.open {
  display: initial;
}

/* line 220, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container .filter-header {
  display: block;
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 8px;
  margin-top: 20px;
}

/* line 229, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container .filter-row {
  text-align: center;
}

/* line 233, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container .filter-option {
  display: block;
  padding: 5px;
  margin-bottom: 3px;
  border-radius: 4px;
  font-size: 15px;
  transition: all 0.3s;
}

/* line 240, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container .filter-option.selected {
  background-color: #8ea4b5;
  color: #fff;
}

/* line 244, app/assets/stylesheets/pages/graphic_messages/edit.scss */
.graphic-message-page .filter-container .filter-option:not(.selected):hover {
  background-color: #eaeaea;
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Scrollable Right Column
/* ===================================================================== */
/* ===================================================================== */
/* line 255, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #right-column .scrollable-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: scroll;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Color Container
/* ===================================================================== */
/* ===================================================================== */
/* line 268, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #edit-color-container {
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 340px;
  background-color: #fff;
  z-index: 1;
  transform: translateX(100%);
  transition: all 0.3s;
  padding: 20px;
}

/* line 281, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #edit-color-container.open {
  transform: translateX(0%);
}

/* line 285, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .color-picker-container {
  width: 100%;
}

/* line 287, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .color-picker-container .sp-picker-container {
  width: calc(100% - 20px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Shadow Style Options
/* ===================================================================== */
/* ===================================================================== */
/* line 297, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  padding: 15px;
  border-radius: 6px;
  margin-top: 9px;
}

/* line 303, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option:not(.selected):hover {
  cursor: pointer;
  border-color: #c4c4c4;
}

/* line 307, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option i {
  display: inline-block;
  margin-right: 5px;
}

/* line 311, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option .fa-check-circle {
  display: none;
}

/* line 314, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option.selected {
  border-color: #9f9f9f;
}

/* line 316, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option.selected .fa-check-circle {
  display: inline-block;
}

/* line 319, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .card-shadow-style-option.selected .fa-circle {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* RSVP Design
/* ===================================================================== */
/* ===================================================================== */
/* line 330, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #rsvp-design-container {
  position: absolute;
  height: 600px;
  left: 0px;
  bottom: 0px;
  right: 400px;
  transform: translateY(600px);
  transition: transform 0.4s;
  overflow: scroll;
}

/* RSVP Mode
======================================================================== */
/* line 344, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page.rsvp-design-mode #left-column {
  transform: translateY(-600px);
}

/* line 347, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page.rsvp-design-mode #rsvp-design-container {
  transform: translateY(0%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Graphic Message Gallery Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 358, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#graphic-message-gallery-modal .graphic-message-link-preview {
  background-color: #c4c4c4;
  transition: all 0.3s;
}

/* line 361, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#graphic-message-gallery-modal .graphic-message-link-preview img {
  display: block;
}

/* line 364, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#graphic-message-gallery-modal .graphic-message-link-preview:hover {
  -webkit-box-shadow: 0px 6px 7px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 7px 1px rgba(0, 0, 0, 0.5);
}

/* line 369, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#graphic-message-gallery-modal .graphic-message-link-preview.blank {
  position: relative;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
}

/* line 375, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#graphic-message-gallery-modal .graphic-message-link-preview.blank:hover {
  -webkit-box-shadow: 0px 6px 7px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 7px 1px rgba(0, 0, 0, 0.5);
}

/* ===================================================================== */
/* ===================================================================== */
/* Email & SMS Design Container
/* ===================================================================== */
/* ===================================================================== */
/* line 387, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .email-sms-design-container {
  position: fixed;
  left: 0px;
  right: 400px;
  bottom: 0px;
  top: 65px;
  background-color: #fff;
}

/* line 396, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page .email-sms-design-container .context-info-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f8f8f8;
  padding: 20px 30px;
  margin-top: 30px;
  border-radius: 9px;
  width: 70%;
  text-align: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Design Container
/* ===================================================================== */
/* ===================================================================== */
/* line 411, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #email-design-container {
  background-color: #dfdfdf;
}

/* line 415, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-chrome-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  top: 125px;
  bottom: 40px;
  background-color: #fff;
  overflow: scroll;
  border-radius: 7px;
}

/* line 427, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-chrome-container #email-header .black-bar {
  background-color: #888;
  height: 10px;
}

/* line 431, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-chrome-container #email-header .to-row, #email-design-container #email-chrome-container #email-header .subject-row {
  padding: 13px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

/* line 438, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-content {
  text-align: center;
  font-family: "Times New Roman";
  overflow: scroll;
}

/* line 445, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-content .view-message-button:hover {
  cursor: pointer;
}

/* line 449, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#email-design-container #email-content .email-vertical-line {
  margin: 30px 0px;
  width: 1px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.4;
}

/* ===================================================================== */
/* ===================================================================== */
/* SMS Design Container
/* ===================================================================== */
/* ===================================================================== */
/* line 464, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #sms-design-container {
  background-color: #dfdfdf;
}

/* line 468, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container #phone-mockup {
  aspect-ratio: 2.5/4;
  width: 396px;
  background-color: #fff;
  border: 18px solid #888;
  border-radius: 45px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 477, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#edit-graphic-message-page #sms-design-container #phone-mockup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: calc(50% + 40px);
}

/* line 482, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container #phone-mockup #notch {
  background-color: #888;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2px;
  width: 162px;
  height: 27px;
}

/* line 492, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container #phone-mockup #sms-message-container {
  position: absolute;
  left: 22px;
  top: 74px;
  background-color: #e9e9e9;
  padding: 13px;
  border-radius: 13px;
  width: 288px;
}

/* line 502, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container textarea#graphic_message_sms_message,
#guest-message-container-page textarea#guest_message_container_sms_body {
  height: initial;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* SMS Design Container (Chopped)
/* ===================================================================== */
/* ===================================================================== */
/* line 517, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container #phone-mockup.chopped {
  max-width: 396px;
  width: initial;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
  padding-bottom: 30px;
  aspect-ratio: initial;
  padding-left: 18px;
  padding-right: 18px;
}

/* line 529, app/assets/stylesheets/pages/graphic_messages/edit.scss */
#sms-design-container #phone-mockup.chopped #sms-message-container {
  position: relative;
  left: 0px;
  top: 0px;
  margin-top: 53px;
}

/* line 1, app/assets/stylesheets/pages/graphic_messages/backdrop.scss */
.graphic-message-page #backdrop-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 5, app/assets/stylesheets/pages/graphic_messages/backdrop.scss */
.graphic-message-page #backdrop-container #background-image-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: center;
}

/* line 11, app/assets/stylesheets/pages/graphic_messages/backdrop.scss */
.graphic-message-page #backdrop-container #background-texture-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  aspect-ratio: 3/4;
  width: 45%;
  z-index: 5;
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-container #background-image-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: center;
}

/* line 16, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-container #background-texture-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Border
/* ===================================================================== */
/* ===================================================================== */
/* line 27, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-border {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  aspect-ratio: 3/4;
  width: 45%;
  z-index: 6;
  overflow: hidden;
  border-style: solid;
}

/* ===================================================================== */
/* ===================================================================== */
/* Card Dropshadow
/* ===================================================================== */
/* ===================================================================== */
/* line 42, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-shadow {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  aspect-ratio: 3/4;
  width: 45%;
  z-index: 2;
}

/* line 50, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-shadow.card_shadow_style_1 {
  -webkit-box-shadow: 0px 5px 15px 0px black;
  box-shadow: 0px 5px 15px 0px black;
}

/* line 55, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-shadow.card_shadow_style_2 {
  box-shadow: rgba(0, 0, 0, 0.85) 0px 54px 55px, rgba(0, 0, 0, 0.72) 0px -12px 30px, rgba(0, 0, 0, 0.72) 0px 4px 6px, rgba(0, 0, 0, 0.77) 0px 12px 13px, rgba(0, 0, 0, 0.69) 0px -3px 5px;
}

/* line 59, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-shadow.card_shadow_style_3 {
  box-shadow: black 0px 60px 40px -7px;
}

/* line 62, app/assets/stylesheets/pages/graphic_messages/card.scss */
.graphic-message-page #card-shadow.card_shadow_style_4 {
  box-shadow: black 0px 20px 30px -10px;
}

/* line 1, app/assets/stylesheets/pages/graphic_messages/shadow_matte.scss */
.graphic-message-page #shadow-matte-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  pointer-events: none;
  z-index: 8;
}

/* line 1, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container {
  position: absolute;
  padding: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sticker Container
/* ===================================================================== */
/* ===================================================================== */
/* line 13, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
#edit-graphic-message-page .graphic-message-object-container.sticker:hover {
  cursor: grab;
}

/* ===================================================================== */
/* ===================================================================== */
/* Active Edit Mode
/* ===================================================================== */
/* ===================================================================== */
/* line 24, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container.active-edit-mode .bounding-box {
  display: initial;
}

/* line 27, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container.active-edit-mode .action-menu-buttons {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Action Menu Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .action-menu-buttons {
  display: none;
  z-index: 100;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
  width: 100%;
  text-align: center;
}

/* line 44, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .action-menu-buttons .action-button {
  color: #000;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border-radius: 4px;
  background-color: #ff9c35;
  margin: 0px 5px;
}

/* line 54, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .action-menu-buttons .action-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 58, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .action-menu-buttons .action-button.drag-handle:hover {
  cursor: grab;
}

/* line 61, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .action-menu-buttons .action-button.duplicate:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Resize Handles
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 2px solid #ff9c35;
  z-index: 10;
}

/* line 78, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle {
  background-color: #ff9c35;
  position: absolute;
  border-radius: 100%;
  border: 1px solid #000;
  width: 18px;
  height: 18px;
}

/* line 88, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.top-left {
  top: -8px;
  left: -8px;
}

/* line 92, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.bottom-left {
  bottom: -8px;
  left: -8px;
}

/* line 96, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.top-right {
  top: -8px;
  right: -8px;
}

/* line 100, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.bottom-right {
  bottom: -8px;
  right: -8px;
}

/* line 105, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.top-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -8px;
}

/* line 109, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.bottom-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
}

/* line 113, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.left-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -11px;
}

/* line 117, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container .bounding-box .resize-handle.right-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Text - Defaults
/* ===================================================================== */
/* ===================================================================== */
/* line 128, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page p {
  line-height: normal;
}

/* ===================================================================== */
/* ===================================================================== */
/* While Dragging or Resizing
/* ===================================================================== */
/* ===================================================================== */
/* line 138, app/assets/stylesheets/pages/graphic_messages/graphic_message_objects.scss */
.graphic-message-page .graphic-message-object-container.ui-draggable-dragging .bounding-box, .graphic-message-page .graphic-message-object-container.ui-draggable-dragging .action-menu-buttons {
  opacity: 0.5;
}

/* line 1, app/assets/stylesheets/pages/graphic_messages/inline_view.scss */
.graphic-message-inline-view-container {
  height: 230px;
  position: relative;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option {
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Selected Callout
======================================================================== */
/* line 9, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option .selected-callout {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: green;
  padding: 10px;
  border-bottom-right-radius: 6px;
  z-index: 15;
  color: #fff;
}

/* line 21, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.selected .selected-callout {
  display: initial;
}

/* line 25, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.selected {
  -webkit-box-shadow: 0px 0px 3px 3px #47a81c;
  box-shadow: 0px 0px 3px 3px #47a81c;
}

/* line 30, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option .chosen-green {
  color: green;
}

/* Hide Elements in dropdown for Selected Item
======================================================================== */
/* line 37, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.selected .choose-design-element {
  display: none;
}

/* line 40, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.selected .delete-element {
  display: none;
}

/* line 45, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.new {
  height: calc(100% - 30px);
  min-height: 200px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 4px dotted #a2cdcd;
}

/* line 51, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option.new:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 56, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option .info-block {
  padding: 10px;
  display: flex;
  align-items: center;
}

/* line 60, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option .info-block .created-at {
  font-size: 14px;
  color: #464646;
  opacity: 0.7;
}

/* line 65, app/assets/stylesheets/pages/guest_messages/graphic_message_design_options.scss */
.guest-message-graphic-message-design-option .info-block .fa-ellipsis {
  font-size: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Setup Edit Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-edit-setup-modal .sub-event-option {
  padding: 15px;
}

/* line 14, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-edit-setup-modal .form-groups-container {
  margin-bottom: 50px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Version Page
/* ===================================================================== */
/* ===================================================================== */
/* line 24, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #email-design-container #email-chrome-container {
  background-color: #fff;
  position: initial;
  overflow: hidden;
  transform: none;
  margin-left: auto;
  margin-right: auto;
}

/* line 33, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #email-design-container textarea#guest_message_container_email_body {
  font-size: 17px;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-family: 'Nunito', sans-serif;
}

@media (min-width: 576px) {
  /* line 33, app/assets/stylesheets/pages/guest_messages/setup.scss */
  #guest-message-container-page #email-design-container textarea#guest_message_container_email_body {
    font-size: 16px;
  }
}

/* line 42, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #email-design-container input#guest_message_container_email_subject {
  border: 0px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/* line 47, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #email-design-container input#guest_message_container_email_subject:active {
  outline: none;
  box-shadow: none;
}

/* line 51, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #email-design-container input#guest_message_container_email_subject:focus {
  outline: none;
  box-shadow: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* SMS Version Page
/* ===================================================================== */
/* ===================================================================== */
/* line 62, app/assets/stylesheets/pages/guest_messages/setup.scss */
#guest-message-container-page #sms-design-container #phone-mockup {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* Graphic Message Container
======================================================================== */
/* line 3, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#guest-message-display-page .graphic-message-inline-view-container {
  height: calc(100vh - 0px);
}

/* ===================================================================== */
/* ===================================================================== */
/* RSVP Container
/* ===================================================================== */
/* ===================================================================== */
/* line 12, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page #rsvp-container,
#guest-message-display-page #rsvp-container {
  padding: 30px 0px;
}

/* line 17, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page #rsvp-design-container .container-fluid,
#guest-message-display-page #rsvp-container .container-fluid {
  max-width: 1300px;
}

/* ===================================================================== */
/* ===================================================================== */
/* SubEventInvite Table
/* ===================================================================== */
/* ===================================================================== */
/* line 27, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page .sub-event-invite-table,
#guest-message-display-page .sub-event-invite-table {
  background-color: #ebebeb;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px;
}

/* line 33, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page .sub-event-invite-table span.guest-name,
#guest-message-display-page .sub-event-invite-table span.guest-name {
  font-size: 19px;
  font-weight: 600;
}

/* line 37, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page .sub-event-invite-table .col-sm-3,
#guest-message-display-page .sub-event-invite-table .col-sm-3 {
  padding: 10px;
}

/* line 43, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#guest-message-display-page .sub-event-invite-container:last-child .sub-event-invite-table {
  margin-bottom: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* SubEvent Info Block
/* ===================================================================== */
/* ===================================================================== */
/* line 53, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#guest-message-display-page .sub-event-info-block {
  padding: 10px 0px;
}

/* line 55, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#guest-message-display-page .sub-event-info-block .caps-text-grey {
  font-size: 13px;
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/pages/guest_messages/display_page.scss */
  #guest-message-display-page .sub-event-info-block .caps-text-grey {
    font-size: 15px;
    margin-bottom: 8px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Reply By Date
/* ===================================================================== */
/* ===================================================================== */
/* line 70, app/assets/stylesheets/pages/guest_messages/display_page.scss */
#edit-graphic-message-page .reply-by-date-warning,
#guest-message-display-page .reply-by-date-warning {
  text-align: center;
  margin-bottom: 25px;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/pages/guest_messages/display_page.scss */
  #edit-graphic-message-page .reply-by-date-warning,
#guest-message-display-page .reply-by-date-warning {
    font-size: 20px;
  }
}

/* line 1, app/assets/stylesheets/pages/guest_messages/status_badge.scss */
.guest-message-container-status-badge {
  color: #fff;
  min-width: 80px;
}

/* line 6, app/assets/stylesheets/pages/guest_messages/status_badge.scss */
.guest-message-container-status-badge.draft {
  background-color: #aaa;
}

/* line 10, app/assets/stylesheets/pages/guest_messages/status_badge.scss */
.guest-message-container-status-badge.sent {
  background-color: #4fac40;
}

/* line 14, app/assets/stylesheets/pages/guest_messages/status_badge.scss */
#guest-message-container-page .guest-message-container-status-badge {
  position: relative;
  top: -5px;
  left: 10px;
}

/* line 2, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container .filter-rsvp-attending-message, #setup-guest-message-container-modal #filters-container .filter-rsvp-pending-message {
  display: none;
}

/* line 8, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container[data-rsvp-filter='rsvp_attending'] .filter-rsvp-attending-message {
  display: block;
}

/* line 14, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container[data-rsvp-filter='rsvp_pending'] .filter-rsvp-pending-message {
  display: block;
}

/* line 22, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container .filter-oot-only-option, #setup-guest-message-container-modal #filters-container .filter-oot-all-option {
  display: none;
}

/* line 24, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container .filter-oot-only-option i, #setup-guest-message-container-modal #filters-container .filter-oot-all-option i {
  font-size: 20px;
}

/* line 32, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container[data-oot-filter='oot_all'] .filter-oot-only-option {
  display: inline-block;
}

/* line 38, app/assets/stylesheets/pages/guest_messages/setup_wizard.scss */
#setup-guest-message-container-modal #filters-container[data-oot-filter='oot_only'] .filter-oot-all-option {
  display: inline-block;
}

/* line 1, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notifications-group-container {
  background-color: #fff;
  padding: 0px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notifications-group-container {
    border-radius: 16px;
    margin-bottom: 32px;
    border: 1px solid #eaeaea;
  }
}

/* line 13, app/assets/stylesheets/pages/notification_preferences.scss */
.modal-body .notification-preferences-container .notifications-group-container {
  margin-left: -24px;
  margin-right: -24px;
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/pages/notification_preferences.scss */
  .modal-body .notification-preferences-container .notifications-group-container {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Row
======================================================================== */
/* line 24, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  border-top: 1px solid #e9e9e9;
  padding: 32px 24px;
  gap: 24px;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row {
    grid-template-columns: 1fr 80px 80px;
    grid-template-rows: auto;
    align-items: center;
    padding: 24px 32px;
  }
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    z-index: 1;
  }
}

/* line 47, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row .notification-desc {
  font-size: 16px;
  line-height: 1.3;
  grid-column: span 2;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row .notification-desc {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row .notification-desc {
    grid-column: span 1;
  }
}

/* line 57, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row .notification-email, .notification-preferences-container .notification-preference-row .notification-inapp {
  color: #727272;
  display: inline-flex;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row .notification-email, .notification-preferences-container .notification-preference-row .notification-inapp {
    flex-direction: column;
    gap: 8px;
  }
}

/* Header Row (after Row in cascade to overwrite)
======================================================================== */
/* line 70, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row--group-header {
  border-top-width: 0px;
  grid-template-rows: auto;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row--group-header {
    padding: 24px 32px;
  }
}

/* line 77, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row--group-header .notification-desc {
  font-weight: 600;
  font-size: 20px;
}

/* line 81, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row--group-header .notification-email, .notification-preferences-container .notification-preference-row--group-header .notification-inapp {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 81, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row--group-header .notification-email, .notification-preferences-container .notification-preference-row--group-header .notification-inapp {
    font-size: 14.5px;
  }
}

@media (max-width: 480px) {
  /* line 81, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row--group-header .notification-email, .notification-preferences-container .notification-preference-row--group-header .notification-inapp {
    display: none !important;
  }
}

/* line 86, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row--group-header .notification-email i, .notification-preferences-container .notification-preference-row--group-header .notification-inapp i {
  font-weight: 350;
  font-size: 17px;
}

/* line 91, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row--group-header:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* Channel Labels (for Mobile)
======================================================================== */
/* line 99, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row .channel-label {
  color: #727272;
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .notification-preference-row .channel-label {
    display: none;
  }
}

/* line 106, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row .notification-email .channel-label.for-inapp {
  display: none;
}

/* line 109, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .notification-preference-row .notification-inapp .channel-label.for-email {
  display: none;
}

/* line 114, app/assets/stylesheets/pages/notification_preferences.scss */
.notification-preferences-container .__group-info-callout {
  background-color: #f7f7f7;
  padding: 24px;
}

@media (min-width: 576px) {
  /* line 114, app/assets/stylesheets/pages/notification_preferences.scss */
  .notification-preferences-container .__group-info-callout {
    padding: 24px 32px;
  }
}

/* line 1, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #form-container {
  background-color: #fff;
  width: 600px;
  margin-top: 36px;
  margin-bottom: 36px;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 25px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/lead_forms/edit.scss */
  #edit-graphic-message-page.lead-form-editor #form-container {
    padding: 40px 40px;
  }
}

/* line 15, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #main-header #back-and-name {
  display: flex;
  align-items: center;
}

/* line 20, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #main-header #back-and-name #back-link {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-right: 18px;
  color: #464646;
  transition: all 0.3s;
}

/* line 28, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #main-header #back-and-name #back-link:hover {
  background-color: #c4c4c4;
}

/* line 31, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #main-header #back-and-name #back-link i {
  font-size: 18px;
}

/* line 36, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #main-header #edit-lead-form-name-link {
  font-size: 14px;
  margin-left: 13px;
}

/* line 41, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor .radio-button-option {
  padding: 5px;
}

/* line 45, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #event-type-mode-container .event-type-mode-callout {
  display: none;
}

/* line 49, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #event-type-mode-container.event_type_dropdown .event-type-mode-callout.event-type-dropown {
  display: block;
}

/* line 53, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #event-type-mode-container.event_type_default .event-type-mode-callout.event-type-default {
  display: block;
}

/* line 59, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #success-message-mode-container #success-redirect-url-container {
  display: none;
}

/* line 63, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #success-message-mode-container.url_redirect_on_success #success-redirect-url-container {
  display: block;
}

/* line 73, app/assets/stylesheets/pages/lead_forms/edit.scss */
#new-lead-form-submission-page #header-block,
#edit-graphic-message-page.lead-form-editor #header-block {
  margin-bottom: 40px;
}

/* line 76, app/assets/stylesheets/pages/lead_forms/edit.scss */
#new-lead-form-submission-page #header-block img,
#edit-graphic-message-page.lead-form-editor #header-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 300px;
  margin-bottom: 30px;
}

/* line 84, app/assets/stylesheets/pages/lead_forms/edit.scss */
#new-lead-form-submission-page #header-block h3,
#edit-graphic-message-page.lead-form-editor #header-block h3 {
  text-align: center;
  margin-bottom: 20px;
}

/* line 88, app/assets/stylesheets/pages/lead_forms/edit.scss */
#new-lead-form-submission-page #header-block .intro-text,
#edit-graphic-message-page.lead-form-editor #header-block .intro-text {
  display: block;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 88, app/assets/stylesheets/pages/lead_forms/edit.scss */
  #new-lead-form-submission-page #header-block .intro-text,
#edit-graphic-message-page.lead-form-editor #header-block .intro-text {
    padding: 0px 60px;
  }
}

/* line 97, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #header-block {
  border: 2px solid #fff;
  transition: all 0.3s;
}

/* line 100, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #header-block:hover {
  border-color: teal;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/pages/lead_forms/edit.scss */
#edit-graphic-message-page.lead-form-editor #header-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 300px;
}

/* line 1, app/assets/stylesheets/pages/lead_forms/submissions.scss */
.hosted-lead-form-submission-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 40px 25px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  .hosted-lead-form-submission-wrapper {
    padding: 40px 40px;
  }
}

/* line 12, app/assets/stylesheets/pages/lead_forms/submissions.scss */
.embedded-lead-form-submission-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 20, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#lead-form-submission-submit-block {
  display: flex;
  align-items: center;
}

/* line 23, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#lead-form-submission-submit-block .error-warning {
  font-size: 16px;
  padding-left: 15px;
  color: red;
}

@media (min-width: 576px) {
  /* line 23, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  #lead-form-submission-submit-block .error-warning {
    font-size: 14.5px;
  }
}

/* line 30, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page #success-message-container {
  text-align: center;
}

/* line 34, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#edit-graphic-message-page.lead-form-editor #legal-text,
#new-lead-form-submission-page #legal-text {
  margin-top: 18px;
}

/* line 37, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#edit-graphic-message-page.lead-form-editor #legal-text p,
#new-lead-form-submission-page #legal-text p {
  font-size: 11.5px;
  line-height: 13px;
  opacity: 0.7;
}

/* line 45, app/assets/stylesheets/pages/lead_forms/submissions.scss */
.hosted-lead-form-submission-wrapper hr, .embedded-lead-form-submission-wrapper hr, .lead-form-editor hr {
  height: 1px;
  background-color: #ececec;
  border: none;
  margin-top: 16px;
  margin-bottom: 32px;
}

/* line 52, app/assets/stylesheets/pages/lead_forms/submissions.scss */
.hosted-lead-form-submission-wrapper h4, .embedded-lead-form-submission-wrapper h4, .lead-form-editor h4 {
  margin-bottom: 24px;
}

/* line 57, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page .date-fields-grid,
.lead-form-editor .date-fields-grid {
  display: grid;
  margin-bottom: 32px;
  gap: 24px;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  #new-lead-form-submission-page .date-fields-grid,
.lead-form-editor .date-fields-grid {
    grid-template-columns: 165px auto 1fr;
    align-items: end;
    gap: 8px;
  }
}

/* line 67, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page .date-fields-grid .form-group,
.lead-form-editor .date-fields-grid .form-group {
  margin-bottom: 0px;
}

/* line 70, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page .date-fields-grid .or-wrapper,
.lead-form-editor .date-fields-grid .or-wrapper {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  width: fit-content;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  padding: 10px;
  height: auto;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  #new-lead-form-submission-page .date-fields-grid .or-wrapper,
.lead-form-editor .date-fields-grid .or-wrapper {
    background-color: transparent;
    border-color: transparent;
    padding-bottom: 16px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Wedding Relation Handler
/* ===================================================================== */
/* ===================================================================== */
/* line 91, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page #wedding-relation-options-grid,
.lead-form-editor #wedding-relation-options-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 32px;
}

@media (min-width: 576px) {
  /* line 91, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  #new-lead-form-submission-page #wedding-relation-options-grid,
.lead-form-editor #wedding-relation-options-grid {
    width: fit-content;
    grid-template-columns: auto auto;
  }
}

/* line 102, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page .wedding-relation-option,
.lead-form-editor .wedding-relation-option {
  padding: 16px;
  border-radius: 16px;
}

@media (min-width: 576px) {
  /* line 102, app/assets/stylesheets/pages/lead_forms/submissions.scss */
  #new-lead-form-submission-page .wedding-relation-option,
.lead-form-editor .wedding-relation-option {
    width: fit-content;
    padding: 12px 24px;
  }
}

/* line 112, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page .static-field,
.lead-form-editor .static-field {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ced4da;
  color: #898989;
  background-color: #f7f7f7;
  line-height: 1.5;
  min-height: 50px;
}

/* line 125, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page[data-wedding-relation="my_wedding"] .person1-dynamic-field,
.lead-form-editor[data-wedding-relation="my_wedding"] .person1-dynamic-field {
  display: none;
}

/* line 129, app/assets/stylesheets/pages/lead_forms/submissions.scss */
#new-lead-form-submission-page[data-wedding-relation="not_my_wedding"] .person1-static-field,
.lead-form-editor[data-wedding-relation="not_my_wedding"] .person1-static-field {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Following code will be replaced with new split_grid_layout
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/pages/dashboards/layout.scss */
.dashboard-page .dashboard-widgets-container {
  background-color: #fdfdfd;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-widgets-container {
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-widgets-container {
    padding: 32px;
  }
}

/* line 18, app/assets/stylesheets/pages/dashboards/layout.scss */
.dashboard-page .dashboard-widgets-container .main-widget-row {
  margin-right: 0px;
  margin-left: 0px;
}

@media (min-width: 576px) {
  /* line 18, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-widgets-container .main-widget-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

/* line 27, app/assets/stylesheets/pages/dashboards/layout.scss */
.dashboard-page .dashboard-widgets-container .main-widget-column {
  padding-right: 0px;
  padding-left: 0px;
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-widgets-container .main-widget-column {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* line 37, app/assets/stylesheets/pages/dashboards/layout.scss */
.dashboard-page .dashboard-activity-stream-container {
  overflow: scroll;
  padding: 15px;
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-activity-stream-container {
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-activity-stream-container .dashboard-activity-stream-header {
    margin: 0px;
    padding: 20px;
    padding-left: 25px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Position (Non Project Layout)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 61, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-widgets-container {
    position: fixed;
    left: 55px;
    top: 53px;
    bottom: 0px;
    width: calc(65vw - 15px);
  }
  /* line 68, app/assets/stylesheets/pages/dashboards/layout.scss */
  .dashboard-page .dashboard-activity-stream-container {
    position: fixed;
    right: 0px;
    top: 53px;
    bottom: 0px;
    width: calc(35vw - 40px);
    border-left: 1px solid #e0e0e0;
  }
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/pages/dashboards/layout.scss */
  body.project-layout[data-portal='true'] .dashboard-page .dashboard-widgets-container {
    left: 186px;
    width: calc(63vw - 65px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Position (Project Layout)
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/pages/dashboards/layout.scss */
  body.project-layout .dashboard-page .dashboard-widgets-container {
    position: fixed;
    left: 255px;
    top: 53px;
    bottom: 0px;
    width: calc(63vw - 134px);
  }
  /* line 99, app/assets/stylesheets/pages/dashboards/layout.scss */
  body.project-layout .dashboard-page .dashboard-activity-stream-container {
    position: fixed;
    right: 0px;
    top: 53px;
    bottom: 0px;
    width: calc(37vw - 121px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Position (Project Layout, Full Width & Transparent)
/* ===================================================================== */
/* ===================================================================== */
/* line 113, app/assets/stylesheets/pages/dashboards/layout.scss */
body.project-layout .dashboard-page .dashboard-widgets-container.inline-transparent {
  position: relative;
  top: initial;
  right: initial;
  bottom: initial;
  left: initial;
  width: initial;
  background-color: transparent;
}

/* line 1, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget {
  background-color: #fff;
  margin-bottom: 22px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header
/* ===================================================================== */
/* ===================================================================== */
/* line 17, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header {
  display: flex;
}

/* line 21, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .widget-title {
  flex-grow: 1;
  padding-top: 7px;
}

/* line 26, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .widget-title h3 {
  font-size: 18px;
  margin: 0px;
}

/* line 31, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .widget-title p {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 31, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .header .widget-title p {
    font-size: 13.5px;
  }
}

/* line 36, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .widget-menu {
  margin-left: 10px;
}

/* Action Button Group
======================================================================== */
/* line 42, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button-group {
  display: inline-block;
  background-color: #edf2f6;
  padding: 5px 0px;
  border-radius: 6px;
  border: 0px;
}

/* line 50, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button-group button {
  height: 30px;
  padding: 4px 8px;
  color: #797979;
  margin: 0px 4px;
}

/* line 55, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button-group button .fa {
  margin-right: 0px;
}

/* line 60, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button-group button:not(.selected):hover {
  color: #464646;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 67, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button-group button.selected {
  color: #464646;
  background-color: #fff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

/* Action Button
======================================================================== */
/* line 76, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button {
  position: relative;
  background-color: #edf2f6;
  border-radius: 6px;
  height: 40px;
  width: 40px;
  padding: 5px;
  transition: all 0.3s;
}

/* line 84, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .header .action-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #797979;
  font-size: 15px;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .header .action-button:hover {
    cursor: pointer;
    background-color: #e2e9ee;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Content
/* ===================================================================== */
/* ===================================================================== */
/* line 103, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .widget-content {
  margin-top: 18px;
}

/* Widget Object Row
======================================================================== */
/* line 109, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .widget-content .widget-object-row {
  border-bottom: 1px solid #f1f1f1;
  padding: 13px 0px;
}

@media (min-width: 1200px) {
  /* line 109, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .widget-content .widget-object-row {
    padding: 13px;
  }
  /* line 114, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .widget-content .widget-object-row:hover {
    background-color: #f8f8f8;
    border-bottom-color: transparent;
    border-radius: 6px;
  }
}

/* Small Grey Text
======================================================================== */
/* line 124, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .widget-object-row .object-name {
  font-size: 16px;
  color: #454545;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 124, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .widget-object-row .object-name {
    font-size: 14.5px;
  }
}

/* line 128, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .widget-object-row .object-name.block-with-margin {
  display: block;
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
  /* line 128, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .widget .widget-object-row .object-name.block-with-margin {
    margin-bottom: 4px;
  }
}

/* Small Grey Text
======================================================================== */
/* line 139, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .widget-object-row .small-grey-text {
  color: #989898;
  font-size: 14px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Empty States
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget span.placeholder-line {
  display: block;
  width: 72px;
  height: 8px;
  border-radius: 8px;
  background-color: #eeeeee;
}

/* line 155, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget span.placeholder-line.dark {
  background-color: #dddddd;
}

/* Empty State 1
======================================================================== */
/* line 162, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .empty-state-1 {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

/* line 166, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .widget .empty-state-1 .placeholder-line {
  margin-bottom: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Count With Icon
/* ===================================================================== */
/* ===================================================================== */
/* line 176, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon {
  margin: 20px;
  padding: 25px;
}

@media (min-width: 576px) {
  /* line 176, app/assets/stylesheets/pages/dashboards/widgets.scss */
  .dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon {
    margin: 0px;
    margin-bottom: 22px;
  }
}

/* line 183, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon .clean-widget-content {
  margin-top: 0px;
}

/* line 188, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon .icon-container {
  width: 50px;
  height: 50px;
  background-color: #c3d0d7;
  border-radius: 5px;
  position: relative;
  margin-bottom: 15px;
}

/* line 195, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon .icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 24px;
  color: #81939c;
}

/* line 202, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon .value {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 208, app/assets/stylesheets/pages/dashboards/widgets.scss */
.dashboard-page .dashboard-widgets-container .clean-widget.count-with-icon .label {
  color: #727272;
}

/* line 1, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
#lead-page.dashboard-page .clean-widget.editable-row-widget {
  padding: 10px;
}

/* line 9, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
#event-page.dashboard-page .clean-widget.editable-row-widget {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

/* Data Row
======================================================================== */
/* line 17, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row {
  font-size: 16px;
  border-radius: 5px;
  padding: 12px 10px;
  transition: all 0.12s;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row {
    display: grid;
    position: relative;
    grid-template-columns: 150px auto;
    grid-gap: 10px;
    align-items: center;
  }
  /* line 28, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 36, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row .label-container {
  color: #5e5e5e;
  margin-bottom: 8px;
  font-size: 14px;
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row .label-container {
    font-size: 14px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 36, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row .label-container {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row .label-container i {
    margin-right: 5px;
  }
}

/* line 52, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row .value-container {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row .value-container {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Data Row for Text Area
/* ===================================================================== */
/* ===================================================================== */
/* line 61, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row.for-text-area {
  display: block;
}

/* line 64, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row.for-text-area p {
  color: #212529;
}

/* line 66, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row.for-text-area p:first-child {
  margin-top: 15px;
}

/* line 70, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row.for-text-area .edit-button {
  top: 5px;
  right: 5px;
  transform: initial;
}

/* Hoverable Edit Button
======================================================================== */
/* line 78, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .data-row .edit-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  opacity: 0;
  transition: all 0.12s;
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
  .dashboard-page .clean-widget.editable-row-widget .data-row:hover .edit-button {
    opacity: 1;
  }
}

/* Horizontal Divider
======================================================================== */
/* line 92, app/assets/stylesheets/pages/dashboards/widgets/grey_inline_widgets.scss */
.dashboard-page .clean-widget.editable-row-widget .horizontal-divider {
  height: 1px;
  background-color: #ebebeb;
  margin: 5px 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Greeting
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/demo_data/mood_boards/bouquet_inspo/05.jpeg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border-top-width: 0px;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
  .dashboard-page .clean-widget.staff-greeting {
    margin-bottom: 25px;
    padding: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

/* line 21, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .greeting-wrapper {
  padding: 25px 20px;
  backdrop-filter: blur(5px) brightness(0.4);
  -webkit-backdrop-filter: blur(5px) brightness(0.4);
}

/* line 27, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting h4 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 5px;
}

/* line 33, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .todays-date {
  color: #fff;
  display: block;
}

/* Love Quote
======================================================================== */
/* line 44, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .love-quote-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  z-index: 1;
  opacity: 0.5;
  max-width: 400px;
  text-align: right;
}

/* line 51, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .love-quote-container .quote {
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  display: block;
}

/* line 57, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .love-quote-container .author {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  display: block;
}

/* line 64, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.dashboard-page .clean-widget.staff-greeting .love-quote-container i {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Greeting Fixed Simple
/* ===================================================================== */
/* ===================================================================== */
/* line 74, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.staff-member-dashboard-greeting {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
}

/* line 80, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.staff-member-dashboard-greeting h4 {
  margin: 0px;
  font-weight: 300;
}

/* line 84, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.staff-member-dashboard-greeting i {
  margin-right: 5px;
}

/* line 87, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.staff-member-dashboard-greeting .todays-date {
  margin-left: 30px;
  font-size: 13.5px;
  color: #15384a;
  padding: 10px 15px;
  border-radius: 100px;
  border: 1px solid transparent;
  transition: all 0.2s;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/pages/dashboards/widgets/greeting.scss */
.staff-member-dashboard-greeting .todays-date:hover {
  opacity: 1;
  background-color: #f1f5f8;
  border-color: #ccd6dd;
  color: #2d363c;
}

/* CalendarEvent
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event {
  background-color: transparent;
  padding: 13px;
  display: flex;
  border-color: #ececec;
  border-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  transition: all 0.2s;
}

/* line 14, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-events-container > .calendar-event:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-width: 1px;
}

/* line 19, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-events-container > .calendar-event:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-width: 1px;
}

/* line 25, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-events-container > .calendar-event:not(.calendar-event:last-of-type):not(.calendar-event:first-of-type) {
  border-bottom-width: 1px;
}

/* line 33, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget a {
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
  .dashboard-page .clean-widget.calendar-widget .calendar-event:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }
}

/* line 45, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .day-label {
  display: block;
  margin-bottom: 8px;
}

/* line 50, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .grey-label {
  font-size: 12px;
  color: #9f9f9f;
}

/* line 55, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .left {
  flex-grow: 1;
}

/* line 59, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .left .title {
  font-size: 16px;
  display: block;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 59, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
  .dashboard-page .clean-widget.calendar-widget .calendar-event .left .title {
    font-size: 14.5px;
  }
}

/* line 65, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .left .event-label {
  display: block;
  margin-top: 8px;
}

/* line 70, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .right {
  text-align: right;
  min-width: 76px;
}

/* line 75, app/assets/stylesheets/pages/dashboards/widgets/calendar.scss */
.dashboard-page .clean-widget.calendar-widget .calendar-event .right .bottom-time {
  margin-top: 5px;
  display: block;
}

/* Event Date
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget {
  border-width: 0px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
  .dashboard-page .clean-widget.event-date-widget {
    height: 170px;
  }
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
  .dashboard-page .clean-widget.event-date-widget {
    height: calc(100% - 22px);
  }
}

/* line 17, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-container-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  backdrop-filter: blur(5px) brightness(0.5) saturate(1);
  -webkit-backdrop-filter: blur(5px) brightness(0.5) saturate(1);
}

/* line 23, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding-left: 30px;
  width: 100%;
  color: #fff;
  padding-right: 20px;
}

/* line 34, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .calendar-icon {
  display: block;
  margin-bottom: 20px;
  font-size: 25px;
  opacity: 0.6;
}

/* line 41, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .day-of-week {
  font-size: 18px;
  margin-bottom: 10px;
}

/* line 46, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .month-and-day {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 7px;
}

/* line 52, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .year {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
  .dashboard-page .clean-widget.event-date-widget .date-info .year {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  /* line 59, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
  .dashboard-page .clean-widget.event-date-widget .date-info .remaining-counters-container {
    position: absolute;
    top: 0px;
    right: 30px;
  }
}

/* line 67, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .remaining-counter {
  font-size: 14px;
  margin-bottom: 4px;
  opacity: 0.7;
}

/* line 74, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .date-description {
  font-size: 19px;
}

/* line 79, app/assets/stylesheets/pages/dashboards/widgets/event_date.scss */
.dashboard-page .clean-widget.event-date-widget .date-info .today-tomorrow-badge {
  background-color: #000000a3;
  width: fit-content;
  padding: 6px 11px;
  border-radius: 100px;
  border: 1px solid #ffffff2e;
}

/* line 5, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
.dashboard-page .clean-widget.sub-events-widget .sub-event-container {
  display: flex;
  padding: 12px 0px;
}

/* line 10, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
.dashboard-page .clean-widget.sub-events-widget .sub-event-container .icon-container {
  flex: 0 0 35px;
  color: #464646;
  display: none;
}

/* line 16, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
.dashboard-page .clean-widget.sub-events-widget .sub-event-container .sub-event-name {
  font-size: 16px;
  font-weight: 600;
  display: block;
  color: #464646;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
  .dashboard-page .clean-widget.sub-events-widget .sub-event-container .sub-event-name {
    font-size: 14.5px;
  }
}

/* line 23, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
.dashboard-page .clean-widget.sub-events-widget .sub-event-container .details-row {
  font-size: 14px;
  color: #727272;
  margin-top: 4px;
}

@media (min-width: 576px) {
  /* line 23, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
  .dashboard-page .clean-widget.sub-events-widget .sub-event-container .details-row {
    font-size: 13.5px;
  }
}

/* line 29, app/assets/stylesheets/pages/dashboards/widgets/sub_events.scss */
.dashboard-page .clean-widget.sub-events-widget .sub-event-container .details-row:first-of-type {
  margin-top: 7px;
}

/* Getting Started
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget {
  background-color: #e3f6e3;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 20px;
  padding-bottom: 1px;
}

/* line 12, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item .right-col {
  padding-left: 13px;
}

/* line 17, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item {
  width: fit-content;
  margin-bottom: 22px;
}

/* line 20, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item .fa-circle, .dashboard-page .widget.getting-started-widget .checklist-item .fa-check-circle {
  display: none;
  font-size: 17px;
}

/* line 27, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item[data-status='pending'] .fa-circle {
  display: initial;
}

/* line 33, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item[data-status='complete'] .fa-check-circle {
  display: initial;
}

/* line 38, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item .task-name {
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 38, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
  .dashboard-page .widget.getting-started-widget .checklist-item .task-name {
    font-size: 14.5px;
  }
}

/* line 42, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item[data-status='complete'] .task-name {
  color: #7f7f7f;
}

/* line 47, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item.clickable-item:hover {
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item.clickable-item:hover .task-name {
  color: #000;
  text-decoration: underline;
}

/* ===================================================================== */
/* ===================================================================== */
/* Pending Action Container
/* ===================================================================== */
/* ===================================================================== */
/* line 61, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-pending-action-container {
  margin-top: 8px;
  padding-left: 35px;
}

/* line 66, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item[data-status='complete'] .checklist-pending-action-container {
  display: none;
}

/* line 70, app/assets/stylesheets/pages/dashboards/widgets/getting_started.scss */
.dashboard-page .widget.getting-started-widget .checklist-item .help-icon {
  color: #00ab86;
}

/* Tasks In Progress
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/tasks_in_progress.scss */
.dashboard-page .widget.tasks-in-progress .widget-object-row .fa-circle {
  font-size: 6px;
  display: inline-block;
  margin: 0px 5px;
  position: relative;
  top: -2px;
  color: #c4c4c4;
}

/* line 1, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image {
  padding: 0px;
  overflow: hidden;
}

/* line 6, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .widget-content {
  margin-top: 0px;
  position: relative;
}

/* line 11, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image img {
  display: block;
  width: 100%;
}

/* line 16, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .image-actions-container {
  position: absolute;
  right: 8px;
  bottom: 8px;
  transition: all 0.3s;
  transition-delay: 0s;
  transform: translateY(calc(100% + 20px));
}

/* line 25, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .image-actions-container a {
  display: inline-block;
  background-color: #15384a;
  padding: 8px;
  border-radius: 5px;
  margin-left: 6px;
  color: #fff;
  transition: all 0.3s;
}

/* line 33, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .image-actions-container a i {
  margin-right: 4px;
}

/* line 36, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .image-actions-container a:hover {
  background-color: #1f4a60;
}

/* line 42, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image .widget-content:hover .image-actions-container {
  transform: translateY(0%);
  transition-delay: 0.4s;
}

/* Styles based on avatar present/blank
======================================================================== */
/* line 51, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image[data-avatar-present="false"] .image-actions-container {
  transform: translateY(0%);
}

/* line 54, app/assets/stylesheets/pages/dashboards/widgets/event_image.scss */
.dashboard-page .widget.event-image[data-avatar-present="false"] .image-actions-container .remove-image-link {
  display: none;
}

/* Event Task Counts
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
.dashboard-page .widget.event-task-counts .widget-content {
  margin-top: 27px;
}

/* line 7, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
.dashboard-page .widget.event-task-counts .value {
  display: block;
  font-size: 25px;
  margin-bottom: 2px;
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
  .dashboard-page .widget.event-task-counts .value {
    font-size: 29px;
    margin-bottom: 4px;
  }
}

/* line 17, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
.dashboard-page .widget.event-task-counts .label {
  display: block;
  font-size: 12px;
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
  .dashboard-page .widget.event-task-counts .label {
    font-size: 13.5px;
  }
}

/* line 25, app/assets/stylesheets/pages/dashboards/widgets/event_task_counts.scss */
.dashboard-page .widget.event-task-counts .progress {
  margin-top: 18px;
}

/* CalendarEvent
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/info.scss */
.dashboard-page .widget.info-widget .info-row {
  display: flex;
  border-bottom: 1px solid #f7f7f7;
  padding: 13px 0px;
}

/* line 9, app/assets/stylesheets/pages/dashboards/widgets/info.scss */
.dashboard-page .widget.info-widget .info-row .info-label {
  flex-grow: 1;
}

/* Lead Info
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/lead_info.scss */
.dashboard-page .widget.lead-info-widget select:hover {
  cursor: pointer;
}

/* Lead Form Submission Info Widget
======================================================================== */
/* line 3, app/assets/stylesheets/pages/dashboards/widgets/lead_form_submission_info.scss */
.dashboard-page .widget.lead-form-submission-info-widget .lead-form-message {
  display: block;
  border-left: 3px solid #c4c4c4;
  padding-left: 20px;
}

/* line 1, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-widgets-container .widget.wedding-couple-widget {
  position: relative;
  z-index: 2;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
  .dashboard-widgets-container .widget.wedding-couple-widget {
    height: 230px;
  }
}

/* line 9, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .dashboard-widgets-container .widget.wedding-couple-widget .widget-content {
  margin-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stacked (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 18, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked {
  padding: 15px 5px;
}

/* line 22, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .horizontal-divider {
  height: 1px;
  background-color: #ededed;
  margin: 10px 0px;
}

/* line 29, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .person-container {
  padding: 4px 10px;
}

/* line 34, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .person-details-container {
  display: flex;
  align-items: center;
}

/* line 40, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .avatar {
  position: relative;
  width: 37px;
  height: 37px;
  background-color: #e5e5e5;
  border-radius: 100%;
  margin-right: 10px;
}

/* line 47, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .avatar .initials {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 18px;
  color: #a4a4a4;
  font-weight: 600;
}

/* line 54, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .profile-avatar {
  margin-right: 10px;
}

/* line 59, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.stacked .role {
  margin-left: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Side By Side (Tablet & Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 69, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.side-by-side {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  position: relative;
}

/* line 76, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .vertical-divider {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  bottom: 0px;
  width: 1px;
  background-color: #eaeaea;
}

/* line 85, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.side-by-side .person-container {
  text-align: center;
  padding: 0px 15px;
}

/* line 94, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.side-by-side .avatar {
  position: relative;
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background-color: #e5e5e5;
  border-radius: 100%;
}

/* line 103, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.side-by-side .avatar .initials {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 23px;
  color: #a4a4a4;
  font-weight: 600;
}

/* line 110, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .widget-content.side-by-side .profile-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

/* line 118, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .and-container {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #eaeaea;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 125, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .and-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #c2c2c2;
}

/* line 132, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget h4.missing-name,
.dashboard-page .widget.wedding-couple-widget h5.missing-name {
  color: #c4c4c4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Linked Contact Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 142, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .contact-info-icon {
  padding: 5px 9px;
  color: #797979;
}

/* line 145, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .contact-info-icon.red {
  color: #a21515;
}

/* line 148, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .contact-info-icon.orange {
  color: orange;
}

/* line 151, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.dashboard-page .widget.wedding-couple-widget .contact-info-icon.green {
  color: green;
}

/* line 156, app/assets/stylesheets/pages/dashboards/widgets/wedding_couple_widget.scss */
.address-for-wedding-couple-widget-tooltip:not(:first-child) {
  margin-top: 10px;
}

/* line 3, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout--three-column-fixed-left {
  grid-gap: 0px;
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout--three-column-fixed-left {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout--three-column-fixed-left {
    grid-template-columns: 300px 1fr 350px;
  }
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout--three-column-fixed-left.right-column-collapsed {
    grid-template-columns: 300px 1fr 40px;
  }
}

/* Left Column
======================================================================== */
/* line 21, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout-left-column {
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-left-column {
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-left-column {
    grid-column: span 1;
    background-color: #f7f7f7;
    border-right: 1px solid #ebebeb;
  }
}

/* Center Column
======================================================================== */
/* line 35, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout-center-column {
  background-color: #fff;
}

@media (min-width: 576px) {
  /* line 35, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-center-column {
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 35, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-center-column {
    grid-column: span 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }
  /* line 46, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-center-column .center-column-content {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}

/* line 53, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout .center-column-content {
  display: grid;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* line 60, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout .center-column-content .sub-grid-column {
  grid-gap: 0px;
}

/* line 65, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout--three-column-fixed-left .panel-expand-collapse-button.--collapse-right-panel {
  top: 53px;
  right: 350px;
}

/* Right Column
======================================================================== */
/* line 73, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout-right-column {
  border-left-color: #e3e3e3;
}

@media (min-width: 576px) {
  /* line 73, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-right-column {
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 73, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout-right-column {
    grid-column: span 1;
  }
}

/* Sub Grid Column
======================================================================== */
/* line 87, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .split-grid-layout .sub-grid-column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .split-grid-layout .sub-grid-column {
    grid-gap: 32px;
  }
}

/* line 98, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .simple-section-header.simple-section-header--grey-background {
  background-color: transparent;
}

@media (min-width: 1200px) {
  /* line 101, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .simple-section-header.simple-section-header--grey-background h4 {
    font-size: 18px;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  /* line 108, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects,
#company-dashboard-page .panel--upcoming-projects--grid,
#company-dashboard-page .panel--my-schedule,
#company-dashboard-page .panel--portal {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 119, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel {
    background-color: #fff;
    background: linear-gradient(180deg, #ffffff 39.9%, #fbfbfb 100%);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Upcoming Projects Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 130, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects .inline-index__item {
  font-size: 16px;
  color: #2f2f2f;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (min-width: 576px) {
  /* line 130, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects .inline-index__item {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects .inline-index__item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

/* line 145, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects .inline-index__item .project-image {
  background-size: cover;
  aspect-ratio: 1 / 1;
  width: 30px;
  margin-right: 16px;
  border-radius: 8px;
  border: 1px solid #dddddd;
}

@media (min-width: 576px) {
  /* line 145, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects .inline-index__item .project-image {
    width: 30px;
  }
}

/* line 157, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects upcoming-projects-year-divider {
  background-color: #ffffff;
  color: #727272;
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  margin: 4px 0px;
  display: none;
  width: fit-content;
  margin-left: auto;
  margin-right: 8px;
}

@media (min-width: 1200px) {
  /* line 171, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects upcoming-projects-year-divider:first-of-type {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Upcoming Projects (Grid) Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index--rows {
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 576px) {
  /* line 182, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index--rows {
    grid-gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

/* line 195, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image {
  width: 100%;
  aspect-ratio: 1 / 1.1;
  background-size: 125%;
  background-position: center;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  background-color: #fdfdfd;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 576px) {
  /* line 195, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image {
    border-radius: 8px;
  }
}

@media (min-height: 800px) {
  /* line 195, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image {
    aspect-ratio: 1 / 1.2;
  }
}

@media (min-width: 1200px) {
  /* line 212, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image:hover {
    background-size: 135%;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 218, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image:active {
  background-size: 135%;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 224, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image .event-name-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  font-size: 14px;
  padding: 6px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  line-height: 1.2;
  min-height: 43%;
  font-weight: 550;
  backdrop-filter: blur(5px) saturate(0.5) brightness(0.5);
  -webkit-backdrop-filter: blur(5px) saturate(0.5) brightness(0.5);
}

@media (min-width: 576px) {
  /* line 224, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image .event-name-container {
    font-weight: 500;
    font-size: 13.5px;
    padding: 6px 10px;
    min-height: 45px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

/* line 251, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .project-image .event-name-container .event-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 257, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .mobile-date {
  display: block;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 2px;
}

@media (min-width: 1200px) {
  /* line 257, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .mobile-date {
    display: none;
  }
}

/* line 267, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .desktop-date {
  display: none;
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 11px;
  font-weight: 450;
  background-color: #fff;
  color: #727272;
  padding: 3px 2px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

@media (min-width: 1200px) {
  /* line 267, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--grid .inline-index__item .desktop-date {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Upcoming Projects Panel (Ribbon)
/* ===================================================================== */
/* ===================================================================== */
/* line 292, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon {
  width: 100vw;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 292, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon {
    width: initial;
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 292, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon {
    border-top-width: 0px;
  }
}

/* line 313, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows {
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 8px;
  overflow-x: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: -8px;
  margin-bottom: -8px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 1200px) {
  /* line 313, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 48px;
  }
}

/* line 330, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile {
  position: relative;
  color: #fff;
  overflow: hidden;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 2px 10px 2px #0000000d;
  -webkit-box-shadow: 0px 2px 10px 2px #0000000d;
  width: 100px;
  transform-origin: bottom center;
  transition: all 0.2s;
  min-height: 137px;
}

@media (min-width: 576px) {
  /* line 330, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile {
    width: 95px;
    min-height: 130px;
  }
}

@media (min-width: 1200px) {
  /* line 330, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile {
    min-height: 118px;
  }
}

/* line 350, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile a {
  color: #fff;
}

/* line 355, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .gradient-knockout {
  pointer-events: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: linear-gradient(0deg, #161618, #161618 39%, transparent 100%);
  height: 89px;
}

/* line 366, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-details-container {
  position: relative;
  z-index: 1;
  padding: 12px;
  padding-bottom: 10px;
  padding-top: 0px;
  margin-top: -32px;
}

@media (min-width: 1200px) {
  /* line 366, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-details-container {
    margin-top: -42px;
  }
}

/* line 377, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  background-size: cover;
}

/* line 383, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-date {
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
  border: 1px solid #ffffff4f;
  width: fit-content;
  padding: 2px;
  border-radius: 4px;
  margin-bottom: 6px;
  backdrop-filter: blur(6px);
}

@media (max-width: 480px) {
  /* line 383, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-date {
    font-size: 13px;
  }
}

@media (min-width: 576px) {
  /* line 383, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-date {
    font-size: 12.5px;
  }
}

/* line 396, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-date .year-indicator {
  font-size: 10px;
  margin-left: 2px;
}

/* line 400, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-date .tbd-icon {
  transform: scale(0.7);
}

/* line 404, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-name {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 404, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-name {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 404, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .project-name {
    font-size: 13px;
    font-weight: 500;
  }
}

/* line 419, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .ribbon-overflow {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 16px;
  width: 16px;
}

@media (min-width: 1200px) {
  /* line 419, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .ribbon-overflow {
    width: 32px;
  }
}

/* line 430, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .ribbon-overflow.--left {
  left: 0px;
  background: linear-gradient(90deg, #fff, transparent);
}

/* line 434, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .ribbon-overflow.--right {
  right: 0px;
  background: linear-gradient(90deg, transparent, #fff);
}

/* line 440, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile:hover {
  transform: scale(1.05);
}

/* line 444, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .inline-index--rows .project-tile .demo-data-record-badge {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Ribbon (Desktop)
======================================================================== */
/* Project Ribbon Empty State
======================================================================== */
/* line 462, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state {
  opacity: 0.5;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 2px 10px 2px #00000008;
  -webkit-box-shadow: 0px 2px 10px 2px #00000008;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

/* line 472, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state .gradient-knockout {
  background: linear-gradient(0deg, #f9f9f9, #efefef00 100%);
  height: 100%;
}

/* line 476, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state .placeholder-lines {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding-left: 16px;
  padding-bottom: 16px;
}

/* line 484, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state .placeholder-line {
  height: 8px;
  background-color: #e9e9e9;
  border-radius: 20px;
}

/* line 492, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.no-hover:hover {
  transform: scale(1);
}

/* line 497, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project {
  opacity: 1;
  background-color: #fff;
  border: 1px dashed #596171;
  width: 120px;
  display: flex;
  text-align: center;
  padding-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
}

/* line 507, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project a {
  color: #596171;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.3pt;
}

@media (min-width: 1200px) {
  /* line 507, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project a {
    font-size: 13px;
  }
}

/* line 517, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project i {
  font-size: 33px;
  font-weight: 200;
  margin-bottom: 16px;
}

/* line 522, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project.for-no-upcoming {
  border-style: solid;
  color: #596171;
  border-color: #dcdcdc;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.3pt;
  padding-bottom: 0px;
  justify-content: center;
}

/* line 532, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project.for-no-upcoming:hover {
  transform: scale(1);
}

/* line 535, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--upcoming-projects--ribbon .project-tile.project-tile--blank-state.project-tile--new-project.for-no-upcoming i {
  font-size: 20px;
  margin-bottom: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Billing Summary Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 547, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--billing-summary .info-tile-grid--billing-summary {
  grid-auto-rows: auto;
}

@media (min-width: 576px) {
  /* line 549, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--billing-summary .info-tile-grid--billing-summary .info-tile--invoices-overdue-upcoming {
    grid-column: span 6;
  }
}

@media (min-width: 576px) {
  /* line 554, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--billing-summary .info-tile-grid--billing-summary .info-tile--recent-transactions {
    grid-column: span 6;
  }
}

/* line 561, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--billing-summary .info-tile--invoices-overdue-upcoming .inline-index__item {
  font-size: 16px;
  color: #2f2f2f;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  align-items: center;
  grid-gap: 16px;
}

@media (min-width: 576px) {
  /* line 561, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--billing-summary .info-tile--invoices-overdue-upcoming .inline-index__item {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* My Schedule Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 579, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--my-schedule[data-is-expanded="false"] .panel__content-container {
  padding-bottom: 0px !important;
}

@media (min-width: 1200px) {
  /* line 583, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--my-schedule {
    border-top: 0px;
    border-bottom-width: 1px;
    box-shadow: 0px 2px 10px 2px #00000008;
    -webkit-box-shadow: 0px 2px 10px 2px #00000008;
    background-color: #fff;
    background: #fff;
  }
}

/* line 594, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--my-schedule .inline-index__item,
.portal-dashboard-page .panel--my-schedule .inline-index__item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  grid-gap: 16px;
  line-height: 1.4;
}

/* line 601, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--my-schedule .inline-index__item:hover,
.portal-dashboard-page .panel--my-schedule .inline-index__item:hover {
  cursor: pointer;
}

/* line 606, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--my-schedule .inline-index__item .event-or-company-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 611, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--my-schedule .empty-state--inline-index,
.portal-dashboard-page .panel--my-schedule .empty-state--inline-index {
  margin-left: 24px;
  margin-right: 24px;
}

@media (min-width: 1200px) {
  /* line 611, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--my-schedule .empty-state--inline-index,
.portal-dashboard-page .panel--my-schedule .empty-state--inline-index {
    margin-left: 32px;
    margin-right: 32px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Client Portal
/* ===================================================================== */
/* ===================================================================== */
/* line 626, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--portal[data-is-expanded="false"] .panel__content-container {
  padding-bottom: 0px !important;
}

/* line 630, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--portal .inline-index__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

/* line 634, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--portal .inline-index__item .profile-avatar {
  margin-right: 12px;
}

/* line 637, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--portal .inline-index__item:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Recent Transactions Panel
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Leads Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 654, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--leads .new-lead-row {
  color: #2f2f2f;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  grid-gap: 16px;
  line-height: 1.3;
}

/* ===================================================================== */
/* ===================================================================== */
/* Leads Summary Panel
/* ===================================================================== */
/* ===================================================================== */
/* line 668, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--leads-summary .info-tile-grid--leads-summary {
  grid-auto-rows: auto 1fr;
}

@container info-tile-grid (min-width: 650px) {
  /* line 674, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .info-tile--new-leads {
    grid-column: span 5;
  }
  /* line 675, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .info-tile--pipeline {
    grid-column: span 7;
    grid-row: span 2;
  }
  /* line 676, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .info-tile--new-vs-won {
    grid-column: span 5;
  }
}

/* line 680, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .info-tile--new-leads {
  color: #2f2f2f;
  grid-row: 1;
}

@media (min-width: 1200px) {
  /* line 680, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .info-tile--new-leads {
    grid-row: unset;
  }
}

/* New vs Won
======================================================================== */
@media (min-width: 576px) {
  /* line 695, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .info-tile--new-vs-won--blank-state,
.info-tile-grid--leads-summary .info-tile--new-vs-won--full-height {
    grid-row: span 2;
  }
}

/* line 702, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  height: 100%;
  min-height: 200px;
}

@media (min-width: 576px) {
  /* line 702, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .chart--new-vs-won {
    min-height: 100px;
  }
}

/* line 713, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won--blank-state {
  position: relative;
}

/* line 717, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr auto;
  grid-column-gap: 4px;
  grid-row-gap: 8px;
  text-align: center;
  padding-top: 4px;
}

/* line 725, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month:hover {
  background-color: #f8f8f8;
  border-radius: 8px;
}

/* line 730, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month .month-label {
  grid-column: span 2;
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 730, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile-grid--leads-summary .chart--new-vs-won .month .month-label {
    font-size: 13.5px;
  }
}

/* line 735, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month .chart-bar-container {
  display: flex;
  align-items: end;
}

/* line 739, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month .chart-bar {
  width: 100%;
  max-width: 10px;
  border-radius: 100px;
}

/* line 744, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month .chart-bar.new {
  margin-left: auto;
  background-color: #d2e7ee;
}

/* line 748, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile-grid--leads-summary .chart--new-vs-won .month .chart-bar.won {
  background-color: #8fddb4;
}

/* line 753, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.new-vs-won-tooltip {
  text-align: left;
}

/* line 755, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.new-vs-won-tooltip .month-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 759, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.new-vs-won-tooltip i {
  margin-right: 8px;
}

/* line 762, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.new-vs-won-tooltip .new-lead-circle {
  color: #d2e7ee;
}

/* line 765, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.new-vs-won-tooltip .won-lead-circle {
  color: #8fddb4;
}

/* Pipeline
======================================================================== */
/* line 772, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  border-bottom: 1px solid #f5f5f5;
  color: #2f2f2f;
}

@media (min-width: 576px) {
  /* line 772, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row {
    gap: 0px;
  }
}

/* line 786, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row .step-name {
  font-size: 14px;
  grid-column: span 3;
}

@media (min-width: 576px) {
  /* line 786, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row .step-name {
    font-size: 13.5px;
  }
}

@media (min-width: 576px) {
  /* line 786, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row .step-name {
    grid-column: span 1;
    grid-row: span 2;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
  }
}

/* line 797, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row .step-count {
  font-size: 14px;
  width: 32px;
}

@media (min-width: 576px) {
  /* line 797, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row .step-count {
    font-size: 13.5px;
  }
}

@media (min-width: 576px) {
  /* line 797, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row .step-count {
    grid-row: span 2;
    text-align: right;
    margin-right: 32px;
  }
}

/* line 806, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row .chart-bar-container {
  grid-column: span 2;
}

@media (min-width: 576px) {
  /* line 806, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  .info-tile--pipeline .pipeline-step-row .chart-bar-container {
    grid-column: span 1;
    grid-row: span 2;
  }
}

/* line 813, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row .chart-bar {
  height: 10px;
  background-color: #e9e9e9;
  border-radius: 100px;
}

/* line 818, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
.info-tile--pipeline .pipeline-step-row .chart-bar.new_lead {
  background-color: #d2e7ee;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sales Pipeline
/* ===================================================================== */
/* ===================================================================== */
/* line 828, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--pipeline .inline-index--rows {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}

/* line 837, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--pipeline .pipeline-step-row {
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}

/* line 846, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--pipeline .pipeline-step-row .overflow-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50px;
  background: linear-gradient(90deg, #ffffff00, #ffffff 96%, #ffffff);
}

/* line 855, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
#company-dashboard-page .panel--pipeline .pipeline-step-row .lead-count-tile {
  width: fit-content;
  min-width: 32px;
  padding: 5px;
  border-radius: 6px;
  text-align: center;
  font-weight: 650;
  position: relative;
  background-color: #f3f3f3;
  margin-bottom: 12px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 855, app/assets/stylesheets/pages/dashboards/company_dashboard.scss */
  #company-dashboard-page .panel--pipeline .pipeline-step-row .lead-count-tile {
    font-size: 14.5px;
  }
}

/* line 3, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .split-grid-layout--three-column-fixed-left {
  grid-row-gap: 48px;
}

@media (min-width: 1200px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .split-grid-layout--three-column-fixed-left {
    grid-row-gap: 56px;
  }
}

@media (min-width: 1680px) {
  /* line 3, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .split-grid-layout--three-column-fixed-left {
    grid-template-columns: 320px 1fr 350px;
  }
}

@media (min-width: 1200px) {
  /* line 14, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .split-grid-layout--three-column-fixed-left .split-grid-layout-left-column {
    padding-bottom: 120px;
    background-color: #fff;
  }
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .split-grid-layout--three-column-fixed-left .split-grid-layout-center-column .center-column-content {
    max-width: 685px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Name Header
/* ===================================================================== */
/* ===================================================================== */
/* line 35, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard h3.event-name-header {
  margin: 0px;
  margin-top: -8px;
  font-size: 18px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Event Date Countdown
/* ===================================================================== */
/* ===================================================================== */
/* line 46, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown {
  position: relative;
  z-index: 1;
  padding: 16px;
  margin: 24px;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  background-color: #383838;
  color: #fff;
  overflow: hidden;
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown {
    transition: all 0.2s;
    margin: 8px;
    border-width: 0px;
  }
}

/* line 64, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .date-info {
  display: grid;
  align-items: center;
  line-height: 1.3;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: 16px;
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .date-info {
    grid-template-columns: auto 1fr;
    grid-row-gap: 16px;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  /* line 77, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .framed-icon {
    grid-column: span 1;
  }
}

@media (min-width: 1200px) {
  /* line 83, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .date-or-desc {
    grid-column: span 1;
  }
}

/* line 89, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .remaining-counters-container {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 89, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .remaining-counters-container {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .remaining-counters-container {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(3, auto);
  }
}

/* line 98, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .today-tomorrow-badge {
  font-size: 14px;
  width: fit-content;
  border: 1px solid #6b6b6b;
  border-radius: 8px;
  padding: 8px;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown .today-tomorrow-badge {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  /* line 106, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown {
    opacity: 0;
  }
}

/* line 112, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-toggler {
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: #fff;
  color: #2f2f2f;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  opacity: .3;
  transition: all 0.2s;
}

/* line 123, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-toggler i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 1200px) {
  /* line 129, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown:hover {
    cursor: pointer;
  }
  /* line 132, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--event-date-countdown:hover .fancy-toggler {
    opacity: .8;
  }
}

/* line 138, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-countdown-expanding-container {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  margin-bottom: 0px;
  transition: max-height 0.25s, opacity 0.4s, margin-bottom 0.5s;
}

/* line 144, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-countdown-expanding-container #fancy-countdown-portal-dashboard {
  padding: 0px 0px;
  transform: scale(0.8);
}

/* line 148, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-countdown-expanding-container .simply-section {
  aspect-ratio: unset;
  margin-bottom: 24px;
}

/* line 152, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown .fancy-countdown-expanding-container p {
  padding-right: 32px;
  line-height: 1.2;
  text-wrap: balance;
  color: #c2c2c2;
}

/* line 161, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown.show-fancy-countdown .fancy-countdown-expanding-container {
  margin-bottom: 24px;
  max-height: 1000px;
  opacity: 1;
  overflow: hidden;
}

/* line 167, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--event-date-countdown.show-fancy-countdown .fancy-toggler {
  transform: rotate(180deg);
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Events
/* ===================================================================== */
/* ===================================================================== */
/* line 183, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--sub-events .sub-event-container {
  font-size: 16px;
  color: #2f2f2f;
}

@media (min-width: 576px) {
  /* line 183, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container {
    font-size: 14.5px;
  }
}

@media (min-width: 1440px) {
  /* line 183, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

/* line 193, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--sub-events .sub-event-container .icon-and-name {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-weight: 500;
}

/* line 198, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--sub-events .sub-event-container .icon-and-name .framed-icon {
  margin-right: 16px;
}

/* line 203, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container {
  padding-left: 54px;
}

@media (min-width: 1200px) {
  /* line 203, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container {
    padding-left: 32px;
    text-align: right;
  }
}

/* line 209, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container p {
  font-size: 16px;
  color: #727272;
  line-height: 2;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 209, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container p {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 209, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container p {
    line-height: 1.5;
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (min-width: 576px) {
  /* line 209, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--sub-events .sub-event-container .details-container p {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Contacts
/* ===================================================================== */
/* ===================================================================== */
/* line 226, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .contacts-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}

/* line 232, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .contacts-grid-container .person-container {
  position: relative;
  font-size: 16px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 16px;
  border: 1px solid #f1f1f1;
  border-left-width: 0px;
  border-right-width: 0px;
  grid-column: span 2;
}

@media (min-width: 576px) {
  /* line 232, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .contacts-grid-container .person-container {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 232, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .contacts-grid-container .person-container {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-left-width: 1px;
    border-right-width: 1px;
    border-radius: 8px;
  }
}

@media (min-width: 1200px) {
  /* line 250, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .contacts-grid-container .person-container--wedding-person {
    grid-column: span 1;
  }
}

/* Avatar and Name
======================================================================== */
/* line 258, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .person-container {
  font-size: 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 16px;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 258, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .person-container {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 258, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .person-container {
    grid-template-columns: auto 1fr auto;
  }
}

/* line 269, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .person-container .grid-item-name-and-role {
  font-weight: 500;
  line-height: 1.4;
}

/* line 274, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .person-container .grid-item-actions {
  grid-column-start: 2;
}

@media (min-width: 1200px) {
  /* line 274, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .person-container .grid-item-actions {
    grid-column-start: initial;
  }
}

/* line 286, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .person-container .role {
  font-weight: normal;
  display: block;
  color: #727272;
}

@media (min-width: 1200px) {
  /* line 293, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .person-container--wedding-person .avatar-and-name {
    grid-template-columns: 1fr;
    text-align: center;
  }
  /* line 297, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel--contacts .person-container--wedding-person .avatar-and-name .profile-avatar {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Linked Contact Actions
/* ===================================================================== */
/* ===================================================================== */
/* line 310, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .portal-status-icon--enabled {
  color: green;
}

/* line 313, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .portal-status-icon--not-enabled {
  color: #a21515;
}

/* line 316, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel--contacts .portal-status-icon--pending {
  color: #d58b04;
}

/* ===================================================================== */
/* ===================================================================== */
/* Lead: Link to Event
/* ===================================================================== */
/* ===================================================================== */
/* line 325, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel.panel--link-to-event {
  padding: 16px;
  border: 1px solid #e1e1e1;
  margin: 16px;
  margin-bottom: 0px;
  border-radius: 8px;
}

@media (min-width: 1200px) {
  /* line 325, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
  .lead-or-project-dashboard .panel.panel--link-to-event {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    text-align: center;
    text-wrap: balance;
  }
}

/* line 340, app/assets/stylesheets/pages/dashboards/event_dashboard.scss */
.lead-or-project-dashboard .panel.panel--link-to-event.hide-link-to-event {
  display: none !important;
}

/* line 1, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .left-column-content {
  display: grid;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .left-column-content {
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 11, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .left-column-content,
.portal-dashboard-page .left-column-content .sub-grid-column {
  gap: 32px;
}

@media (max-width: 1200px) {
  /* line 16, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel {
    border-radius: 0px;
    border-width: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Company Feature
/* ===================================================================== */
/* ===================================================================== */
/* line 28, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-company-feature {
  container-type: inline-size;
  container-name: panel-portal-company-feature;
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 12px;
  align-items: center;
  margin: 24px;
  margin-bottom: 0px;
  border-radius: 12px;
  border-width: 0px;
}

@media (min-width: 576px) {
  /* line 28, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature {
    grid-template-rows: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature {
    margin: 0px;
    grid-column: span 2;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    gap: 0px;
    padding: 12px;
  }
}

/* line 55, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-company-feature .timed-greeting {
  grid-column: 1 / 7;
  text-align: left;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .timed-greeting {
    grid-column: 1 / 7;
    grid-row: 2;
    align-self: start;
  }
}

@media (min-width: 576px) {
  /* line 64, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .timed-greeting {
    font-size: 18px;
    text-align: center;
  }
}

/* line 72, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-company-feature .company-logo-container {
  grid-column: 8 / 12;
}

@media (min-width: 576px) {
  /* line 72, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .company-logo-container {
    grid-column: 1 / 7;
    grid-row: 1;
    align-self: end;
  }
}

@media (min-width: 1200px) {
  /* line 72, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .company-logo-container {
    align-self: center;
  }
}

/* line 83, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-company-feature .company-logo-container .__company-logo {
  max-width: 100%;
  max-height: 60px;
  display: block;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .company-logo-container .__company-logo {
    margin-right: auto;
    max-height: 100px;
  }
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .company-logo-container .__company-logo {
    max-height: 100px;
  }
}

/* line 98, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-company-feature .__col-date {
  grid-column: 1 / 12;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .__col-date {
    grid-column: 7 / 12;
    grid-row: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 98, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .__col-date {
    grid-column: 7 / 12;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-company-feature .__col-date .fancy-countdown {
    height: 100%;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Invoices
/* ===================================================================== */
/* ===================================================================== */
/* line 125, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-dashboard-invoices .inline-index__item--portal-invoice {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 125, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-dashboard-invoices .inline-index__item--portal-invoice {
    font-size: 14.5px;
  }
}

/* line 131, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-dashboard-invoices .inline-index__item--portal-invoice .details-row {
  text-align: right;
}

/* line 136, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
.portal-dashboard-page .panel--portal-dashboard-invoices .empty-state--inline-index {
  margin: 0px 24px;
}

@media (min-width: 1200px) {
  /* line 136, app/assets/stylesheets/pages/dashboards/portal_dashboard.scss */
  .portal-dashboard-page .panel--portal-dashboard-invoices .empty-state--inline-index {
    margin: 0px 32px;
  }
}

/* line 1, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget {
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget {
    border-radius: 11px;
    border: 1px solid #e0e0e0;
  }
}

/* line 11, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget.default-mb {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget.default-mb {
    margin-bottom: 30px;
  }
}

/* line 18, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .header {
  padding: 20px;
}

@media (min-width: 1200px) {
  /* line 18, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .header {
    padding: 25px 30px;
  }
}

/* line 26, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .header.with-actions {
  display: flex;
  justify-content: space-between;
}

/* line 32, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .header h3 {
  margin-bottom: 0px;
  font-size: 18px;
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .header h3 {
    font-size: 17px;
  }
}

/* line 38, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .header h3 i {
  margin-right: 8px;
}

/* line 43, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .hover-items-container {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 48, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .hover-items-container .hover-item {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  border-bottom: 1px solid #f6f6f6;
  transition: all 0.2s;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .hover-items-container .hover-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 58, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .hover-items-container .hover-item:last-child {
  border-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .hover-items-container .hover-item:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

@media (max-width: 1200px) {
  /* line 69, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .hover-items-container .hover-item:active {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 75, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .default-items-container {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1200px) {
  /* line 75, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .default-items-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 87, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .footer.empty {
  height: 10px;
}

/* line 91, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .footer.go-to-page {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
}

@media (min-width: 1200px) {
  /* line 91, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page {
    padding: 0px;
  }
}

/* line 101, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.clean-widget .footer.go-to-page button {
  border-color: #15384a;
  font-size: 14px;
  border-radius: 100px;
  padding-left: 14px;
  padding-right: 12px;
}

@media (max-width: 1200px) {
  /* line 101, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (min-width: 1200px) {
  /* line 101, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page button {
    font-size: 14px;
    padding: 20px;
    padding-left: 30px;
    border: 0px;
    width: 100%;
    text-align: left;
    border-top: 1px solid #f2f2f2;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  /* line 123, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page button:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    border-top-color: #e0e0e0;
    background-color: transparent;
  }
  /* line 127, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page button:hover i {
    transform: scale(1.1) translateX(3px);
  }
}

@media (min-width: 1200px) {
  /* line 132, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .clean-widget .footer.go-to-page button i {
    font-size: 10px;
    transform-origin: left center;
    transition: all 0.15s;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Empty States
/* ===================================================================== */
/* ===================================================================== */
/* line 146, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.dashboard-page .dashboard-widgets-container .clean-widget span.placeholder-line {
  display: block;
  width: 72px;
  height: 8px;
  border-radius: 8px;
  background-color: #eeeeee;
}

/* line 152, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.dashboard-page .dashboard-widgets-container .clean-widget span.placeholder-line.dark {
  background-color: #e5e5e5;
}

/* Empty State 1
======================================================================== */
/* line 159, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.dashboard-page .dashboard-widgets-container .clean-widget .empty-state-1 {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

/* line 163, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.dashboard-page .dashboard-widgets-container .clean-widget .empty-state-1 .placeholder-line {
  margin-bottom: 4px;
}

/* line 169, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
.dashboard-page .dashboard-widgets-container .clean-widget .empty-state-message-container p {
  color: #727272;
  font-size: 16px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 169, app/assets/stylesheets/components/clean_widgets/base_styles.scss */
  .dashboard-page .dashboard-widgets-container .clean-widget .empty-state-message-container p {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Double Envelope Row
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .double-envelope-row {
  background-color: #f0f0f0;
  margin-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 42px;
  border-radius: 4px;
}

/* line 14, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .double-envelope-row .envelope-label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 14, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
  #paper-invitation-page .double-envelope-row .envelope-label {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Envelope Container
/* ===================================================================== */
/* ===================================================================== */
/* line 26, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope {
  background-color: #fff;
  min-height: 100%;
  padding-bottom: 18px;
  border-radius: 13px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  transition: all 0.3s;
}

/* line 33, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* Single
======================================================================== */
/* line 44, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .info-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 7px 8px 7px 22px;
  background-color: #f0f0f0;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  color: #919191;
}

/* Double
======================================================================== */
/* line 57, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope.double {
  padding-top: 20px;
  padding-bottom: 0px;
}

/* line 62, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .info-header .left {
  flex-grow: 1;
}

/* line 66, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .address-content {
  padding: 0px 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Blocks
/* ===================================================================== */
/* ===================================================================== */
/* line 76, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block {
  position: relative;
  padding: 8px;
  border-radius: 5px;
  transition: 0.3s;
  color: #464646;
}

/* Edit Block - Main Guest Line
======================================================================== */
/* line 90, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block.main-guest-line {
  font-size: 19px;
  font-weight: 600;
}

/* Edit Block - Sub Guest Line
======================================================================== */
/* line 97, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block.sub-guest-line {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

/* Edit Block - Address
======================================================================== */
/* line 106, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block.address p {
  font-size: 16px;
  color: #464646;
  margin-bottom: 0px;
}

/* Issue Icon
======================================================================== */
/* line 115, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block .issue-notification-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  color: red;
  font-size: 18px;
}

/* Customization Icon
======================================================================== */
/* line 124, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#paper-invitation-page .paper-invitation-envelope .edit-block .customization-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  color: #a1bcca;
  font-size: 18px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Edit Envelope Modifier Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 136, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .right-panels-container {
  padding: 30px;
}

/* line 140, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .radio-button-option {
  padding: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Envelope Mockups
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .envelope-mockups h4 {
  font-size: 15px;
  color: #838383;
}

/* line 154, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup {
  background-color: #fff;
  min-height: 270px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

/* line 161, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .sender-address-and-stamp {
  display: flex;
  align-items: center;
  padding: 15px;
}

/* line 167, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .sender-bar {
  height: 4px;
  width: 129px;
  background-color: #c4c4c4;
  border-radius: 12px;
  display: block;
  margin-bottom: 6px;
}

/* line 176, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .stamp-icon {
  font-size: 41px;
  color: #c4c4c4;
}

/* Address Content
======================================================================== */
/* line 183, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .envelope-address-content {
  text-align: center;
  padding: 60px 18px;
  padding-bottom: 70px;
}

/* line 189, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .envelope-address-content .main-guest-line {
  display: block;
  font-size: 20px;
  margin-bottom: 18px;
  font-weight: 600;
}

/* line 196, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .sub-guest-line {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 13px;
}

/* line 205, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .mailing-envelope-mockup .envelope-address-content .address-lines p {
  margin: 0px;
  line-height: 24px;
  font-size: 16px;
}

/* Inner Envelope Content
======================================================================== */
/* line 214, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .inner-envelope-mockup-container {
  margin-left: 36px;
  margin-right: 36px;
}

/* line 219, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .inner-envelope-mockup {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  text-align: center;
  padding: 110px 20px;
}

/* line 227, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .inner-envelope-mockup .main-guest-line {
  display: block;
  font-size: 19px;
  margin-bottom: 18px;
  font-weight: 600;
}

/* line 234, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .inner-envelope-mockup .sub-guest-line {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

/* Guest Honorifics
======================================================================== */
/* line 251, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
#edit-envelope-modifier-modal .issue-label {
  font-size: 16px;
  color: red;
}

@media (min-width: 576px) {
  /* line 251, app/assets/stylesheets/pages/paper_invitations/envelopes.scss */
  #edit-envelope-modifier-modal .issue-label {
    font-size: 14.5px;
  }
}

/* line 1, app/assets/stylesheets/pages/paper_invitations/setup_wizard.scss */
#setup-paper-invitation-modal .wizard-screen.recipients .match-criteria-description,
#setup-guest-message-container-modal .wizard-screen.recipients .match-criteria-description {
  font-weight: 600;
  color: #9f9f9f;
  font-size: 16px;
  padding-top: 18px;
  padding-bottom: 13px;
}

/* line 8, app/assets/stylesheets/pages/paper_invitations/setup_wizard.scss */
#setup-paper-invitation-modal .wizard-screen.recipients .match-criteria-description .matching-guest-party-count,
#setup-guest-message-container-modal .wizard-screen.recipients .match-criteria-description .matching-guest-party-count {
  font-size: 19px;
}

/* line 14, app/assets/stylesheets/pages/paper_invitations/setup_wizard.scss */
#setup-paper-invitation-modal .wizard-screen.recipients #guest-list-filters-container[data-is-filtered='true'] #add-filter-container {
  display: none;
}

/* line 18, app/assets/stylesheets/pages/paper_invitations/setup_wizard.scss */
#setup-paper-invitation-modal .wizard-screen.recipients #guest-list-filters-container[data-is-filtered='false'] #filter-options-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Composer Container (Edit Email Template Page)
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/edit_email_template.scss */
#edit-email-template-page #email-composer-container {
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/pages/edit_email_template.scss */
  #edit-email-template-page #email-composer-container {
    max-width: 800px;
  }
}

@media (min-width: 1034px) {
  /* line 6, app/assets/stylesheets/pages/edit_email_template.scss */
  #edit-email-template-page #email-composer-container {
    border-radius: 6px;
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/pages/edit_email_template.scss */
  #edit-email-template-page #email-composer-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: fixed;
    width: 800px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Content
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #email-content {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #email-content {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

/* line 39, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container.hidden-while-loading {
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Header Field Rows (To, CC, From, Subject, Etc.)
/* ===================================================================== */
/* ===================================================================== */
/* line 48, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 24px;
}

@media (min-width: 576px) {
  /* line 48, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row {
    display: flex;
    align-items: center;
    padding: 2px 24px;
  }
  /* line 56, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row .label-col {
    width: 90px;
  }
  /* line 59, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row .value-col {
    flex-grow: 1;
  }
}

@media (min-width: 576px) {
  /* line 65, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container .email-header-field-row {
    padding: 2px 32px;
  }
}

/* line 72, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row .subject-label {
  color: #727272;
  font-size: 16px;
  display: block;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  /* line 72, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row .subject-label {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 72, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row .subject-label {
    margin-bottom: 0px;
  }
}

/* Email To / From Contact
======================================================================== */
/* line 84, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-to .email-to-contact,
#email-composer-container .email-header-field-row.email-from .email-to-contact {
  display: flex;
  align-items: center;
}

/* line 91, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-from .outgoing-email-contact-email-values {
  padding-right: 75px;
  overflow: hidden;
  word-break: break-word;
}

/* line 97, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .btn-group.mailbox-dropdown-toggler {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  right: 24px;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .btn-group.mailbox-dropdown-toggler {
    right: 32px;
  }
}

/* line 107, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-to .email-to-contact .contact-avatar-name-column,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-avatar-name-column {
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  /* line 107, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row.email-to .email-to-contact .contact-avatar-name-column,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-avatar-name-column {
    margin-bottom: 0px;
  }
}

/* line 113, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-to .email-to-contact .contact-avatar-name-column .profile-avatar,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-avatar-name-column .profile-avatar {
  display: none;
}

@media (min-width: 576px) {
  /* line 113, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row.email-to .email-to-contact .contact-avatar-name-column .profile-avatar,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-avatar-name-column .profile-avatar {
    display: block;
  }
}

/* line 122, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-to .email-to-contact .contact-email-address-column,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-email-address-column {
  flex-grow: 1;
}

@media (min-width: 576px) {
  /* line 122, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row.email-to .email-to-contact .contact-email-address-column,
#email-composer-container .email-header-field-row.email-from .email-to-contact .contact-email-address-column {
    padding-left: 15px;
  }
}

/* line 130, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-header-field-row.email-to .email-to-contact .outgoing-email-contact-email-values,
#email-composer-container .email-header-field-row.email-from .email-to-contact .outgoing-email-contact-email-values {
  line-height: 1.4;
}

@media (min-width: 576px) {
  /* line 130, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-header-field-row.email-to .email-to-contact .outgoing-email-contact-email-values,
#email-composer-container .email-header-field-row.email-from .email-to-contact .outgoing-email-contact-email-values {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/* line 139, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .contact-missing-email-address-callout {
  display: inline-block;
  background-color: #ffffff;
}

/* line 142, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .contact-missing-email-address-callout p {
  font-size: 16px;
  color: #a21515;
}

@media (min-width: 576px) {
  /* line 142, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .contact-missing-email-address-callout p {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 142, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .contact-missing-email-address-callout p {
    display: inline;
    margin-bottom: 0px;
  }
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .contact-missing-email-address-callout {
    display: inline-flex;
    align-items: center;
  }
}

/* line 156, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #outgoing-email-contact-email-address-form-container .email-address-form-flex-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #outgoing-email-contact-email-address-form-container .email-address-form-flex-container {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 576px) {
  /* line 164, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #outgoing-email-contact-email-address-form-container .email-address-form-flex-container input#contact_email {
    border-width: 0px;
  }
}

/* line 176, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #subject-field-container p {
  color: #2f2f2f;
  font-weight: 600;
  margin: 0px;
  font-size: 18px;
}

@media (min-width: 576px) {
  /* line 175, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #subject-field-container {
    padding: 18px;
    padding-left: 0px;
  }
  /* line 185, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #subject-field-container p {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  /* line 190, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container #subject-field-container {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

/* line 199, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container div#subject-field-container.mce-content-body::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  color: #2f2f2f;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.4;
}

@media (min-width: 576px) {
  /* line 208, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container div#subject-field-container.mce-content-body::before {
    font-size: 16px;
  }
  /* line 211, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container div#subject-field-container.mce-content-body:hover {
    cursor: text;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Top Actions Toolbar (Email Templates, SmartFields, etc.)
/* ===================================================================== */
/* ===================================================================== */
/* line 222, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e8e8e8;
  padding: 6px 11px;
  background-color: #f9f9f9;
  display: flex;
  gap: 8px;
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .top-actions-toolbar {
    padding: 6px 15px;
  }
}

/* line 234, app/assets/stylesheets/pages/edit_email_template.scss */
#share-link-composer #email-composer-container .top-actions-toolbar {
  padding: 6px 15px;
}

@media (min-width: 576px) {
  /* line 234, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container .top-actions-toolbar {
    padding: 6px 22px;
  }
}

/* line 241, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar .smart-field-control-container,
#email-composer-container .top-actions-toolbar .email-templates-control-container {
  position: relative;
}

/* line 246, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar #smart-field-edit-panel,
#email-composer-container .top-actions-toolbar #email-templates-edit-panel {
  position: absolute;
  top: 35px;
  left: 0px;
  background-color: #fff;
  width: 340px;
  height: 450px;
  overflow-y: auto;
  padding-bottom: 8px;
  box-shadow: -2px 11px 36px 2px #0000005c;
  -webkit-box-shadow: -2px 11px 36px 2px #0000005c;
}

/* line 260, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar #email-templates-edit-panel {
  overflow: hidden;
}

/* line 262, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar #email-templates-edit-panel .content {
  height: 100%;
  overflow-y: auto;
  padding-top: 8px;
  padding-bottom: 64px;
}

/* line 270, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar #email-templates-edit-panel .dropdown-item {
  word-break: break-word;
  overflow: hidden;
  white-space: normal;
}

/* line 276, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .top-actions-toolbar #email-templates-edit-panel .template-manager-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
  padding: 12px;
  border-top: 1px solid #f1f1f1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Bottom Toolbar & Tiny MCE Editor Toolbar
/* ===================================================================== */
/* ===================================================================== */
/* line 291, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .toolbar #tinymce-toolbar-container {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 4px;
  margin-bottom: 6px;
  min-height: 43px;
}

/* line 298, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .toolbar {
  padding: 5px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 298, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .toolbar {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

/* line 310, app/assets/stylesheets/pages/edit_email_template.scss */
#share-link-composer #email-composer-container .toolbar {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (min-width: 576px) {
  /* line 310, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container .toolbar {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* line 319, app/assets/stylesheets/pages/edit_email_template.scss */
#edit-email-template-page #email-composer-container #tinymce-toolbar-container {
  min-height: 38px;
}

/* line 322, app/assets/stylesheets/pages/edit_email_template.scss */
#share-link-composer #email-composer-container #tinymce-toolbar-container {
  min-height: 43px;
}

/* ===================================================================== */
/* ===================================================================== */
/* OutgoingEmail address book field
/* ===================================================================== */
/* ===================================================================== */
/* line 331, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-to-adhoc #address-book-search-container {
  position: absolute;
  right: 24px;
  bottom: 12px;
  left: 24px;
  padding: 0px;
  transform: translateX(calc(50%));
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  z-index: 20;
}

@media (min-width: 576px) {
  /* line 331, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-to-adhoc #address-book-search-container {
    top: 0px;
    padding: 6px;
    border-radius: 11px;
  }
}

/* line 349, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-to-adhoc #address-book-search-container.open {
  transform: translateX(0%);
  opacity: 1;
  pointer-events: auto;
}

/* line 355, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-to-adhoc #address-book-search-container .selectize-input {
  padding: 16px;
}

@media (min-width: 576px) {
  /* line 355, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .email-to-adhoc #address-book-search-container .selectize-input {
    padding: 8px;
  }
}

/* line 362, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-to-adhoc #address-book-search-container .selectize-dropdown .selectize-option {
  padding: 8px 16px;
}

/* line 364, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .email-to-adhoc #address-book-search-container .selectize-dropdown .selectize-option .email {
  color: #727272;
}

/* Body
======================================================================== */
/* line 371, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #email-body-container {
  padding: 24px;
  overflow: scroll;
  font-family: 'system-ui';
  font-size: 15px;
  line-height: 150%;
  color: initial;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 380, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container #email-body-container {
    padding: 24px 32px;
  }
}

/* line 386, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #planpage-signature-container {
  line-height: 120%;
  text-decoration: revert;
}

/* line 389, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #planpage-signature-container a {
  text-decoration: revert;
}

/* line 397, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container.for-reply #email-body-container {
  min-height: 300px;
  max-height: 500px;
}

/* line 402, app/assets/stylesheets/pages/edit_email_template.scss */
#edit-email-template-page #email-composer-container #email-body-container {
  max-height: calc(86vh - 200px);
}

/* line 407, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container[data-context="share-link-composer"] #email-body-container {
  min-height: initial;
  max-height: initial;
}

/* line 414, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container[data-context="email-template"] #email-body-container {
  min-height: 250px;
  max-height: 400px;
}

/* line 420, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #email-body-container img {
  max-width: 100%;
}

/* line 426, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container div#email-body-container.mce-content-body::before {
  left: initial;
  top: 24px;
  font-size: 16px;
  font-family: "Arial";
}

/* line 433, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container div#email-body-container.mce-content-body:hover {
  cursor: text;
}

/* ===================================================================== */
/* ===================================================================== */
/* Regular Email Attachments
/* ===================================================================== */
/* ===================================================================== */
/* line 443, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments:not([data-attachments-count="0"]) {
  padding: 5px 20px 20px 20px;
}

/* line 447, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments .email-attachment {
  position: relative;
  padding: 8px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  word-break: break-all;
  padding-right: 35px;
}

@media (min-width: 576px) {
  /* line 447, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #regular-email-attachments .email-attachment {
    padding: 12px;
  }
}

@media (min-width: 1200px) {
  /* line 458, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container #regular-email-attachments .email-attachment:hover {
    background-color: #f9f9f9;
  }
}

/* line 462, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments .email-attachment:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* line 468, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments .email-attachment:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 473, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments .email-attachment:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

/* line 478, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #regular-email-attachments .email-attachment .right-menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote Text
/* ===================================================================== */
/* ===================================================================== */
/* line 488, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #show-quoted-text-button-container {
  padding: 0px 20px;
  padding-bottom: 5px;
}

/* line 493, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #show-quoted-text-button-container .quote-ellipsis {
  color: grey;
  font-size: 4px;
  background-color: #e5e5e5;
  padding: 5px 5px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.2s;
}

/* line 502, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container #show-quoted-text-button-container .quote-ellipsis:hover {
  cursor: pointer;
  background-color: #cccccc;
}

/* line 508, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container[data-hide-planpage-quoted-text='true'] #email-body-container .planpage_quote {
  display: none;
}

/* line 512, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container[data-hide-planpage-quoted-text='false'] #show-quoted-text-button-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Outgoing Email Controls (Send New, Discard, Etc.)
/* ===================================================================== */
/* ===================================================================== */
/* line 521, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .outgoing-email-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
}

@media (max-width: 1200px) {
  /* line 521, app/assets/stylesheets/pages/edit_email_template.scss */
  #email-composer-container .outgoing-email-controls {
    margin-right: 24px;
    margin-bottom: 80px;
  }
}

@media (min-width: 576px) {
  /* line 533, app/assets/stylesheets/pages/edit_email_template.scss */
  #share-link-composer #email-composer-container .outgoing-email-controls {
    padding-right: 32px;
    padding-top: 16px;
  }
}

/* line 540, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .outgoing-email-controls .confirm-discard-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fdfdfd;
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-20px);
  transition: 0.2s;
}

/* line 554, app/assets/stylesheets/pages/edit_email_template.scss */
#email-composer-container .outgoing-email-controls .confirm-discard-container.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Merge Tag
/* ===================================================================== */
/* ===================================================================== */
/* line 565, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag, smartfield {
  background-color: #f1e4ff;
  padding: 2px;
  border-radius: 3px;
  color: #732cb9;
}

/* line 570, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag:hover, smartfield:hover {
  background-color: #f1e4ff !important;
}

/* line 573, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag .mce-mergetag-affix, smartfield .mce-mergetag-affix {
  color: #732cb9 !important;
  background-color: transparent !important;
}

/* line 579, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-success {
  background-color: transparent;
  color: initial;
  padding: 0px;
}

/* line 583, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-success .mce-mergetag-affix {
  display: none;
}

/* line 586, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-success merge_label {
  background-color: #dfe2ff;
  padding: 3px 3px;
  border-radius: 3px;
}

/* line 592, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-success merge_tag {
  display: none;
}

/* line 601, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-fail {
  background-color: #ffd9d9;
  color: red;
}

/* line 606, app/assets/stylesheets/pages/edit_email_template.scss */
.mce-mergetag.merge-fail .mce-mergetag-affix {
  color: red !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Template Index Row
/* ===================================================================== */
/* ===================================================================== */
/* line 617, app/assets/stylesheets/pages/edit_email_template.scss */
#email-templates-page .email-template-row {
  padding: 15px;
  border-bottom: 1px solid #f1f1f1;
}

/* line 620, app/assets/stylesheets/pages/edit_email_template.scss */
#email-templates-page .email-template-row:hover {
  background-color: #f7f7f7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mailboxes Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 9, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailboxes-bar {
  position: fixed;
  z-index: 5;
  background-color: #fdfdfd;
  padding: 15px;
  padding-top: 0px;
  border-right: 1px solid #dadada;
  overflow-y: scroll;
  display: none;
  top: 125px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #mailboxes-bar {
    left: initial;
    width: 300px;
    border-left: 1px solid #dadada;
  }
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #mailboxes-bar {
    display: block;
    left: 55px;
    top: 53px;
    bottom: 0px;
    width: 230px;
    border-left: 0px;
    box-shadow: 0px 0px 7px 1px #00000014;
    -webkit-box-shadow: 0px 0px 7px 1px #00000014;
  }
}

/* line 39, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailboxes-bar.open {
  display: block;
}

/* Mailboxes Bar Context Dropdown
======================================================================== */
/* line 45, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailboxes-bar .sticky-header {
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 15px;
  padding-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #fdfdfd;
  z-index: 10;
  transition: all 1s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Mailbox Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 64, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar,
#inbox-page #mobile-email-thread-bar {
  position: fixed;
  z-index: 2;
  top: 75px;
  right: 0px;
  left: 0px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #mobile-mailbox-bar,
#inbox-page #mobile-email-thread-bar {
    display: none;
  }
}

/* line 82, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar {
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  grid-template-columns: 1fr auto;
}

/* line 88, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar .flex-head-with-actions {
  width: 100%;
}

/* line 91, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar .flex-head-with-actions .left-col {
  padding-right: 10px;
}

/* line 94, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar .flex-head-with-actions .right-col {
  text-wrap: nowrap;
  position: relative;
  padding-right: 25px;
}

/* line 99, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-mailbox-bar .flex-head-with-actions .right-col .dropdown-icon-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  background-color: #fff;
  padding: 3px;
}

/* line 107, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-email-thread-bar {
  z-index: 3;
  top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Mailbox Bar & Email Thread Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 117, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-mailbox-bar,
#inbox-page #desktop-email-thread-bar {
  display: none;
  position: fixed;
  z-index: 2;
  align-items: center;
  top: 53px;
  right: 0px;
  left: 285px;
  height: 72px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #desktop-mailbox-bar,
#inbox-page #desktop-email-thread-bar {
    display: flex;
    gap: 8px;
  }
}

/* Mailbox Bar
======================================================================== */
/* line 142, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-mailbox-bar .content-for-mailbox {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

/* line 148, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-mailbox-bar .email-settings-button {
  padding: 8px;
}

/* line 150, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-mailbox-bar .email-settings-button i {
  display: block;
  font-size: 17px;
}

/* Email Thread Bar
======================================================================== */
/* line 158, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-email-thread-bar {
  z-index: 3;
  right: 334px;
  left: 319px;
  height: 55px;
  padding-left: 8px;
  padding-right: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Mailbox Bar Action Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 175, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-email-thread-bar .action-icon-container button {
  border-color: #00000012;
}

/* line 197, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-email-thread-bar .action-icon-container.active button {
  transform: scale(1.2);
  border-color: teal;
  color: teal;
}

/* line 204, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-email-thread-bar .vertical-divider {
  width: 1px;
  height: 25px;
  background-color: #d6d6d6;
  display: inline-block;
  margin: 0px 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* EmailThread Visibility Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 217, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container {
  display: inline;
  margin-right: 8px;
}

@media (min-width: 1200px) {
  /* line 217, app/assets/stylesheets/pages/inbox/layout.scss */
  .email-thread-visibility-dropdown-container {
    flex-grow: 1;
    text-align: right;
    margin-right: 0px;
  }
}

/* line 227, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .email-thread-index-row[data-full-access-allowed="false"] .email-thread-visibility-dropdown-container {
  display: none !important;
}

/* line 231, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container .visibility-element {
  display: none;
}

/* line 234, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container[data-visibility="private"] .visibility-element.private {
  display: initial;
}

/* line 237, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container[data-visibility="everyone"] .visibility-element.everyone {
  display: initial;
}

/* line 241, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container .dropdown-menu {
  width: 90vw;
  max-width: 420px;
}

/* line 244, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container .dropdown-menu .dropdown-item:hover {
  background-color: #e8f1f8;
}

/* line 249, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container[data-visibility="everyone"] button {
  background-color: #317296;
  border-color: #317296;
  color: #fff;
}

/* line 253, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container[data-visibility="everyone"] button:hover {
  background-color: #4d91b6;
  border-color: #4d91b6;
  color: #fff;
}

/* line 263, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-index-row .email-thread-visibility-dropdown-container button {
  width: 50px;
  padding: 1px;
  border-radius: 200px;
}

/* line 267, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-index-row .email-thread-visibility-dropdown-container button .visibility-label {
  display: none;
}

/* line 270, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-index-row .email-thread-visibility-dropdown-container button i {
  margin-right: 0px;
}

/* line 275, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-index-row .email-thread-visibility-dropdown-container.show {
  z-index: 2;
}

/* line 279, app/assets/stylesheets/pages/inbox/layout.scss */
.email-thread-visibility-dropdown-container .client-share-notice {
  padding: 0px 20px;
  opacity: 0.6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Index Container
/* ===================================================================== */
/* ===================================================================== */
/* line 290, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #email-threads-index-container {
  background-color: #fff;
  min-height: 100vh;
  padding-top: 55px;
  padding-bottom: 85px;
}

@media (min-width: 1200px) {
  /* line 290, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #email-threads-index-container {
    margin-left: 230px;
    padding-top: 72px;
    min-height: calc(100vh - 53px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Mailbox Nav
/* ===================================================================== */
/* ===================================================================== */
/* line 313, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .mailbox-name {
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #e6ecf0;
  border-radius: 5px;
}

/* line 322, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder {
  font-size: 16px;
  display: flex;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 10px;
  margin-bottom: 0px;
  position: relative;
}

@media (min-width: 576px) {
  /* line 322, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page .mailbox-nav-container .folder {
    font-size: 14.5px;
  }
}

/* line 330, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder .label {
  flex-grow: 1;
  color: #464646;
  text-wrap: nowrap;
  overflow: hidden;
}

/* line 336, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder .label i {
  margin-right: 4px;
}

/* line 341, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder .truncate-fader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 30px;
  background: #f1f5f8;
  background: linear-gradient(90deg, #fdfdfd00 0%, #fdfdfd 61%, #fdfdfd 100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

/* line 353, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder.selected .truncate-fader {
  background: linear-gradient(90deg, #f6f6f670 0%, #f6f6f6 61%, #f6f6f6 100%);
}

/* line 357, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder:hover {
  cursor: pointer;
}

/* line 361, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder:not(.selected):hover {
  background-color: #e6e8ea;
}

/* line 365, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder.selected {
  background-color: #f6f6f6;
  border-color: #d5d5d5;
}

/* line 370, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .counter-badge[data-count="0"] {
  visibility: hidden;
}

/* line 374, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .invalid-grant-callout {
  background-color: red;
  color: #fff;
  font-size: 14px;
  padding: 13px;
  border-radius: 6px;
  margin-bottom: 6px;
}

@media (min-width: 576px) {
  /* line 374, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page .mailbox-nav-container .invalid-grant-callout {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* More/Less Toggle Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 389, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .additional-folders-container .collapsed-element {
  display: none;
}

/* line 392, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .additional-folders-container .expanded-element {
  display: initial;
}

/* line 398, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .additional-folders-container.collapsed .expanded-element {
  display: none;
}

/* line 401, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .additional-folders-container.collapsed .collapsed-element {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Scheduled Folder Positioning
/* ===================================================================== */
/* ===================================================================== */
/* line 412, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container[data-has-scheduled-email="true"] .folder.scheduled-folder-passive {
  display: none;
}

/* line 417, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container[data-has-scheduled-email="false"] .folder.scheduled-folder-active {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mailbox Switcher Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 427, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown {
  width: 100%;
  margin-bottom: 15px;
}

/* line 432, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown button {
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  padding: 8px;
}

/* line 438, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown button:hover, #inbox-page #mailbox-switcher-dropdown.show button {
  background-color: #fff;
}

/* line 441, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown button .dropdown-arrows {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  left: initial;
  background-color: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 29%, white 100%);
  width: 40px;
}

/* line 447, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown button .dropdown-arrows i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  right: 10px;
  display: block;
}

/* line 454, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown .dropdown-menu {
  transform: translate3d(0px, 44px, 0px) !important;
  width: 100%;
}

/* line 458, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailbox-switcher-dropdown .dropdown-menu .dropdown-item {
  overflow: hidden;
  padding: 12px 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Folders/Labels
/* ===================================================================== */
/* ===================================================================== */
/* line 468, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container {
  margin-left: -10px;
  margin-right: -10px;
}

/* line 473, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder {
  padding: 5px 6px;
  padding-right: 0px;
  align-items: center;
}

/* line 478, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder:hover {
  cursor: pointer;
}

/* line 481, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.active:not(.selected) {
  background-color: #e6e8ea;
}

/* Labels Header
======================================================================== */
/* line 487, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .labels-header {
  padding: 15px;
  padding-top: 0px;
}

/* line 490, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .labels-header i {
  font-size: 18px;
}

/* Dropdown States
======================================================================== */
/* line 497, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder .expand-collapse-button-container {
  border-radius: 6px;
  padding: 4px;
  transition: all 0.3s;
  height: 24px;
  color: #464646;
}

/* line 504, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder[data-has-children='true'] .expand-collapse-button-container:hover {
  background-color: #f8f8f8;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 508, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder[data-has-children='false'] .expand-collapse-button-container {
  position: relative;
  left: -5000px;
}

/* line 513, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder .expand-collapse-button {
  visibility: hidden;
  pointer-events: none;
}

/* line 518, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder .expand-collapse-button.expanded {
  display: none;
}

/* line 522, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder[data-has-children='true'][data-expanded='false'] .expand-collapse-button.collapsed {
  visibility: visible;
}

/* line 527, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder[data-has-children='true'][data-expanded='true'] .expand-collapse-button.collapsed {
  display: none;
}

/* line 530, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder[data-has-children='true'][data-expanded='true'] .expand-collapse-button.expanded {
  visibility: visible;
  display: block;
}

/* Folder Levels
======================================================================== */
/* line 538, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.level-2 {
  padding-left: 18px;
}

/* line 541, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.level-3 {
  padding-left: 26px;
}

/* line 544, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.level-4 {
  padding-left: 34px;
}

/* line 547, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.level-5 {
  padding-left: 42px;
}

/* line 550, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.level-6 {
  padding-left: 50px;
}

/* Folder Group Expansion
======================================================================== */
/* line 556, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder-group[data-expanded='false'] .folder-group {
  display: none;
}

/* Folder Edit Menu
======================================================================== */
/* line 562, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder .edit-menu-toggler {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 45px;
  background: #e6e8ea;
  background: linear-gradient(90deg, #e7e8ea 0%, #e7e8ea 37%, #e7e8ea 100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* line 574, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.selected .edit-menu-toggler {
  background: linear-gradient(90deg, #f6f6f6 0%, #f6f6f6 37%, #f6f6f6 100%);
}

/* line 579, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder:hover .edit-menu-toggler,
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.active .edit-menu-toggler {
  display: block;
}

/* line 584, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder .edit-menu-toggler button {
  padding: 0px 5px;
  color: #878787;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
}

/* line 590, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-nav-container .folder-navigator-container .folder.active .edit-menu-toggler button {
  background-color: #edf2f6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Infinite Scroll Loader
/* ===================================================================== */
/* ===================================================================== */
/* line 599, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .infinite-scroll-loader {
  text-align: center;
  padding: 30px 10px;
  font-size: 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Link Feature Notice
/* ===================================================================== */
/* ===================================================================== */
/* line 610, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailboxes-bar #email-feature-notice {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 10px;
  padding-top: 20px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 20px;
  text-align: center;
}

/* line 620, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mailboxes-bar #email-feature-notice img {
  max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mailbx Folder Blank State
/* ===================================================================== */
/* ===================================================================== */
/* line 633, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-folder-blank-state {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 80%;
  max-width: 400px;
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 633, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page .mailbox-folder-blank-state {
    left: calc(50% + 150px);
  }
}

/* line 646, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-folder-blank-state i {
  display: block;
  font-size: 35px;
  margin-bottom: 15px;
}

/* line 652, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page .mailbox-folder-blank-state p {
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Email Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 663, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-new-email-button .fa-spinner,
#inbox-page #mobile-new-email-button .fa-spinner {
  display: none;
}

/* line 670, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-new-email-button.loading .fa-spinner,
#inbox-page #mobile-new-email-button.loading .fa-spinner {
  display: inline-block;
}

/* line 673, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #desktop-new-email-button.loading .fa-regular-envelope-pen, #inbox-page #desktop-new-email-button.loading .fa-pencil,
#inbox-page #mobile-new-email-button.loading .fa-regular-envelope-pen,
#inbox-page #mobile-new-email-button.loading .fa-pencil {
  display: none;
}

/* line 678, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-new-email-button.loading {
  transform: translateY(300px);
}

/* Mobile
======================================================================== */
/* line 685, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-new-email-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #00ab86;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  transition: all 0.5s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 685, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #mobile-new-email-button {
    display: none;
  }
}

/* line 698, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #mobile-new-email-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 48%;
  left: 53%;
  color: #fff;
  font-size: 26px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Email Loading Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 712, app/assets/stylesheets/pages/inbox/layout.scss */
#inbox-page #new-email-loading-overlay {
  position: fixed;
  z-index: 100;
  top: 75px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fdfdfd;
  padding: 28px;
}

@media (min-width: 1200px) {
  /* line 712, app/assets/stylesheets/pages/inbox/layout.scss */
  #inbox-page #new-email-loading-overlay {
    top: 53px;
    left: 285px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Thread Show Loading Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 1, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view {
  display: flex;
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-index-row .mobile-view {
    display: none;
  }
}

/* line 8, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view {
  display: none;
}

@media (min-width: 1200px) {
  /* line 8, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-index-row .desktop-view {
    display: flex;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Active Nylas Sync
/* ===================================================================== */
/* ===================================================================== */
/* line 21, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-mailbox-has-active-nylas-sync="true"] .email-thread-index-row {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Index Row
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .parties-and-count {
  display: flex;
  align-items: center;
}

/* line 37, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-emails-count="0"] .emails-count,
#inbox-page .email-thread-index-row[data-emails-count="1"] .emails-count {
  display: none;
}

/* line 41, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .emails-count {
  opacity: 0.4;
  font-size: 13px;
  margin-left: 4px;
}

/* line 47, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .subject-and-snippet {
  padding-left: 10px;
}

/* line 51, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .snippet {
  color: #767676;
}

/* line 56, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-has-draft="false"] .has-draft-icon {
  display: none;
}

/* line 61, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-has-regular-attachments="false"] .has-regular-attachments i {
  display: none;
}

/* line 66, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-has-scheduled-email="false"] .has-scheduled-email i {
  display: none;
}

/* line 71, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .has-draft-icon i {
  color: #d53a3a;
}

/* line 76, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .unread-dot {
  color: #00ab86;
  font-size: 8px;
  position: relative;
}

/* line 84, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .unread-bar {
  position: absolute;
  top: 12px;
  left: 20px;
  bottom: 12px;
  width: 5px;
  background-color: #00ab86;
  border-radius: 15px;
  transition: transform 0.2s;
  transform: scale(0) rotate(180deg);
}

/* line 95, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .unread-bar {
  transform: scale(1);
}

/* line 99, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .unread-dot {
  visibility: hidden;
}

/* line 102, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .unread-dot {
  visibility: visible;
}

/* line 107, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-mailbox-integration="planpage"] .email-thread-index-row .visibility-column,
#inbox-page #email-threads-index-container[data-mailbox-account-type="shared"] .email-thread-index-row .visibility-column {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Index Row (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Index Row (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 143, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view {
  display: none;
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding: 12px 24px;
  align-items: center;
  grid-template-columns: 19px clamp(100px, 15%, 250px) 1fr clamp(200px, 16%, 300px) 52px 32px 32px 65px;
}

@media (min-width: 1200px) {
  /* line 143, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-index-row .desktop-view {
    display: grid;
  }
}

/* line 161, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view:hover {
  z-index: 1;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 167, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page.inbox-page-project-context .email-thread-index-row .desktop-view {
  grid-template-columns: 19px clamp(100px, 15%, 250px) 1fr 70px 52px 32px 32px 65px;
}

/* line 180, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .desktop-view {
  background-color: #fbfbfb;
}

/* line 182, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .desktop-view .subject-and-snippet .overflow-fade-out {
  background: linear-gradient(90deg, #00000000 0%, #fbfbfb 86%);
}

/* line 185, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .desktop-view .desktop-action-menu {
  background-color: #fbfbfb;
}

/* line 189, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .desktop-view {
  background-color: #fff;
}

/* line 191, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .desktop-view .subject-and-snippet .overflow-fade-out {
  background: linear-gradient(90deg, #00000000 0%, #fff 86%);
}

/* line 194, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .desktop-view .desktop-action-menu {
  background-color: #fff;
}

/* line 201, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .unread-dot-column .unread-dot {
  display: block;
  font-size: 11px;
  transform: translateX(-6px);
}

/* line 209, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .parties-and-count {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}

/* line 214, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .parties-and-count .parties {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-weight: 600;
}

/* line 219, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .parties-and-count .emails-count {
  margin-left: 0px;
}

/* line 225, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .subject-and-snippet {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  text-overflow: clip;
  padding-left: 24px;
}

/* line 231, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .subject-and-snippet .subject {
  padding-right: 16px;
  font-weight: 600;
}

/* line 235, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .subject-and-snippet .overflow-fade-out {
  position: absolute;
  top: -10px;
  right: 0px;
  bottom: -10px;
  width: 100px;
}

/* line 245, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .event-name {
  position: relative;
}

/* line 247, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .event-name .project-avatar-container, #inbox-page .email-thread-index-row .desktop-view .event-name .project-avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 24px;
  height: 24px;
  background-size: cover;
  border-radius: 5px;
}

/* line 255, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .event-name .event-name-string {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  padding-left: 32px;
  opacity: 0.7;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 255, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-index-row .desktop-view .event-name .event-name-string {
    font-size: 13.5px;
  }
}

/* Desktop Action Menu
======================================================================== */
/* line 269, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  align-items: center;
  padding-right: 15px;
  padding-left: 40px;
  display: none;
}

/* line 280, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu a,
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu .ghost-icon {
  margin-left: 15px;
}

/* line 283, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu a i,
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu .ghost-icon i {
  font-size: 17px;
}

/* line 287, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu .ghost-icon {
  color: teal;
  opacity: 0.5;
}

/* line 292, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row:hover .desktop-action-menu {
  display: flex;
}

/* line 296, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-full-access-allowed="false"]:hover .desktop-action-menu {
  display: none !important;
}

/* line 301, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .desktop-view .desktop-action-menu .mark-as-read-button {
  display: none;
}

/* line 304, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .desktop-view .desktop-action-menu .mark-as-unread-button {
  display: inline;
}

/* line 309, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .desktop-view .desktop-action-menu .mark-as-read-button {
  display: inline;
}

/* line 312, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="true"] .desktop-view .desktop-action-menu .mark-as-unread-button {
  display: none;
}

/* line 319, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-is-archived="true"] .desktop-view .desktop-action-menu .archive-thread-button {
  display: none;
}

/* line 322, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-is-archived="true"] .desktop-view .desktop-action-menu .archived-notice-button {
  display: inline;
}

/* line 327, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-is-archived="false"] .desktop-view .desktop-action-menu .archive-thread-button {
  display: inline;
}

/* line 330, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-is-archived="false"] .desktop-view .desktop-action-menu .archived-notice-button {
  display: none;
}

/* line 335, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-folder="trash"] .email-thread-index-row .desktop-action-menu .archive-thread-button {
  display: none;
}

/* line 338, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-folder="trash"] .email-thread-index-row .desktop-action-menu .archived-notice-button {
  display: none;
}

/* line 342, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu .archived-notice-button-static {
  display: none;
}

/* line 345, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-folder="trash"] .email-thread-index-row .desktop-view .desktop-action-menu .archived-notice-button-static {
  display: inline;
}

/* line 349, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .desktop-view .desktop-action-menu .delete-notice-button-static {
  display: none;
}

/* line 353, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-folder="trash"] .email-thread-index-row .desktop-view .desktop-action-menu .delete-thread-button {
  display: none;
}

/* line 356, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #email-threads-index-container[data-folder="trash"] .email-thread-index-row .desktop-view .desktop-action-menu .delete-notice-button-static {
  display: inline;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Index Row (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 366, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view {
  padding: 24px;
  padding-left: 0px;
  border-bottom: 1px solid #e6e6e6;
}

/* Thread icons column
======================================================================== */
/* line 374, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .thread-icons-column {
  flex: 0 0 40px;
  text-align: center;
}

/* Thread content column
======================================================================== */
/* line 381, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .thread-content-column {
  flex-grow: 1;
}

/* line 386, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-unread="false"] .mobile-view i.unread-dot {
  display: none;
}

/* line 389, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .thread-icons-column i.unread-dot {
  font-size: 11px;
  margin-bottom: 5px;
  position: relative;
  top: -2px;
}

/* line 396, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .has-regular-attachments i {
  font-size: 17px;
  margin-bottom: 4px;
}

/* line 401, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .has-draft-icon i {
  font-size: 14px;
}

/* line 405, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .parties-and-timestamp {
  margin-bottom: 12px;
}

/* line 409, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .subject {
  margin-bottom: 8px;
}

/* line 413, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .snippet {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Event Link Container
======================================================================== */
/* line 419, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row[data-has-linked-event="false"] .mobile-view .event-link-container {
  display: none;
}

/* line 423, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-index-row .mobile-view .event-link-container {
  font-size: 14px;
  color: #727272;
  margin-top: 3px;
}

@media (min-width: 576px) {
  /* line 423, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-index-row .mobile-view .event-link-container {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Modal & Thread Show Loading Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 434, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal,
#inbox-page #thread-show-loading-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fdfdfd;
  z-index: 20;
  padding-top: 50px;
  overflow-y: scroll;
}

@media (min-width: 1200px) {
  /* line 434, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal,
#inbox-page #thread-show-loading-overlay {
    z-index: 2;
    top: 34px;
    left: 285px;
    padding: 34px;
    padding-top: 72px;
  }
}

/* line 454, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #thread-show-loading-overlay {
  opacity: 0;
  background-color: #fdfdfd;
  z-index: 21;
  pointer-events: none;
  transition: opacity 0.1s;
}

/* line 461, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #thread-show-loading-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

/* line 466, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page #thread-show-loading-overlay .email-container {
  padding: 24px;
}

/* Main Column
======================================================================== */
@media (min-width: 576px) {
  /* line 472, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #main-column,
#inbox-page #thread-show-loading-overlay #main-column {
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 472, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #main-column,
#inbox-page #thread-show-loading-overlay #main-column {
    padding: 0px;
    margin-right: 300px;
    padding-top: 24px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Mailbox Folder Badges Container
/* ===================================================================== */
/* ===================================================================== */
/* line 490, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-mailbox-folder-badges-container[data-update-status='done'] .email-thread-mailbox-folder-badge .pending-icon {
  display: none;
}

/* line 495, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-mailbox-folder-badges-container[data-update-status='pending'] .email-thread-mailbox-folder-badge .delete-icon {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Summary (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 505, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #desktop-email-thread-summary,
#inbox-page #thread-show-loading-overlay #desktop-email-thread-summary {
  margin-bottom: 24px;
  align-items: center;
  gap: 32px;
}

/* line 512, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #desktop-email-thread-summary .email-thread-mailbox-folder-badges-container {
  display: flex;
  align-items: center;
}

/* line 515, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #desktop-email-thread-summary .email-thread-mailbox-folder-badges-container .fa-tag {
  margin-right: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Thread Summary (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 525, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #mobile-email-thread-summary {
  padding: 15px;
}

@media (min-width: 576px) {
  /* line 525, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #mobile-email-thread-summary {
    padding: 0px;
    margin-bottom: 15px;
  }
}

/* line 534, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #mobile-email-thread-summary .event-link {
  font-size: 14px;
  color: #727272;
  margin-top: 4px;
  display: block;
}

@media (min-width: 576px) {
  /* line 534, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #mobile-email-thread-summary .event-link {
    font-size: 13.5px;
  }
}

/* line 540, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal[data-has-linked-event="false"] #mobile-email-thread-summary .event-link {
  display: none;
}

/* Emails Container
======================================================================== */
/* line 546, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .emails-container,
#inbox-page #thread-show-loading-overlay .emails-container {
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 546, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal .emails-container,
#inbox-page #thread-show-loading-overlay .emails-container {
    border-radius: 6px;
    border: 1px solid #e3e3e3;
  }
}

/* line 559, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .emails-container.loading .email-container {
  display: none;
}

/* line 560, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .emails-container.loading .email-truncator {
  display: none;
}

/* line 563, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .emails-container .loading-container {
  padding: 20px;
  color: #727272;
}

/* ===================================================================== */
/* ===================================================================== */
/* Thread Action Container
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Reply & Forward Prompt
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 1200px) {
  /* line 586, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #thread-action-container #prompts {
    padding: 0px 15px 15px 15px;
  }
}

/* line 592, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #thread-action-container #prompts .loading-notice {
  display: none;
  padding: 10px 0px;
}

/* line 597, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #thread-action-container #prompts.loading .loading-notice {
  display: block;
}

/* line 600, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #thread-action-container #prompts.loading button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Truncator
/* ===================================================================== */
/* ===================================================================== */
/* line 610, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .email-truncator {
  border-bottom: 1px solid #e3e3e3;
  background-color: #f6f6f6;
  height: 25px;
  position: relative;
  transition: all 0.3s;
}

/* line 616, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .email-truncator:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 622, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .email-truncator .dividing-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}

/* line 629, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .email-truncator .truncated-count-container {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 13px;
}

@media (min-width: 1200px) {
  /* line 629, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal .email-truncator .truncated-count-container {
    left: 18px;
  }
}

/* line 642, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .email-truncator .truncated-count-container .count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Meta Data Column
/* ===================================================================== */
/* ===================================================================== */
/* line 652, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #meta-data-column,
#inbox-page #thread-show-loading-overlay #meta-data-column {
  position: fixed;
  top: 53px;
  right: 0px;
  bottom: 0px;
  width: 300px;
  padding: 24px;
  padding-top: 0px;
  border-left: 1px solid #e6e6e6;
  box-shadow: 0px 0px 7px 1px #00000014;
  -webkit-box-shadow: 0px 0px 7px 1px #00000014;
  padding-bottom: 70px;
  overflow: scroll;
}

/* ===================================================================== */
/* ===================================================================== */
/* Meta Containers
/* ===================================================================== */
/* ===================================================================== */
/* line 677, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #meta-data-column .meta-container--header {
  display: block;
  margin-left: -24px;
  margin-right: -24px;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #eaeaea;
  color: #888888;
  display: flex;
  align-items: center;
}

/* line 690, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #meta-data-column .meta-container--header-action-container {
  flex-grow: 1;
  text-align: right;
}

/* line 695, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .meta-container .divider {
  height: 1px;
  background-color: #c4c4c4;
  margin: 10px 0px;
  margin-top: 5px;
}

/* line 702, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #meta-data-column .meta-container--header-project-link {
  border-top-width: 4px;
  margin-top: 24px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Identities Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 712, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #email-identities-meta-container .meta-container--header {
  border-top-width: 0px;
}

/* line 716, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #email-identities-meta-container .email-identities-divider {
  margin-top: -5px;
}

/* line 720, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #email-identities-meta-container .identity-avatar-container {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-bottom: 3px solid transparent;
  box-sizing: content-box;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/* line 731, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #email-identities-meta-container .identity-avatar-container:hover, #inbox-page .email-thread-modal #email-identities-meta-container .identity-avatar-container.selected {
  border-bottom-color: #2f2f2f;
  cursor: pointer;
}

/* line 737, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #email-identities-meta-container .email-identity-meta-panel {
  margin-top: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Project/Lead Link Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 751, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #project-link-meta-container .project-avatar-container {
  width: 35px;
  height: 35px;
  background-size: cover;
  border-radius: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job Link Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 764, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #vendor-job-link-meta-container .profile-avatar {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}

/* line 768, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #vendor-job-link-meta-container .profile-avatar img {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Linked Record Row
/* ===================================================================== */
/* ===================================================================== */
/* line 781, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal .linked-record-row {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 8px;
  margin: 0px -8px 10px -8px;
  border-radius: 8px;
  transition: all 0.1s;
}

@media (min-width: 576px) {
  /* line 781, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal .linked-record-row {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 789, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal .linked-record-row:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tasks Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 801, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #tasks-meta-container .task-row .task-status-dropdown-assigner {
  width: fit-content;
}

/* line 805, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #tasks-meta-container .task-row .task-status-dropdown-assigner button.current-status-button {
  width: initial;
  padding-right: 23px;
  margin-bottom: 8px;
}

/* line 811, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #tasks-meta-container .task-row .due-date-label,
#inbox-page .email-thread-modal #calendar-events-meta-container .calendar-event-row .date-display {
  margin-bottom: 0px;
  margin-top: 3px;
  line-height: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Calendar Events Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 823, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #calendar-events-meta-container .calendar-event-row .title {
  display: block;
  margin-bottom: 6px;
}

/* line 828, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #calendar-events-meta-container .calendar-event-row .date-display {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 828, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #calendar-events-meta-container .calendar-event-row .date-display {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Attachments Meta Container
/* ===================================================================== */
/* ===================================================================== */
/* line 837, app/assets/stylesheets/pages/inbox/email_threads.scss */
#attachments-meta-container .email-attachment {
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  padding: 8px 0px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
}

@media (min-width: 576px) {
  /* line 837, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #attachments-meta-container .email-attachment {
    font-size: 14.5px;
  }
}

/* line 845, app/assets/stylesheets/pages/inbox/email_threads.scss */
#attachments-meta-container .email-attachment .file-name {
  word-break: break-all;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Emails Notice
/* ===================================================================== */
/* ===================================================================== */
/* line 855, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #new-emails-notice {
  position: fixed;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%) translateY(calc(100% + 40px));
  bottom: 15px;
  width: 90%;
  padding: 15px;
  background-color: #00ab86;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  text-align: right;
  transition: all 0.4s;
}

@media (min-width: 576px) {
  /* line 855, app/assets/stylesheets/pages/inbox/email_threads.scss */
  #inbox-page .email-thread-modal #new-emails-notice {
    width: initial;
  }
}

/* line 874, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal #new-emails-notice.open {
  transform: translateX(-50%) translateY(calc(0px));
}

/* ===================================================================== */
/* ===================================================================== */
/* Linked EmailThread Record Callout
/* ===================================================================== */
/* ===================================================================== */
/* line 883, app/assets/stylesheets/pages/inbox/email_threads.scss */
.linked-email-thread-record-callout {
  margin-bottom: 20px;
  width: fit-content;
  padding: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Full Access Element Show/Hide
/* ===================================================================== */
/* ===================================================================== */
/* line 895, app/assets/stylesheets/pages/inbox/email_threads.scss */
#inbox-page .email-thread-modal[data-has-full-access='false'] .full-access-element {
  display: none !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* EmailThread MailboxFolder Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 905, app/assets/stylesheets/pages/inbox/email_threads.scss */
.email-thread-mailbox-folder-badge {
  display: inline-block;
  padding: 3px 5px;
  margin-right: 3px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .15pt;
}

@media (min-width: 576px) {
  /* line 905, app/assets/stylesheets/pages/inbox/email_threads.scss */
  .email-thread-mailbox-folder-badge {
    font-size: 12.5px;
  }
}

/* line 915, app/assets/stylesheets/pages/inbox/email_threads.scss */
.email-thread-mailbox-folder-badge.editable {
  padding: 5px;
}

/* line 919, app/assets/stylesheets/pages/inbox/email_threads.scss */
.email-thread-mailbox-folder-badge.editable .delete-icon,
.email-thread-mailbox-folder-badge.editable .pending-icon {
  padding: 0px 3px;
  transition: all 0.2s;
}

/* line 925, app/assets/stylesheets/pages/inbox/email_threads.scss */
.email-thread-mailbox-folder-badge.editable .delete-icon:hover {
  filter: brightness(110%);
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner {
  position: fixed;
  top: 500px;
  left: 500px;
  width: 350px;
  background-color: #fff;
  z-index: 3;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-radius: 6px;
  display: none;
  overflow: scroll;
  padding: 5px;
  padding-top: 0px;
}

/* line 16, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner.open {
  display: block;
}

/* Pending Update Overlay
======================================================================== */
/* line 22, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .pending-update-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  z-index: 2;
}

/* Header
======================================================================== */
/* line 30, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .header {
  top: 0px;
  right: 0px;
  left: 0px;
  padding: 9px 9px 0px 9px;
  background-color: #fff;
}

/* Scrollable Area
======================================================================== */
/* line 40, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .scrollable-area {
  max-height: 260px;
  overflow: scroll;
}

/* Fixed Bottom Area
======================================================================== */
/* line 47, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .fixed-bottom-area {
  background-color: #fff;
  padding: 0px 5px;
  padding-bottom: 5px;
}

/* Folders
======================================================================== */
/* line 55, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container {
  font-size: 16px;
  padding: 10px 13px;
  border-radius: 6px;
  text-wrap: nowrap;
  position: relative;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
  #inbox-page .email-thread-folder-assigner .folder-container {
    font-size: 14.5px;
  }
}

/* line 64, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container.active {
  background-color: #f1f1f1;
  cursor: pointer;
}

/* line 70, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container .selection-icon {
  font-size: 16px;
  margin-right: 4px;
}

/* line 75, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container[data-is-selected='true'] .not-selected-icon {
  display: none;
}

/* line 80, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container[data-is-selected='false'] .is-selected-icon {
  display: none;
}

/* line 86, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container .text-clamp-fader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 40px;
  background: linear-gradient(90deg, #ffffff00 0%, white 90%, white 100%);
}

/* line 95, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .folder-container.active .text-clamp-fader {
  background: linear-gradient(90deg, #f1f1f100 0%, #f1f1f1 90%, #f1f1f1 100%);
}

/* HR
======================================================================== */
/* line 101, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Create New Button
======================================================================== */
/* line 109, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .create-new-mailbox-folder-button[data-has-typed-value='true'] .no-value-state {
  display: none;
}

/* line 112, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .create-new-mailbox-folder-button[data-has-typed-value='true'] .has-value-state {
  display: initial;
}

/* line 117, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .create-new-mailbox-folder-button[data-has-typed-value='false'] .no-value-state {
  display: initial;
}

/* line 120, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner .create-new-mailbox-folder-button[data-has-typed-value='false'] .has-value-state {
  display: none;
}

/* line 125, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner[data-search-matches-existing-folder='true'] .create-new-container {
  display: none;
}

/* Fixed Folders
======================================================================== */
/* line 131, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#inbox-page .email-thread-folder-assigner[data-fixed-folders-present='false'] #fixed-folder-mover-folders-container .fixed-folders-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* MailboxFolder/Label CRUD Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 144, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-checkbox-container {
  font-size: 16px;
  width: fit-content;
  margin-top: 30px;
  margin-bottom: 8px;
  border-radius: 6px;
  transition: all 0.3s;
  padding: 5px;
}

@media (min-width: 576px) {
  /* line 144, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
  #mailbox-folder-crud-modal #nested-checkbox-container {
    font-size: 14.5px;
  }
}

/* line 152, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-checkbox-container i {
  font-size: 20px;
  margin-right: 8px;
  display: none;
}

/* line 159, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-checkbox-container[data-is-nested='false'] i.check-icon.fa-square {
  display: block;
}

/* line 164, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-checkbox-container[data-is-nested='true'] i.check-icon.fa-check-square {
  display: block;
}

/* line 169, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-checkbox-container:hover {
  background-color: #ebebeb;
  cursor: pointer;
}

/* Nested Folder Selectize
======================================================================== */
/* line 176, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-folder-selectize .mailbox-folder-option {
  padding: 9px 15px;
}

/* line 178, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-folder-selectize .mailbox-folder-option.level-2 {
  padding-left: 30px;
}

/* line 181, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-folder-selectize .mailbox-folder-option.level-3 {
  padding-left: 45px;
}

/* line 184, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-crud-modal #nested-folder-selectize .mailbox-folder-option.level-4 {
  padding-left: 60px;
}

/* Remove Folder Nesting
======================================================================== */
/* line 191, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal {
  display: block;
  margin: 3px 0px;
}

/* line 194, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal.level-2 {
  padding-left: 10px;
}

/* line 195, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal.level-3 {
  padding-left: 20px;
}

/* line 196, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal.level-4 {
  padding-left: 30px;
}

/* line 197, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal.level-5 {
  padding-left: 40px;
}

/* line 198, app/assets/stylesheets/pages/inbox/email_folder_assigners.scss */
#mailbox-folder-confirm-delete-modal .folder-for-removal.level-6 {
  padding-left: 50px;
}

/* line 1, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#inbox-page.floating-inbox-page {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 300;
}

/* line 6, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#inbox-page.floating-inbox-page .knockout-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: #00000047;
}

/* line 12, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#inbox-page .email-thread-modal.self-modal {
  position: relative;
  top: initial;
  left: initial;
  padding-top: 15px;
  padding-bottom: 85px;
}

/* line 20, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#email-thread-self-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  max-width: 900px;
  background-color: #fff;
  z-index: 2;
  background-color: #fdfdfd;
  overflow-y: scroll;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 34, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#email-thread-self-modal #close {
  position: fixed;
  z-index: 3;
  top: 12px;
  right: 30px;
  background-color: #fdfdfd;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #d6d6d6;
  transition: all 0.3s;
  box-shadow: 0px 0px 6px 11px #ffffff;
  -webkit-box-shadow: 0px 0px 6px 11px #ffffff;
}

/* line 47, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#email-thread-self-modal #close i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 27px;
  color: #2f2f2f;
}

/* line 54, app/assets/stylesheets/pages/inbox/email_threads_self_modal.scss */
#email-thread-self-modal #close:hover {
  cursor: pointer;
  transform: scale(1.1);
}

/* line 1, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container {
  border-bottom: 1px solid #e3e3e3;
}

/* line 3, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container:last-child {
  border-bottom: 0px;
}

/* line 8, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page #thread-show-loading-overlay .email-container {
  border-top: 1px solid #e3e3e3;
}

/* line 10, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page #thread-show-loading-overlay .email-container:first-child {
  border-top: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Collapsed/Expanded
/* ===================================================================== */
/* ===================================================================== */
/* line 21, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container[data-collapsed='yes'] [data-presentation-mode='expanded'] {
  display: none;
}

/* line 26, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container[data-collapsed='no'] [data-presentation-mode='collapsed'] {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Body
/* ===================================================================== */
/* ===================================================================== */
/* line 36, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .email-body {
  padding: 15px;
  padding-top: 0px;
  font-family: 'system-ui';
  font-size: 15px;
  line-height: initial;
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .email-body {
    margin-left: 65px;
    margin-bottom: 20px;
    padding-right: 25px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Scheduled Email Notice
/* ===================================================================== */
/* ===================================================================== */
/* line 54, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .scheduled-email-notice {
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 6px;
  background-color: #e8f1f8;
  width: fit-content;
  font-size: 12px;
}

@media (min-width: 1200px) {
  /* line 54, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .scheduled-email-notice {
    font-size: initial;
    padding: 15px;
    margin-left: 80px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Regular Email Attachments
/* ===================================================================== */
/* ===================================================================== */
/* line 75, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container {
  padding: 15px;
  padding-top: 0px;
}

@media (min-width: 1200px) {
  /* line 75, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container {
    margin-left: 65px;
  }
}

/* line 83, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment {
  background-color: #f9f9f9;
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
  transition: all 0.1s;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment {
    display: inline-block;
    width: 260px;
    margin-right: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 94, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    border-color: #d5d5d5;
    cursor: pointer;
  }
}

/* line 104, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .show-attachment-link {
  display: block;
  padding: 10px;
}

/* line 110, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment {
  position: relative;
}

/* line 112, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .left-col i {
  font-size: 20px;
  padding-left: 5px;
  padding-right: 15px;
  color: #9b9b9b;
}

/* line 118, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .right-col {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 32px;
  color: #464646;
}

/* line 125, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .document-link-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

/* line 132, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .filename {
  font-size: 16px;
  font-weight: 600;
  color: #464646;
}

@media (min-width: 576px) {
  /* line 132, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .filename {
    font-size: 14.5px;
  }
}

/* line 137, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .filesize {
  font-size: 14px;
  color: #727272;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  /* line 137, app/assets/stylesheets/pages/inbox/emails.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .regular-email-attachments-container .email-attachment .filesize {
    font-size: 12.5px;
  }
}

/* line 144, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .email-container .regular-email-attachments-container .email-attachment .document-link-action {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 5px;
}

/* line 150, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .email-container .regular-email-attachments-container .email-attachment .document-link-action i {
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 154, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .email-container .regular-email-attachments-container .email-attachment .document-link-action.save-as-document {
  background-color: #2d2d2d;
  color: #fff;
}

/* line 158, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .email-container .regular-email-attachments-container .email-attachment .document-link-action.view-saved-document {
  background-color: #fff;
  color: #616161;
  border: 1px solid #b7b7b7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Client Quoted Text Handling
/* ===================================================================== */
/* ===================================================================== */
/* line 170, app/assets/stylesheets/pages/inbox/emails.scss */
#inbox-page .email-thread-modal .emails-container .email-container .email-body > .gmail_quote,
#inbox-page .email-thread-modal .emails-container .email-container .email-body > .yahoo_quoted {
  margin-top: 20px;
  opacity: 0.6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile & Desktop Shared Styles
/* ===================================================================== */
/* ===================================================================== */
/* Email Parties
======================================================================== */
/* line 9, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .recipient-summary .email-party-link {
  color: #727272;
}

/* line 11, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .recipient-summary .email-party-link:hover {
  color: teal;
}

/* Action Dropdown
======================================================================== */
/* line 18, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .email-action-dropdown button {
  padding: 5px;
}

/* line 22, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .email-action-dropdown button i {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  color: #2f2f2f;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mobile Header
/* ===================================================================== */
/* ===================================================================== */
/* line 34, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header {
  padding: 15px;
  display: flex;
  align-items: center;
}

/* line 41, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .avatar-column {
  margin-right: 15px;
}

/* line 46, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .from-label {
  margin-right: 10px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .mobile-header .from-label {
    font-size: 13.5px;
  }
}

/* line 52, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .timestamp {
  color: #727272;
  font-size: 12px;
}

/* line 58, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .snippet,
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .to-label {
  margin-top: 6px;
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .mobile-header .snippet,
#inbox-page .email-thread-modal .emails-container .email-container .mobile-header .to-label {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Header
/* ===================================================================== */
/* ===================================================================== */
/* line 70, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header {
  padding: 20px;
}

/* line 72, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header:hover {
  cursor: pointer;
}

/* line 78, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .main-columns {
  display: flex;
}

/* line 83, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .avatar-column {
  margin-right: 20px;
}

/* line 85, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .avatar-column .temp-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #c4c4c4;
}

/* line 91, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .from-label {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 91, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .desktop-header .from-label {
    font-size: 14.5px;
  }
}

/* line 98, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .from-email {
  font-size: 16px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .desktop-header .from-email {
    font-size: 14.5px;
  }
}

/* line 104, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .email-details {
  display: flex;
  margin-top: 3px;
  height: 20px;
}

/* line 108, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .email-details .action-column {
  flex-grow: 1;
  text-align: right;
}

/* line 115, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .desktop-header .timestamp {
  color: #727272;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 115, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .desktop-header .timestamp {
    font-size: 13.5px;
  }
}

/* line 120, app/assets/stylesheets/pages/inbox/email_headers.scss */
#inbox-page .email-thread-modal .emails-container .email-container .header .snippet,
#inbox-page .email-thread-modal .emails-container .email-container .header .recipient-summary {
  color: #727272;
  font-size: 14px;
  margin-top: 5px;
}

@media (min-width: 576px) {
  /* line 120, app/assets/stylesheets/pages/inbox/email_headers.scss */
  #inbox-page .email-thread-modal .emails-container .email-container .header .snippet,
#inbox-page .email-thread-modal .emails-container .email-container .header .recipient-summary {
    font-size: 13.5px;
  }
}

/* line 1, app/assets/stylesheets/pages/inbox/edit_panels.scss */
#inbox-page .edit-panel {
  transform: translateY(calc(100% + 30px));
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/pages/inbox/edit_panels.scss */
  #inbox-page .edit-panel {
    transform: translateY(0%) translateX(100%);
  }
}

/* line 8, app/assets/stylesheets/pages/inbox/edit_panels.scss */
#inbox-page .edit-panel.open {
  transform: translateY(0%);
}

/* Desktop
======================================================================== */
@media (min-width: 1200px) {
  /* line 14, app/assets/stylesheets/pages/inbox/edit_panels.scss */
  #inbox-page .edit-panel {
    top: 60px;
    bottom: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* line 23, app/assets/stylesheets/pages/inbox/edit_panels.scss */
#inbox-page .edit-panel .content {
  padding-top: 0px;
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/pages/inbox/edit_panels.scss */
  #inbox-page .edit-panel .content {
    padding-top: 20px;
    padding-bottom: 120px;
  }
}

/* line 5, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input {
  border-color: transparent;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/pages/inbox/recipients.scss */
  .email-header-field-row .selectize-control.multi .selectize-input {
    min-height: 60px;
  }
}

/* line 15, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input.focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 21, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input > div.email-recipient-item {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  margin: 0px;
  padding: 8px 12px;
  line-height: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 550;
}

/* line 35, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input > div.email-recipient-item.invalid {
  border-color: red;
  background-color: #ffeeee;
}

/* line 42, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input > div.email-recipient-item a.remove {
  color: #ababab;
  transform: scale(1.4);
  font-weight: 100;
  transition: transform 0.2s;
}

/* line 47, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input > div.email-recipient-item a.remove:hover {
  transform: scale(1.6) rotate(90deg);
}

/* line 52, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-control.multi .selectize-input > div.email-recipient-item.active {
  color: #343a40;
  border-color: #D0C3C3;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 59, app/assets/stylesheets/pages/inbox/recipients.scss */
.email-header-field-row .selectize-input {
  padding: 15px;
}

/* line 5, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-contact-info .info-row {
  font-size: 14px;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  /* line 5, app/assets/stylesheets/pages/inbox/email_identities.scss */
  .email-identity-contact-info .info-row {
    font-size: 13.5px;
  }
}

/* line 8, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-contact-info .info-row i {
  margin-right: 8px;
}

/* line 16, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-meta-panel .suggested-record {
  display: block;
  font-size: 14px;
  padding: 10px;
  background-color: #fff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/pages/inbox/email_identities.scss */
  .email-identity-meta-panel .suggested-record {
    font-size: 13.5px;
  }
}

/* line 23, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-meta-panel .suggested-record:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* line 29, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-meta-panel .suggested-record:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 34, app/assets/stylesheets/pages/inbox/email_identities.scss */
.email-identity-meta-panel .suggested-record:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

/* line 1, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container {
  position: relative;
}

/* line 5, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .form-section-title {
  margin-top: 40px;
  margin-bottom: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Setup Not Done Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 15, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .setup-not-done-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #f1f5f8d6;
  z-index: 50;
}

/* ===================================================================== */
/* ===================================================================== */
/* Default Visiblity
/* ===================================================================== */
/* ===================================================================== */
/* line 26, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .radio-selection-cards-container.default-visibility .check-icons {
  margin-bottom: 20px;
}

/* line 29, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .radio-selection-cards-container.default-visibility .option-title i {
  font-size: 20px;
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Mailbox Access Grants
/* ===================================================================== */
/* ===================================================================== */
/* line 40, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .mailbox-access-grants-section[data-grants-count="0"] .has-grants {
  display: none;
}

/* line 45, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .mailbox-access-grants-section:not([data-grants-count="0"]) .no-grants {
  display: none;
}

/* line 50, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .mailbox-access-grant-link-container {
  display: block;
  max-width: 300px;
}

/* line 55, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.edit-mailbox-settings-container .edit-sharing-block .fa-times {
  margin-right: 10px;
  font-size: 19px;
  color: #a1a1a1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Nylas Mailbox Sync Reference (Full Sumary)
/* ===================================================================== */
/* ===================================================================== */
/* line 66, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 20px;
}

/* line 73, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary i.step-icon {
  font-size: 35px;
  margin-bottom: 18px;
  margin-top: 18px;
}

/* line 80, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary .progress {
  background-color: #fff;
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 80, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
  .nylas-mailbox-sync-reference-full-summary .progress {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }
}

/* Steps
======================================================================== */
/* line 92, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary .step-specific {
  display: none;
}

/* line 97, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-current-step="getting_email_thread_ids"] .step-specific.getting-email-thread-ids {
  display: initial;
}

/* line 103, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-current-step="getting_emails"] .step-specific.getting-emails {
  display: initial;
}

/* line 109, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-current-step="done_success"] .step-specific.done-success {
  display: initial;
}

/* ===================================================================== */
/* ===================================================================== */
/* Nylas Mailbox Setup Summary
/* ===================================================================== */
/* ===================================================================== */
/* line 119, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary {
  text-align: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  padding: 40px 18px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  background-color: #fff;
}

/* line 130, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary i.step-icon {
  font-size: 35px;
  margin-bottom: 15px;
}

/* line 135, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary h4 {
  margin: 0px;
}

/* line 139, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary .status-specific {
  display: none;
}

/* line 144, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary:not([data-setup-status="setup_done"]) .status-specific.not-done {
  display: initial;
}

/* line 149, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-setup-summary[data-setup-status="setup_done"] .status-specific.done {
  display: initial;
}

/* Context Inbox
======================================================================== */
/* line 156, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary.context-inbox {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 156, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
  .nylas-mailbox-sync-reference-full-summary.context-inbox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 156, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
  .nylas-mailbox-sync-reference-full-summary.context-inbox {
    max-width: 700px;
    margin-top: 100px;
  }
}

/* Duplicate Emails Notice
======================================================================== */
/* line 174, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary .duplicate-email-notice[data-duplicate-emails-count="0"] {
  display: none;
}

/* Error Display
======================================================================== */
/* line 180, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary .error-container {
  display: none;
}

/* line 185, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-status="error"] .error-container {
  display: block;
}

/* line 188, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-status="error"] .non-error-container {
  display: none;
}

/* line 193, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-status="error"] {
  background-color: #ffe3e3;
  color: red;
}

/* line 196, app/assets/stylesheets/pages/inbox/mailbox_settings.scss */
.nylas-mailbox-sync-reference-full-summary[data-status="error"] p {
  color: red;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Save Email Attachment To Mood Board Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .image-preview-container {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px;
  max-height: 325px;
  box-sizing: content-box;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 16, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .image-preview-container img {
  max-width: 100%;
  max-height: inherit;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 24, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .mood-board-target {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 13px;
  display: block;
  background-color: #fff;
  transition: all 0.2s;
  position: relative;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/pages/inbox/email_attachments.scss */
  #save-email-attachment-to-mood-board-modal .mood-board-target {
    font-size: 14.5px;
  }
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/pages/inbox/email_attachments.scss */
  #save-email-attachment-to-mood-board-modal .mood-board-target:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    z-index: 2;
    color: teal;
  }
}

/* line 40, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .mood-board-target:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* line 46, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .mood-board-target:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 51, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .mood-board-target:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

/* line 56, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal .mood-board-target .meta-info {
  color: #727272;
  font-size: 14px;
  display: inline-block;
  margin-top: 6px;
  margin-right: 6px;
}

@media (min-width: 576px) {
  /* line 56, app/assets/stylesheets/pages/inbox/email_attachments.scss */
  #save-email-attachment-to-mood-board-modal .mood-board-target .meta-info {
    font-size: 12.5px;
  }
}

/* line 64, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal #confirm-element {
  margin-top: 40px;
}

/* line 68, app/assets/stylesheets/pages/inbox/email_attachments.scss */
#save-email-attachment-to-mood-board-modal #confirm-element .arrow-icon {
  font-size: 30px;
  margin-right: 30px;
}

/* line 1, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-modal #tiny-mce-signature-container {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  overflow: hidden;
}

/* line 8, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-modal #signature-body-container {
  padding: 20px;
  min-height: 260px;
  font-family: 'system-ui';
  font-size: 15px;
  line-height: 120%;
  color: revert;
  text-decoration: revert;
}

/* line 16, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-modal #signature-body-container a {
  color: revert;
  text-decoration: revert;
}

/* line 23, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-modal div#signature-body-container.mce-content-body::before {
  top: 20px;
  left: 20px;
  opacity: 0.6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Zero out tinyMCE tables in editor and EmailComposer
/* ===================================================================== */
/* ===================================================================== */
/* line 35, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container table,
#email-signature-modal #signature-body-container table {
  vertical-align: top;
}

/* line 38, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container table tr,
#email-signature-modal #signature-body-container table tr {
  vertical-align: top;
}

/* line 41, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container table td,
#email-signature-modal #signature-body-container table td {
  vertical-align: top;
}

/* line 46, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container .mce-item-table,
#email-signature-modal #signature-body-container .mce-item-table {
  border: 0px;
  vertical-align: top;
}

/* line 50, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container .mce-item-table tr,
#email-signature-modal #signature-body-container .mce-item-table tr {
  vertical-align: top;
}

/* line 53, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container .mce-item-table td,
#email-signature-modal #signature-body-container .mce-item-table td {
  border: 0px;
  vertical-align: top;
}

/* line 59, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container.mce-content-body table[data-mce-selected],
#email-signature-modal #signature-body-container table[data-mce-selected] {
  outline: 0px !important;
}

/* line 63, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-container #email-body-container img[data-mce-selected],
#email-signature-modal #signature-body-container img[data-mce-selected] {
  outline-width: 2px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Toolbar Container
/* ===================================================================== */
/* ===================================================================== */
/* line 73, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-modal #tinymce-toolbar-container {
  border-top: 1px solid #dfdfdf;
  min-height: 39px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Pages
/* ===================================================================== */
/* ===================================================================== */
/* line 83, app/assets/stylesheets/pages/inbox/email_signatures.scss */
.email-signature-card-for-settings {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #dfdfdf;
  padding: 6px 4px 6px 12px;
  margin-bottom: 10px;
  font-size: 16px;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/pages/inbox/email_signatures.scss */
  .email-signature-card-for-settings {
    font-size: 14.5px;
  }
}

/* line 93, app/assets/stylesheets/pages/inbox/email_signatures.scss */
.email-signature-card-for-settings .edit-button {
  opacity: 0;
  transition: all 0.3s;
}

/* line 99, app/assets/stylesheets/pages/inbox/email_signatures.scss */
.email-signature-card-for-settings:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 101, app/assets/stylesheets/pages/inbox/email_signatures.scss */
.email-signature-card-for-settings:hover .edit-button {
  opacity: 1;
}

/* Place Signature Check
======================================================================== */
/* line 108, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-placement-check {
  width: fit-content;
}

/* line 112, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-placement-check:hover {
  cursor: pointer;
}

/* line 116, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-placement-check i {
  font-size: 18px;
}

/* line 120, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-placement-check[data-signature-before-quoted-text='false'] .fa-check-square {
  display: none;
}

/* line 123, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-signature-placement-check[data-signature-before-quoted-text='true'] .fa-square {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Email Composer Signature Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 131, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-signature-dropdown .dropdown-menu {
  min-width: 260px;
}

/* line 135, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-signature-dropdown .dropdown-menu .dropdown-item.signature-option {
  width: 100%;
  display: flex;
}

/* line 140, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-signature-dropdown .dropdown-menu .dropdown-item.signature-option .selected-icon {
  margin-left: 10px;
  visibility: hidden;
}

/* line 145, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-signature-dropdown .dropdown-menu .dropdown-item.signature-option.selected {
  font-weight: 800;
}

/* line 147, app/assets/stylesheets/pages/inbox/email_signatures.scss */
#email-composer-signature-dropdown .dropdown-menu .dropdown-item.signature-option.selected .selected-icon {
  visibility: visible;
}

/* line 1, app/assets/stylesheets/pages/inbox/project_context.scss */
#inbox-page.inbox-page-project-context #desktop-mailbox-bar {
  left: 255px;
}

/* line 5, app/assets/stylesheets/pages/inbox/project_context.scss */
#inbox-page.inbox-page-project-context #email-threads-index-container {
  margin-left: 0px;
  padding: 0px;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/pages/inbox/project_context.scss */
  #inbox-page.inbox-page-project-context #email-threads-index-container {
    padding-top: 72px;
  }
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/pages/inbox/project_context.scss */
  #inbox-page.inbox-page-project-context #email-thread-modal,
#inbox-page.inbox-page-project-context #thread-show-loading-overlay {
    left: 255px;
  }
}

/* line 22, app/assets/stylesheets/pages/inbox/project_context.scss */
#inbox-page.inbox-page-project-context #desktop-email-thread-bar {
  left: 287px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Meta Panels
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/pages/inbox/project_context.scss */
#inbox-page.inbox-page-project-context #project-link-meta-panel .remove-project-link-button {
  display: none;
}

/* line 1, app/assets/stylesheets/pages/unauthorized.scss */
#unauthorized-page img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  bottom: 100px;
  width: 80%;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/pages/unauthorized.scss */
  #unauthorized-page img {
    width: 30%;
  }
}

/* line 11, app/assets/stylesheets/pages/unauthorized.scss */
#unauthorized-page .unauthorized-callout {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  top: 100px;
  width: 80%;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/pages/unauthorized.scss */
  #unauthorized-page .unauthorized-callout {
    top: 200px;
  }
}

/* line 22, app/assets/stylesheets/pages/unauthorized.scss */
#unauthorized-page i {
  font-size: 40px;
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/pages/unauthorized.scss */
  #unauthorized-page i {
    font-size: 55px;
  }
}

@media (min-width: 576px) {
  /* line 31, app/assets/stylesheets/pages/unauthorized.scss */
  #unauthorized-page h4 {
    font-size: 25px;
  }
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/pages/unauthorized.scss */
  #unauthorized-page p {
    font-size: 18px;
  }
}

/* line 1, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #main-canvas {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: scroll;
}

/* line 12, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #main-area {
  background-color: #f5f5f5;
}

/* Left Toolbar
======================================================================== */
/* line 19, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #left-bar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50px;
  background-color: #fff;
  border-right: 1px solid #c1c1c1;
  padding: 10px;
  z-index: 2;
}

/* Right Toolbar
======================================================================== */
/* line 33, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #right-bar {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 260px;
  background-color: #fff;
  border-left: 1px solid #c1c1c1;
  color: #fff;
  padding: 10px;
  z-index: 2;
}

/* line 46, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #navigator {
  position: fixed;
  right: 280px;
  top: 20px;
  background-color: #fff;
  z-index: 2;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #c1c1c1;
}

/* Pan Mode
======================================================================== */
/* line 59, app/assets/stylesheets/pages/layout_test.scss */
#layout-test[data-pan-enabled='true'] #main-canvas:hover {
  cursor: grab;
}

/* line 64, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #left-bar.pointer-events-none {
  pointer-events: none;
}

/* line 68, app/assets/stylesheets/pages/layout_test.scss */
#layout-test[data-pan-enabled='false'] #main-canvas {
  cursor: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 23 23' fill='ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.2444 11.3203H22.8718M11.5581 0.006558V22.634' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E") 12.5 12.5, crosshair;
}

/* line 74, app/assets/stylesheets/pages/layout_test.scss */
#layout-test #mouse-info {
  font-size: 16px;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  background-color: #5481a9;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  pointer-events: none;
  transform: translateX(8px) translateY(8px);
}

@media (min-width: 576px) {
  /* line 74, app/assets/stylesheets/pages/layout_test.scss */
  #layout-test #mouse-info {
    font-size: 14.5px;
  }
}

/* line 12, app/assets/stylesheets/pages/budgets/sketch.scss */
.currency-symbol-cell-leader-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  pointer-events: none;
  color: #cacaca;
}

/* line 19, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .over-under-cell-leader-icon {
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  pointer-events: none;
  opacity: 0.4;
}

/* line 27, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .percentage-icon-trailer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  pointer-events: none;
  color: #cacaca;
}

/* line 34, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .mono-numeric-font-display {
  letter-spacing: 0.5pt;
}

/* line 38, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page button.xs-budget-button {
  padding: 4px;
  font-size: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Page Header Primary (Fixed)
/* ===================================================================== */
/* ===================================================================== */
/* line 48, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-primary-header-fixed {
  container-type: inline-size;
  container-name: budget-primary-header-fixed;
}

/* line 53, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-primary-header-fixed #budget-nav-fancy-button-group-container {
  display: none;
}

@container budget-primary-header-fixed (min-width: 1186px) {
  /* line 57, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-primary-header-fixed #budget-nav-fancy-button-group-container {
    display: block;
  }
  /* line 60, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-primary-header-fixed #budget-nav-dropdown {
    display: none;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Budget Container Header
/* ===================================================================== */
/* ===================================================================== */
/* line 71, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px;
  position: relative;
  z-index: 2000000;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  padding: 32px 0px 48px 32px;
}

/* line 81, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__header[data-has-vendor-paid-amount="false"] {
  padding: 32px 0px 32px 32px;
}

/* line 86, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__target-container {
  min-width: 155px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding: 19px;
  border-radius: 8px;
  transition: all 0.2s;
}

/* line 95, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__target-container--clickable:hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-color: #c8c8c8;
}

/* line 101, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-chart-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 108, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-chart-container .target-budget-amount-line {
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: 0px;
  transform: translateX(-1px);
  border-left: 1px dashed #d7d7d7;
}

/* line 117, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar {
  position: relative;
  background-color: #fff;
  color: #2f2f2f;
  text-align: right;
  height: 24px;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 16px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  container-type: inline-size;
  container-name: budget-bar;
}

/* line 129, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar.target {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* line 133, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar.estimate {
  background-color: #f5faff;
  border-color: #b4d1ea;
  color: #496d8f;
}

/* line 137, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar.estimate .dot {
  background-color: #7a9dbe;
}

/* line 141, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar.actual {
  background-color: #f2fff7;
  border-color: #a2ddba;
  color: #017632;
}

/* line 145, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar.actual .dot {
  background-color: #00b74c;
}

/* line 151, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .paid-overlay {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  background-color: #d3f5df;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  container-type: inline-size;
  container-name: budget-paid-overlay-bar;
}

/* line 161, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .paid-overlay .paid-overlay__indicator {
  position: absolute;
  right: 0px;
  bottom: 1px;
  transform: translateY(100%);
}

/* line 167, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .paid-overlay .paid-overlay__indicator-dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #80b395;
}

/* line 177, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .paid-overlay .paid-overlay__indicator-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  height: 28px;
  border-left: 1px dotted #8fb69f;
}

/* line 183, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .paid-overlay .paid-overlay__indicator-label {
  position: absolute;
  width: max-content;
  top: 12px;
  left: 0px;
  transform: translateX(calc(-100% - 8px));
}

@container budget-paid-overlay-bar (max-width: 110px) {
  /* line 192, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-container-page .budget-bar .paid-overlay .paid-overlay__indicator-label {
    transform: translateX(calc(8px));
  }
}

/* line 198, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transform: translateY(-50%) translateX(50%);
  right: 0px;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #9d9d9d;
}

/* line 209, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .indicator-line {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 1px;
  background-color: #9d9d9d;
}

/* line 218, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-bar .indicator-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  z-index: 1;
  width: max-content;
}

@container budget-bar (max-width: 160px) {
  /* line 225, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-container-page .budget-bar .indicator-label {
    transform: translateY(-50%) translateX(100%);
    right: -12px;
  }
}

/* Budget Row
======================================================================== */
/* line 235, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-row:hover, #budget-container-page .budget-row:has(.btn-group.show), #budget-container-page .budget-row:has(input:focus) {
  z-index: 11;
}

/* line 238, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-row:hover .hover-control, #budget-container-page .budget-row:hover .hover-control--estimate-option, #budget-container-page .budget-row:has(.btn-group.show) .hover-control, #budget-container-page .budget-row:has(.btn-group.show) .hover-control--estimate-option, #budget-container-page .budget-row:has(input:focus) .hover-control, #budget-container-page .budget-row:has(input:focus) .hover-control--estimate-option {
  opacity: 1;
  pointer-events: auto;
}

/* line 245, app/assets/stylesheets/pages/budgets/sketch.scss */
button.budget-expand-toggler {
  margin-right: 12px;
  background-color: transparent;
}

/* line 249, app/assets/stylesheets/pages/budgets/sketch.scss */
button.budget-expand-toggler:hover {
  border-color: #d3d3d3;
}

/* Budget Cell
======================================================================== */
/* line 256, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-cell {
  padding: 12px 12px;
}

/* line 264, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-cell--default-hover:hover {
  cursor: default;
}

/* Number Over/Under Styling
======================================================================== */
/* line 272, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .number-value[data-delta='over'] {
  color: #ca0000;
}

/* line 275, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .number-value[data-delta='under'] {
  color: #00a800;
}

/* line 278, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .number-value[data-delta='even'] {
  color: #596171;
}

/* ===================================================================== */
/* ===================================================================== */
/* Budget Container
/* ===================================================================== */
/* ===================================================================== */
/* line 288, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__container {
  padding-bottom: 35vh;
}

/* line 292, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .new-budget-section-button {
  background-color: #fbfbfb;
  padding: 16px 24px;
  border: 1px dashed #dedede;
  font-size: 14.5px;
  color: #c4c4c4;
  margin: 16px;
  margin-top: 32px;
  border-radius: 8px;
  font-weight: 600;
}

/* line 302, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .new-budget-section-button:hover {
  color: #2f2f2f;
}

/* line 307, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer {
  position: fixed;
  z-index: 12;
  bottom: -1px;
  right: 0px;
  left: 254px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 1px #0000001c;
  -webkit-box-shadow: 0px 0px 20px 1px #0000001c;
  border-bottom: 0px solid transparent !important;
  border-top: 1px solid #cbcbcb;
}

/* line 319, app/assets/stylesheets/pages/budgets/sketch.scss */
body[data-portal="true"] #budget-container-page .budget-container__rollup-footer {
  left: calc(0px + 199px);
}

/* line 323, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer__cell {
  position: relative;
  border-right: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  padding: 16px 12px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 323, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-container-page .budget-container__rollup-footer__cell {
    font-size: 13.5px;
  }
}

/* line 330, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer__cell.align-right {
  justify-content: end;
}

/* line 333, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer__cell .mono-numeric-font-display {
  font-weight: 700;
}

/* line 338, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer__cell .label-container {
  display: block;
  margin-top: 8px;
}

/* line 343, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .budget-container__rollup-footer__cell .over-under-cell-leader-icon {
  top: 15px;
  transform: unset;
}

/* ===================================================================== */
/* ===================================================================== */
/* Estimate Line
/* ===================================================================== */
/* ===================================================================== */
/* line 354, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__container {
  border-bottom: 1px solid #e9e9e9;
}

/* line 361, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__container[data-is-collapsed="true"] .estimate-option__container:not(.estimate-option__container--table-header) {
  display: none;
}

/* line 364, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__container[data-is-collapsed="true"] .fa-angle-down {
  transform: rotate(-90deg);
}

/* line 367, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__container[data-is-collapsed="true"] .hide-when-collapsed {
  opacity: 0;
  pointer-events: none;
}

/* line 373, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__footer-controls {
  position: absolute;
  bottom: 4px;
  left: 0px;
  right: 0px;
  padding-left: 120px;
  transform: translateY(calc(0%));
  z-index: 20;
  display: none;
}

/* line 386, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .estimate-line__footer-controls-row {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Actuals Grid Row
/* ===================================================================== */
/* ===================================================================== */
/* line 398, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row {
  border-bottom: 1px solid #f7f7f7 !important;
}

/* line 402, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row--header {
  background-color: #fff;
  position: sticky;
  top: 0px;
  height: 35px;
  z-index: 15;
  border-bottom: 1px solid #000;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 410, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row--header .budget-cell.actuals-grid-row__cell {
  padding: 0px 12px;
  border-right-color: #f1f1f1;
}

/* line 416, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__cell,
#budget-container-page .actuals-grid-row__details .actuals-grid-row__details__cell {
  border-right: 1px solid #f7f7f7;
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 416, app/assets/stylesheets/pages/budgets/sketch.scss */
  #budget-container-page .actuals-grid-row .actuals-grid-row__cell,
#budget-container-page .actuals-grid-row__details .actuals-grid-row__details__cell {
    font-size: 13.5px;
  }
}

/* line 423, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__cell.align-right,
#budget-container-page .actuals-grid-row__details .actuals-grid-row__details__cell.align-right {
  justify-content: end;
}

/* line 428, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row.actuals-grid-row__section-totals {
  border-bottom-width: 0px;
}

/* line 430, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row.actuals-grid-row__section-totals .number-value {
  font-weight: 640;
}

/* line 433, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row.actuals-grid-row__section-totals .currency-symbol-cell-leader-icon {
  color: #8d8d8d;
}

/* line 438, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details-container {
  position: relative;
  grid-column: 1 / -1;
  margin-left: 78px;
  margin-right: 32px;
  margin-bottom: 12px;
  border: 1px solid #eeeeee;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 13px;
}

/* line 451, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details {
  border-bottom: 1px solid #f7f7f7;
}

/* line 453, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details:last-child {
  border-bottom-width: 0px;
}

/* line 458, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details--header {
  background-color: #fafafa;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-width: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Actual Drivers Dropdown
/* ===================================================================== */
/* ===================================================================== */
/* line 470, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown {
  width: 370px;
  margin-top: 0px;
}

/* line 473, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown[x-placement="bottom-start"] {
  border-top-left-radius: 0px;
}

/* line 475, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown[x-placement="bottom-start"] #add-drivers-for-top-start {
  display: none;
}

/* line 477, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown[x-placement="top-start"] {
  border-bottom-left-radius: 0px;
}

/* line 479, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown[x-placement="top-start"] #add-drivers-for-bottom-start {
  display: none;
}

/* line 483, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown__driving-line {
  display: grid;
  grid-template-columns: 93px 1fr;
  align-items: center;
}

/* line 489, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown__amount {
  font-size: 13.5px;
  padding-right: 12px;
}

/* line 494, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .actual-drivers-dropdown__details {
  padding-left: 12px;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Next Payment Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 506, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .next-payment-badge {
  position: relative;
  border-radius: 8px;
  padding: 8px;
  color: #596171;
  border: 1px solid transparent;
  margin-top: -3px;
  margin-bottom: -2px;
  margin-left: -8px;
}

/* line 516, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .next-payment-badge:hover {
  cursor: pointer;
  border-color: #e0e0e0;
}

/* line 521, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page .next-payment-badge[data-has-overdue="true"] {
  color: #ca0000;
}

/* ===================================================================== */
/* ===================================================================== */
/* No Sections Callout Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 530, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page #no-sections-callout-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff00;
  z-index: 2000001;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 542, app/assets/stylesheets/pages/budgets/sketch.scss */
#budget-container-page #no-sections-callout-overlay img.arrow {
  position: absolute;
  top: 65px;
  right: 32px;
  transform: rotate(114deg);
  width: 300px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Overdue Vendor Payment Due Dates Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 555, app/assets/stylesheets/pages/budgets/sketch.scss */
.overdue-vendor-payment-due-dates-badge[data-count="0"] {
  display: none !important;
}

/* line 1, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page .global-budget-grid-item {
  display: grid;
}

/* ===================================================================== */
/* ===================================================================== */
/* Estimator
/* ===================================================================== */
/* ===================================================================== */
/* Markup Disabled
======================================================================== */
/* line 14, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page[data-budget-view="estimator"][data-markup-mode="markup_mode_disabled"] .global-budget-grid-item {
  grid-template-columns: 68px 40px 300px 70px 120px 120px;
}

/* Markup Enabled
======================================================================== */
/* line 29, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page[data-budget-view="estimator"][data-markup-mode="markup_mode_enabled"] .global-budget-grid-item {
  grid-template-columns: 68px 40px 300px 70px 120px 120px 100px 120px 120px 1fr;
}

/* ===================================================================== */
/* ===================================================================== */
/* Actuals
/* ===================================================================== */
/* ===================================================================== */
/* Markup Disabled
======================================================================== */
/* line 54, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page[data-budget-view="actuals"][data-markup-mode="markup_mode_disabled"] .global-budget-grid-item {
  grid-template-columns: 350px 120px 120px 120px 120px 120px 1fr;
}

/* Markup Enabled
======================================================================== */
/* line 70, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page[data-budget-view="actuals"][data-markup-mode="markup_mode_enabled"] .global-budget-grid-item {
  grid-template-columns: 350px 120px 120px 120px 120px 120px 250px 1fr;
}

/* Details
======================================================================== */
/* line 86, app/assets/stylesheets/pages/budgets/grid_columns.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details {
  display: grid;
  grid-template-columns: 271px 120px 120px 120px 120px 120px 1fr;
}

/* ===================================================================== */
/* ===================================================================== */
/* Budget Section
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container {
  position: relative;
  margin-bottom: 24px;
}

/* line 11, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__category-totals-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  opacity: 0.5;
}

/* line 19, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode='category-active'] {
  z-index: 12;
}

/* line 22, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container .budget-section__header:has(.dropdown-menu.show) {
  z-index: 12;
}

/* line 27, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] {
  margin-bottom: -1px;
}

/* line 29, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .budget-item__container {
  display: none;
}

/* line 32, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .budget-section__footer-controls {
  display: none;
}

/* line 35, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .fa-angle-down {
  transform: rotate(-90deg);
}

/* line 38, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .budget-section__header {
  border-top: 1px solid #ededed;
}

/* line 41, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .budget-section__header-cats-and-name {
  width: 270px;
  overflow: hidden;
}

/* line 45, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="true"] .budget-section__header-cats-and-name__overflow-gradient {
  display: block;
}

/* line 50, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__rollup-header-row {
  display: grid;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: -1px;
  left: 0px;
  min-height: unset;
  pointer-events: none;
}

/* line 63, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-is-collapsed="false"] .budget-section__rollup-header-row .number-value {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 74, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__delete-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: red;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

/* line 81, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container:has(.budget-section__delete-trigger:hover) {
  color: #a21515;
}

/* line 82, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container:has(.budget-section__delete-trigger:hover) .budget-section__delete-overlay {
  opacity: 0.03;
}

/* line 86, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container:has(.budget-section__delete-trigger:hover) input, #budget-container-page .budget-section__container:has(.budget-section__delete-trigger:hover) .td--text-color-secondary {
  color: #a21515;
}

/* line 91, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header {
  padding: 16px 32px;
  background-color: #f0f0f0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #ececec;
  position: sticky;
  top: 0px;
  z-index: 10;
  height: 45px;
  display: flex;
  align-items: center;
}

/* line 102, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header input#budget_section_name {
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.4pt;
}

/* line 107, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .budget-cell {
  border-right-color: #0000000a;
}

/* line 111, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header-cats-and-name {
  position: relative;
  z-index: 1;
  display: flex;
  height: 41px;
  align-items: center;
  background-color: #fbfbfb;
}

/* line 119, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header-cats-and-name__overflow-gradient {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 90px;
  background: linear-gradient(90deg, #fbfbfb00 0%, #fbfbfb 90%, #fbfbfb 100%);
}

/* line 130, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__footer-controls {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 42px;
}

/* line 136, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page[data-budget-view="actuals"] .budget-section__header {
  top: 35px;
  height: 45px;
  background-color: #fbfbfb;
  border-bottom-color: #f5f5f5;
}

/* line 144, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__hover-control {
  opacity: 0;
  pointer-events: none;
}

/* line 149, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container:hover .budget-section__hover-control {
  opacity: 1;
  pointer-events: auto;
}

/* line 156, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__controls-container {
  display: none;
}

/* line 159, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container .budget-section__header:hover .budget-section__controls-container {
  display: block;
}

/* line 162, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container .budget-section__controls-container:has(.dropdown-menu.show) {
  display: block;
}

/* line 167, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container button#save-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category & Name Display States
/* ===================================================================== */
/* ===================================================================== */
/* line 176, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__name-form {
  display: none;
  font-size: 15px;
  letter-spacing: 0.4pt;
  font-weight: 600;
  white-space: nowrap;
}

/* line 184, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header[data-has-name="true"] .budget-section__name-form {
  display: block;
}

/* line 190, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="edit-name"] .budget-section__name-form {
  display: block;
}

/* line 193, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="edit-name"] button#section-category-button, #budget-container-page .budget-section__container[data-edit-mode="edit-name"] button#section-name-button, #budget-container-page .budget-section__container[data-edit-mode="edit-name"] .budget-section__controls-container {
  display: none;
}

/* line 196, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="edit-name"] button#save-button {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Form
/* ===================================================================== */
/* ===================================================================== */
/* line 207, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__category-form-container {
  align-items: center;
  gap: 12px;
  display: none;
}

/* line 214, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-loading"] .budget-section__category-form-container {
  display: flex;
}

/* line 217, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-loading"] .active-form-element {
  display: none;
}

/* line 220, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-loading"] button#section-category-button, #budget-container-page .budget-section__container[data-edit-mode="category-loading"] button#section-name-button, #budget-container-page .budget-section__container[data-edit-mode="category-loading"] .budget-section__controls-container {
  display: none;
}

/* line 225, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-active"] .budget-section__category-form-container {
  display: flex;
}

/* line 228, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-active"] button#section-category-button, #budget-container-page .budget-section__container[data-edit-mode="category-active"] button#section-name-button, #budget-container-page .budget-section__container[data-edit-mode="category-active"] .budget-section__controls-container {
  display: none;
}

/* line 231, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-active"] .loading-element {
  display: none;
}

/* line 234, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-active"] .active-form-element {
  display: block;
}

/* line 239, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__category-form-container {
  display: flex;
}

/* line 242, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] button#section-category-button, #budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] button#section-name-button, #budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] button#selectize-cancel-category, #budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__controls-container {
  display: none;
}

/* line 245, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] .loading-element {
  display: none;
}

/* line 248, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__header .category-badge {
  display: none;
}

/* Selectize
======================================================================== */
/* line 256, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .selectize-dropdown, #budget-container-page .budget-section__header .selectize-dropdown-content {
  padding-top: 0px;
  overflow: scroll;
}

/* line 260, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .selectize-dropdown .optgroup:before {
  display: none;
}

/* line 263, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .selectize-dropdown .optgroup-header {
  background-color: #f9f9f9;
  font-weight: 600;
  padding: 8px 12px;
  color: #2f2f2f;
  margin: 8px 0px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 263, app/assets/stylesheets/pages/budgets/budget_sections.scss */
  #budget-container-page .budget-section__header .selectize-dropdown .optgroup-header {
    font-size: 14.5px;
  }
}

/* line 271, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .selectize-category-option {
  font-size: 16px;
  padding: 4px 12px;
}

@media (min-width: 576px) {
  /* line 271, app/assets/stylesheets/pages/budgets/budget_sections.scss */
  #budget-container-page .budget-section__header .selectize-category-option {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 282, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge {
  position: relative;
  background-color: transparent;
  font-size: 15px;
  letter-spacing: 0.4pt;
  margin-right: 16px;
  white-space: nowrap;
}

/* line 289, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge:hover {
  cursor: default;
}

/* line 294, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge .remove-category {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #afafaf;
  border-radius: 100%;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 307, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge .remove-category i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #616161;
  font-size: 14px;
}

/* line 313, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge .remove-category:hover {
  cursor: pointer;
  border-color: #a21515;
}

/* line 316, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge .remove-category:hover i {
  color: #a21515;
}

/* line 322, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge:hover .remove-category {
  opacity: 1;
  transform: scale(1);
}

/* line 327, app/assets/stylesheets/pages/budgets/budget_sections.scss */
#budget-container-page .budget-section__header .category-badge:has(.remove-category:hover) {
  color: #a21515;
  border-color: #a21515 !important;
}

/* line 1, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container {
  height: 45px;
  padding: 0px 32px;
  border-bottom: 1px solid #f0f0f0;
  display: grid;
  grid-template-columns: 45px 1fr 40px;
  align-items: center;
}

/* line 16, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__editor {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 22, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager-secondary .budget-section__line-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 16px;
  border-radius: 8px;
}

/* line 32, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container button#save-button {
  display: none;
  gap: 8px;
  align-items: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Budget Sections
/* ===================================================================== */
/* ===================================================================== */
/* line 43, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .new-budget-section-button {
  height: 50px;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  padding: 0px 32px;
  margin-top: 8px;
  background-color: #fbfbfb;
  border: 1px dashed #dedede;
  border-left-width: 0px;
  border-right-width: 0px;
  font-size: 15px;
  color: #aaaaaa;
  font-weight: 600;
}

/* line 57, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .new-budget-section-button:hover {
  color: #2f2f2f;
  background-color: #f7f7f7;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete
/* ===================================================================== */
/* ===================================================================== */
/* line 68, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container .delete-budget-section-trigger {
  display: none;
}

/* line 71, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:hover .delete-budget-section-trigger {
  display: block;
}

/* line 74, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:has(.delete-budget-section-trigger:hover) {
  background-color: #fcf6f6;
}

/* line 76, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:has(.delete-budget-section-trigger:hover) .category-badge {
  color: #a21515;
}

/* line 79, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:has(.delete-budget-section-trigger:hover) a#section-category-button {
  display: none;
}

/* line 82, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:has(.delete-budget-section-trigger:hover) .budget-section__name-form input {
  color: #a21515;
}

/* line 85, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:has(.delete-budget-section-trigger:hover) button.name-add-edit-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Drag & Drop
/* ===================================================================== */
/* ===================================================================== */
/* line 95, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .drag-handle {
  opacity: 0.5;
  display: block;
  font-size: 17px;
}

/* line 99, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .drag-handle:hover {
  cursor: grab;
}

/* line 104, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container.ui-sortable-helper:hover,
#budget-section-manager .budget-section__container.ui-sortable-helper {
  background-color: #fdfdfd;
  transform: scale(1);
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

/* line 113, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container.ui-sortable-helper {
  height: 40px !important;
}

/* line 115, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container.ui-sortable-helper #section-category-button, #budget-section-manager .budget-section__container.ui-sortable-helper button.name-add-edit-button {
  display: none !important;
}

/* line 118, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container.ui-sortable-helper .standard-action-icons-container {
  display: none !important;
}

/* line 123, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section-drag-and-drop-placeholder {
  height: 50px;
  background-color: #cce4e4;
  width: 100%;
  height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category & Name Display States
/* ===================================================================== */
/* ===================================================================== */
/* line 135, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager-secondary .budget-section__name-form {
  font-size: 15px;
  letter-spacing: 0.4pt;
  font-weight: 600;
  padding-top: 1px;
}

/* line 142, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__name-form {
  display: none;
  padding-bottom: 2px;
}

/* line 145, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__name-form input {
  font-size: 15px;
  letter-spacing: 0.4pt;
  font-weight: 600;
}

/* line 152, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-has-name="true"] .budget-section__name-form {
  display: block;
}

/* line 158, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="edit-name"] .budget-section__name-form {
  display: block;
}

/* line 161, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="edit-name"] #section-category-button, #budget-section-manager .budget-section__container[data-edit-mode="edit-name"] button#section-name-button, #budget-section-manager .budget-section__container[data-edit-mode="edit-name"] .budget-section__controls-container {
  display: none;
}

/* line 164, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="edit-name"] button#save-button {
  display: flex;
}

/* line 167, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="edit-name"] button.name-add-edit-button {
  display: none !important;
}

/* line 172, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager button.additional-section-category-button {
  padding: 0px;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  border-color: #f7f7f7;
  color: #c6c6c6;
}

/* line 179, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager button.additional-section-category-button:hover {
  border-color: teal;
  color: teal;
}

/* line 185, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:hover button.additional-section-category-button,
#budget-section-manager .budget-section__container:hover button.name-add-edit-button {
  display: block;
}

/* line 191, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .name-add-edit-button {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Form
/* ===================================================================== */
/* ===================================================================== */
/* line 201, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__category-form-container {
  align-items: center;
  gap: 12px;
  display: none;
}

/* line 208, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-loading"] .budget-section__category-form-container {
  display: flex;
}

/* line 211, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-loading"] .active-form-element {
  display: none;
}

/* line 214, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-loading"] #section-category-button, #budget-section-manager .budget-section__container[data-edit-mode="category-loading"] button#section-name-button, #budget-section-manager .budget-section__container[data-edit-mode="category-loading"] .budget-section__controls-container {
  display: none;
}

/* line 217, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-loading"] button.name-add-edit-button {
  display: none;
}

/* line 222, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-active"] .budget-section__category-form-container {
  display: flex;
}

/* line 225, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-active"] #section-category-button, #budget-section-manager .budget-section__container[data-edit-mode="category-active"] button#section-name-button, #budget-section-manager .budget-section__container[data-edit-mode="category-active"] .budget-section__controls-container {
  display: none;
}

/* line 228, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-active"] .loading-element {
  display: none;
}

/* line 231, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-active"] .active-form-element {
  display: block;
}

/* line 234, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-active"] button.name-add-edit-button {
  display: none;
}

/* line 239, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__category-form-container {
  display: flex;
}

/* line 242, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] #section-category-button, #budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] button#section-name-button, #budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] button.name-add-edit-button, #budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] button#selectize-cancel-category,
#budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__controls-container, #budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] .budget-section__name-form {
  display: none;
}

/* line 246, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] .loading-element {
  display: none;
}

/* line 249, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container[data-edit-mode="category-add-confirm"] .category-badge {
  display: none;
}

/* Selectize
======================================================================== */
/* line 257, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .selectize-dropdown, #budget-section-manager .selectize-dropdown-content {
  padding-top: 0px;
  overflow: scroll;
}

/* line 261, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .selectize-dropdown .optgroup:before {
  display: none;
}

/* line 264, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .selectize-dropdown .optgroup-header {
  background-color: #f9f9f9;
  font-weight: 600;
  padding: 8px 12px;
  color: #2f2f2f;
  margin: 8px 0px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 264, app/assets/stylesheets/pages/budgets/section_manager.scss */
  #budget-section-manager .selectize-dropdown .optgroup-header {
    font-size: 14.5px;
  }
}

/* line 272, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .selectize-category-option {
  font-size: 16px;
  padding: 4px 12px;
}

@media (min-width: 576px) {
  /* line 272, app/assets/stylesheets/pages/budgets/section_manager.scss */
  #budget-section-manager .selectize-category-option {
    font-size: 14.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Category Badge
/* ===================================================================== */
/* ===================================================================== */
/* line 283, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge,
#budget-section-manager-secondary .category-badge {
  position: relative;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 8px;
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 8px;
  font-size: 15px;
  letter-spacing: 0.4pt;
}

/* line 296, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager-secondary .category-badge {
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* line 302, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge__icon,
#budget-section-manager-secondary .category-badge__icon {
  margin-right: 4px;
}

/* line 308, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge .remove-category {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #afafaf;
  border-radius: 100%;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 321, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge .remove-category i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #616161;
  font-size: 14px;
}

/* line 327, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge .remove-category:hover {
  cursor: pointer;
  border-color: #a21515;
}

/* line 330, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge .remove-category:hover i {
  color: #a21515;
}

/* line 336, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:not(.ui-sortable-helper) .category-badge:hover {
  border-color: #c4c4c4;
  cursor: default;
}

/* line 339, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .budget-section__container:not(.ui-sortable-helper) .category-badge:hover .remove-category {
  opacity: 1;
  transform: scale(1);
}

/* line 345, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager .category-badge:has(.remove-category:hover) {
  color: #a21515;
  border-color: #a21515 !important;
}

/* ===================================================================== */
/* ===================================================================== */
/* Empty Callout Helper
/* ===================================================================== */
/* ===================================================================== */
/* line 355, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager #empty-callout-helper {
  position: relative;
  padding-top: 95px;
  padding-left: 120px;
}

/* line 361, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager #empty-callout-helper img.arrow {
  position: absolute;
  left: 256px;
  top: 0px;
  transform: rotate(48deg);
  width: 100px;
}

/* line 369, app/assets/stylesheets/pages/budgets/section_manager.scss */
#budget-section-manager-secondary .budget-item__driver-callout {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  margin-top: 8px;
  padding-left: 12px;
}

/* line 6, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container {
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  min-height: 50px;
}

/* line 12, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:has(.dropdown-menu.show) {
  z-index: 12;
}

/* ===================================================================== */
/* ===================================================================== */
/* Container
/* ===================================================================== */
/* ===================================================================== */
/* line 22, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="true"] .budget-item__header {
  border-bottom-width: 0px;
}

/* line 25, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="true"] .estimate-line__container {
  display: none;
}

/* line 28, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="true"] .actuals-grid-row__details-container {
  display: none;
}

/* line 31, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="true"] .fa-angle-down {
  transform: rotate(-90deg);
}

/* Hover Control
======================================================================== */
/* line 39, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container .hover-control {
  opacity: 0;
  pointer-events: none;
}

/* line 44, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:hover .hover-control {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Drag & Drop
/* ===================================================================== */
/* ===================================================================== */
/* line 56, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .drag-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  display: block;
  color: #d6d6d6;
  font-size: 17px;
}

/* line 62, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .drag-handle:hover {
  cursor: grab;
}

/* line 67, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container.ui-sortable-helper:hover,
#budget-container-page .budget-item__container.ui-sortable-helper {
  background-color: #fff;
  transform: scale(1);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

/* line 74, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container.ui-sortable-helper {
  height: 53px !important;
}

/* line 76, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container.ui-sortable-helper .actuals-grid-row__details-container {
  display: none;
}

/* line 81, app/assets/stylesheets/pages/budgets/budget_items.scss */
.budget-item-drag-and-drop-placeholder {
  height: 72px;
  background-color: #cce4e4;
  width: 100%;
  height: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 93, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__delete-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: red;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

/* line 100, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:has(.budget-item__delete-trigger:hover) {
  color: #a21515;
}

/* line 101, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:has(.budget-item__delete-trigger:hover) .budget-item__delete-overlay {
  opacity: 0.03;
}

/* line 105, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:has(.budget-item__delete-trigger:hover) input, #budget-container-page .budget-item__container:has(.budget-item__delete-trigger:hover) .td--text-color-secondary {
  color: #a21515;
}

/* ===================================================================== */
/* ===================================================================== */
/* Header
/* ===================================================================== */
/* ===================================================================== */
/* line 115, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__header {
  position: sticky;
  top: 55px;
  z-index: 5;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  padding: 16px 32px;
  padding-left: 50px;
  display: flex;
  align-items: center;
}

/* line 130, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page[data-budget-view="actuals"] .budget-item__controls-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

/* line 134, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page[data-budget-view="actuals"] .budget-item__controls-container:has(.dropdown-menu.show) {
  z-index: 1;
}

/* line 140, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page[data-budget-view="actuals"] .budget-item__container[data-is-single-actual-line="true"] .budget-item__expand_toggler {
  opacity: 0.3;
}

/* ===================================================================== */
/* ===================================================================== */
/* Name & Vendor Display States
/* ===================================================================== */
/* ===================================================================== */
/* line 150, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__name-form {
  display: none;
}

/* line 154, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-has-name="true"] .budget-item__name-form {
  display: block;
}

/* line 167, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-has-name="false"][data-has-vendor="true"][data-edit-mode="edit-name"] .budget-item__name-form {
  display: block;
}

/* line 172, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-has-name="true"][data-has-vendor="true"]:not([data-edit-mode="edit-name"]) .budget-item__name-form {
  display: none;
}

/* line 177, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="edit-name"] .budget-item__name-form {
  display: block;
}

/* line 183, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-has-vendor="true"] .budget-item__cell--name-and-vendor:hover {
  cursor: default;
}

/* ===================================================================== */
/* ===================================================================== */
/* Vendor Job
/* ===================================================================== */
/* ===================================================================== */
/* line 195, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__vendor-job {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  margin-right: 24px;
  overflow: hidden;
}

/* line 206, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__vendor-job-form-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  left: 78px;
  z-index: 3;
  width: 510px;
  background-color: #fff;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 26px;
  padding-right: 12px;
}

/* line 217, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__vendor-job-form-container .loading-spinner {
  font-size: 19px;
  color: #a9a9a9;
}

/* line 226, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="vendor-job-loading"] .budget-item__vendor-job-form-container {
  display: flex;
}

/* line 229, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="vendor-job-loading"] .active-form-element {
  display: none;
}

/* line 234, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="vendor-job-active"] .budget-item__vendor-job-form-container {
  display: flex;
}

/* line 237, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="vendor-job-active"] .loading-element {
  display: none;
}

/* line 240, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-edit-mode="vendor-job-active"] .active-form-element {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Name
/* ===================================================================== */
/* ===================================================================== */
/* line 251, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__name-form input {
  font-size: 14px;
  padding-left: 0px;
}

/* line 258, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page[data-budget-view="actuals"] .budget-item__name-form .form-group.input-text-field-inline-table-cell {
  left: 78px;
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Advanced Editor
/* ===================================================================== */
/* ===================================================================== */
/* line 269, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .actuals-grid-row__details-container .convert-to-itemized-container {
  padding: 12px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cell: Estimate View Only
/* ===================================================================== */
/* ===================================================================== */
/* line 283, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="true"] #budget-item-estimate-cell input#vendor_estimate_display_view:hover {
  cursor: pointer;
}

/* line 288, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container[data-is-collapsed="false"] #budget-item-estimate-cell input#vendor_estimate_display_view:hover {
  cursor: default;
  border-color: transparent;
}

/* line 295, app/assets/stylesheets/pages/budgets/budget_items.scss */
#budget-container-page .budget-item__container:has(input#vendor_estimate_display_view:hover) .actual-line__container input#actual_line_estimate_subtotal {
  background-color: #f5faff;
}

/* line 1, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container {
  position: relative;
}

/* line 5, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container:has(.dropdown-menu.show) {
  z-index: 2;
}

/* line 9, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container .actuals-grid-row__details__cell {
  min-height: 50px;
}

/* Hover Control (ellipsis button)
======================================================================== */
/* line 17, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container .actual-line__controls-container {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

/* line 24, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container:hover .actual-line__controls-container, #budget-container-page .actual-line__container:has(.dropdown-menu.show) .actual-line__controls-container {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Delete Overlay
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__delete-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: red;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

/* line 44, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container:has(.actual-line__delete-trigger:hover) {
  color: #a21515;
}

/* line 45, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container:has(.actual-line__delete-trigger:hover) .actual-line__delete-overlay {
  opacity: 0.03;
}

/* line 49, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container:has(.actual-line__delete-trigger:hover) input, #budget-container-page .actual-line__container:has(.actual-line__delete-trigger:hover) .td--text-color-secondary {
  color: #a21515;
}

/* ===================================================================== */
/* ===================================================================== */
/* Add Actual Line Trigger
/* ===================================================================== */
/* ===================================================================== */
/* line 59, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger {
  display: none;
  position: absolute;
  z-index: 3;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ececec;
  left: 4px;
  transform-origin: left;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #cacaca;
}

/* line 77, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger--top {
  top: 0px;
  transform: translate(-50%, -50%);
}

/* line 80, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger--top:hover {
  transform: scale(1.4) translate(-50%, -50%);
}

/* line 84, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger--bottom {
  bottom: 0px;
  transform: translate(-50%, 50%);
}

/* line 87, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger--bottom:hover {
  transform: scale(1.4) translate(-50%, 50%);
}

/* line 93, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actuals-grid-row .actuals-grid-row__details-container:hover .actual-line__add-line-trigger {
  display: block;
}

/* line 98, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger:hover {
  cursor: pointer;
  border-color: #2f2f2f;
  background-color: #2f2f2f;
}

/* line 102, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__add-line-trigger:hover i {
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Name & Vendor Display States
/* ===================================================================== */
/* ===================================================================== */
/* line 113, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__name-form {
  display: none;
}

/* line 117, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container[data-has-name="true"] .actual-line__name-form {
  display: block;
}

/* line 123, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container[data-edit-mode="edit-name"] .actual-line__name-form {
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Name
/* ===================================================================== */
/* ===================================================================== */
/* line 135, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__name-form .form-group.input-text-field-inline-table-cell {
  font-size: 14px;
  background-color: #fff;
}

/* line 139, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__name-form .form-group.input-text-field-inline-table-cell input {
  padding-left: 21px;
}

/* line 145, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__container:first-child .actual-line__name-form .form-group.input-text-field-inline-table-cell {
  border-top-left-radius: 8px;
}

/* line 148, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__container:first-child .actual-line__name-form .form-group.input-text-field-inline-table-cell input {
  border-top-left-radius: 8px;
}

/* line 154, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__container:last-child .actual-line__name-form .form-group.input-text-field-inline-table-cell {
  border-bottom-left-radius: 8px;
}

/* line 157, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page[data-budget-view="actuals"] .actual-line__container:last-child .actual-line__name-form .form-group.input-text-field-inline-table-cell input {
  border-bottom-left-radius: 8px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cells
/* ===================================================================== */
/* ===================================================================== */
/* line 167, app/assets/stylesheets/pages/budgets/actual_lines.scss */
#budget-container-page .actual-line__container .actuals-grid-row__details__cell--name-and-vendor {
  padding-left: 21px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Estimate Option
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container {
  position: relative;
  border-bottom: 1px solid #f7f7f7;
}

/* line 9, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container:last-child {
  border-bottom-width: 0px;
}

/* line 12, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container.estimate-option__container--table-header {
  background-color: #fafafa;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
}

/* line 24, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container--header {
  background-color: #fafafa;
  padding-left: 32px;
}

/* line 35, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .hover-control--estimate-option {
  opacity: 0;
  pointer-events: none;
}

/* line 40, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container:hover .hover-control--estimate-option {
  opacity: 1;
  pointer-events: auto;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cells
/* ===================================================================== */
/* ===================================================================== */
/* line 52, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell {
  position: relative;
  border-right: 1px solid #f7f7f7;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/pages/budgets/estimate_options.scss */
  #budget-container-page .estimate-option__container .estimate-option__cell {
    font-size: 13.5px;
  }
}

/* line 58, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-has-vendor="true"] .estimate-option__cell {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* line 69, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--ellipsis {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 76, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--selector {
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}

/* line 80, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--selector i {
  font-size: 16px;
}

/* line 83, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--selector i.unselected-icon {
  opacity: 0.3;
}

/* Cell: Name & Vendor Link
======================================================================== */
/* line 90, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--name-and-vendor .action-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  z-index: 2;
}

/* line 95, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container .estimate-option__cell--name-and-vendor .estimate-option__vendor-job-display {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  z-index: 1;
  padding-left: 12px;
}

/* line 106, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-has-name="false"][data-has-vendor="true"] .estimate-option__name-form-container {
  display: none;
}

/* line 111, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__vendor-job-form-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  width: 318px;
  background-color: #fbfbfb;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
}

/* line 121, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__vendor-job-form-container .loading-spinner {
  font-size: 19px;
  color: #a9a9a9;
}

/* line 127, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-edit-mode="vendor-job-loading"] .estimate-option__vendor-job-form-container {
  display: flex;
}

/* line 130, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-edit-mode="vendor-job-loading"] .active-form-element {
  display: none;
}

/* line 135, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-edit-mode="vendor-job-active"] .estimate-option__vendor-job-form-container {
  display: flex;
}

/* line 138, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-edit-mode="vendor-job-active"] .loading-element {
  display: none;
}

/* line 141, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-edit-mode="vendor-job-active"] .active-form-element {
  display: block;
}

/* Has vendor and name
======================================================================== */
/* line 148, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__container[data-has-name="true"][data-has-vendor="true"] .estimate-option__name-form-container {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Markup Cells
/* ===================================================================== */
/* ===================================================================== */
/* Cell: Markup Settings
======================================================================== */
/* line 160, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__cell--markup-settings {
  border-left: 6px solid #f5f5f5;
}

/* line 164, app/assets/stylesheets/pages/budgets/estimate_options.scss */
#budget-container-page .estimate-option__cell--markup-settings .disable-markup-link-button {
  position: relative;
  z-index: 1;
  color: green;
}

/* ===================================================================== */
/* ===================================================================== */
/* Split Grid Layout
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page {
  container-type: inline-size;
  container-name: budget-payments-page;
}

/* line 9, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .split-grid-layout--two-column {
  grid-template-columns: 1fr 320px;
}

@container budget-payments-page (min-width: 1285px) {
  /* line 13, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .split-grid-layout--two-column {
    grid-template-columns: 1fr 400px;
  }
}

/* line 19, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .split-grid-layout--two-column .split-grid-layout-left-column .left-column-content {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

/* line 25, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .split-grid-layout--two-column .split-grid-layout-right-column {
  background-color: #fdfdfd;
  overflow-y: auto;
}

/* line 33, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .info-tile-grid--budget-payments-summary .info-tile {
  grid-column: span 3;
}

/* line 36, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .info-tile-grid--budget-payments-summary .info-tile__header {
  padding: 16px;
  font-weight: 400;
}

/* line 40, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .info-tile-grid--budget-payments-summary .info-tile__content-container {
  padding: 16px;
  padding-top: 0px;
}

/* line 45, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .info-tile-grid--budget-payments-summary .info-tile[data-payments-count="0"] .info-tile__content-container {
  opacity: 0.2;
}

/* line 51, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card {
  container-type: inline-size;
  container-name: vendor-open-payment-card;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 16px;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: 12px;
  padding: 16px 24px;
  align-items: center;
  display: grid;
  font-size: 16px;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 51, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .open-payment-card {
    font-size: 14.5px;
  }
}

/* line 66, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card:hover {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 16px;
  border-color: #e2e2e2;
}

/* line 72, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card {
  grid-template-columns: 175px 175px 1fr;
  grid-template-rows: auto auto;
}

/* line 80, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card .open-payment-card__invoice-cell, #budget-payments-page .open-payment-card .open-payment-card__payment-count-cell {
  grid-row: start 2;
}

/* line 83, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card .open-payment-card__vendor-cell {
  grid-row: span 2;
}

@container budget-payments-page (min-width: 1350px) {
  /* line 72, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .open-payment-card {
    grid-template-columns: 140px 140px 300px 1fr 120px;
    grid-template-rows: auto;
  }
  /* line 97, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .open-payment-card .open-payment-card__invoice-cell, #budget-payments-page .open-payment-card .open-payment-card__payment-count-cell {
    grid-row: initial;
  }
  /* line 100, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .open-payment-card .open-payment-card__vendor-cell {
    grid-row: unset;
  }
}

/* line 107, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card .stretched-link {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 111, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card i {
  margin-right: 8px;
  color: #727272;
  opacity: 0.5;
}

/* line 117, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card--overdue {
  border-left-color: #d27373;
  border-left-width: 8px;
  padding-left: 16px;
}

/* line 121, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card--overdue:hover {
  border-color: #e2e2e2;
  border-left-color: #d27373;
}

/* line 125, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card--overdue .open-payment-card__date-cell, #budget-payments-page .open-payment-card--overdue .open-payment-card__amount-cell {
  color: #8a0000;
}

/* line 127, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .open-payment-card--overdue .open-payment-card__date-cell i, #budget-payments-page .open-payment-card--overdue .open-payment-card__amount-cell i {
  color: #8a0000;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Payment History
/* ===================================================================== */
/* ===================================================================== */
/* line 139, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card {
  position: relative;
  padding: 24px 32px;
  margin-left: -32px;
  margin-right: -32px;
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .payment-history-card {
    font-size: 14.5px;
  }
}

/* line 147, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 153, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card__topline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

/* line 159, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card__subline {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* line 163, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card__subline p {
  font-size: 14px;
  line-height: 1.25;
  color: #828282;
}

@media (min-width: 576px) {
  /* line 163, app/assets/stylesheets/pages/budgets/payments.scss */
  #budget-payments-page .payment-history-card__subline p {
    font-size: 13.5px;
  }
}

/* line 168, app/assets/stylesheets/pages/budgets/payments.scss */
#budget-payments-page .payment-history-card__subline i {
  opacity: 0.5;
}

/* line 2, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total .allocation-error-icon {
  display: none;
  color: #ca0000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  font-size: 16px;
}

/* line 9, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total .allocation-error-link {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

/* line 13, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="under_allocated"], #budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="over_allocated"] {
  color: #ca0000;
}

/* line 16, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="under_allocated"] .allocation-error-icon, #budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="over_allocated"] .allocation-error-icon {
  display: inline-block;
}

/* line 19, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="under_allocated"] .currency-symbol-cell-leader-icon, #budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="over_allocated"] .currency-symbol-cell-leader-icon {
  display: none;
}

/* line 22, app/assets/stylesheets/pages/budgets/invoices.scss */
#budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="under_allocated"] .allocation-error-link, #budget-container-page[data-budget-view="invoices"] .vendor-invoice__cell--total[data-allocation-status="over_allocated"] .allocation-error-link {
  display: block;
}

/* line 1, app/assets/stylesheets/pages/budgets/direct_expenses.scss */
#direct-expense-modal .direct-expense-modal__paid-form-container {
  display: none;
}

/* line 4, app/assets/stylesheets/pages/budgets/direct_expenses.scss */
#direct-expense-modal[data-marked-as-paid="true"] .direct-expense-modal__paid-form-container {
  display: block;
  border-top: 1px dashed #e5e5e5;
  padding-top: 24px;
}

/* line 10, app/assets/stylesheets/pages/budgets/direct_expenses.scss */
#direct-expense-modal .direct-expense-modal__payment-section {
  margin-top: 24px;
  padding-top: 24px;
  border-left: 4px solid #e5e5e5;
  padding-left: 32px;
  padding-bottom: 24px;
}

/* External
======================================================================== */
/* line 1, app/assets/stylesheets/external/page.scss */
.external-page {
  padding-bottom: 85px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Loading Container & Done Notice
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/external/page.scss */
.external-loading-page .loading-container,
#ext-document-done-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  position: fixed;
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  text-align: center;
}

/* line 21, app/assets/stylesheets/external/page.scss */
.external-loading-page .loading-container i {
  font-size: 35px;
}

/* line 25, app/assets/stylesheets/external/page.scss */
#ext-document-done-notice {
  width: 90%;
  max-width: 400px;
}

/* line 1, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page {
  background-color: #fff;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

/* line 9, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page::-webkit-scrollbar-thumb {
  background: #000;
}

/* line 13, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page::-webkit-scrollbar-track {
  background: #000;
}

/* ===================================================================== */
/* ===================================================================== */
/* External Primary Header (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 22, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile {
  padding: 24px;
  padding-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile {
    display: grid;
    gap: 64px;
    grid-template-columns: 23vw 1fr;
    padding: 64px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile {
    position: fixed;
    z-index: 12;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 400px;
    gap: 48px;
    grid-template-columns: 1fr;
    align-content: start;
    padding: 48px;
    padding-top: 24px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    pointer-events: none;
  }
}

/* line 49, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile {
  background-color: #fff;
}

/* line 51, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .company-logo {
  display: block;
  max-width: 40vw;
  max-height: 350px;
}

@media (min-width: 576px) {
  /* line 51, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .company-logo {
    max-width: 100%;
    max-height: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .company-logo {
    max-width: 50%;
    max-height: 350px;
  }
}

/* line 64, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .company-name {
  font-size: 18px;
  text-wrap: balance;
  display: block;
  margin-right: 80px;
  line-height: 1.2;
}

/* line 73, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .details-grid {
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
  gap: 8px;
}

@media (min-width: 576px) {
  /* line 73, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .details-grid {
    padding-top: 0px;
    padding-bottom: 0px;
    align-self: center;
  }
}

/* line 84, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .details-grid .event-name {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 24px;
  text-wrap: balance;
  line-height: 1.1;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .details-grid .event-name {
    padding-bottom: 8px;
  }
}

/* line 94, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .details-grid .timeline-name {
  font-size: 20px;
  line-height: 1.1;
}

/* line 98, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .details-grid .view-name {
  font-size: 20px;
  color: #727272;
  padding-bottom: 24px;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .details-grid .view-name {
    padding-bottom: 8px;
  }
}

/* line 106, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-primary-header--mobile .details-grid .timeline-callout {
  font-size: 14px;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 106, app/assets/stylesheets/external/sub_schedules.scss */
  #external-sub-schedule-primary-header--mobile .details-grid .timeline-callout {
    font-size: 13.5px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* External Schedule Fixed Event Header (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 117, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-fixed-event-header--mobile {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 65px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  z-index: 13;
  transform: translateY(-100%);
}

/* line 128, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-fixed-event-header--mobile.open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0%);
}

/* line 135, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-fixed-event-header--mobile {
  background-color: #fff;
  color: #2f2f2f;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding-left: 24px;
  padding-right: 85px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 145, app/assets/stylesheets/external/sub_schedules.scss */
#external-sub-schedule-fixed-event-header--mobile div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===================================================================== */
/* ===================================================================== */
/* External Hamburger
/* ===================================================================== */
/* ===================================================================== */
/* line 155, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #animated-hamburger-container {
  position: fixed;
  top: 13px;
  right: 13px;
  z-index: 15;
  width: 40px;
  height: 40px;
  background-color: #fff;
}

/* line 165, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #animated-hamburger {
  transform: scale(0.4);
  height: 40px;
  width: 40px;
}

/* ===================================================================== */
/* ===================================================================== */
/* External Nav (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* line 176, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #mobile-nav {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 14;
}

/* line 182, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #backdrop {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  backdrop-filter: blur(5px) brightness(0.7);
  -webkit-backdrop-filter: blur(5px) brightness(0.7);
  opacity: 0;
  transition: all 0.2s;
}

/* line 190, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #mobile-nav #nav-content {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  left: initial;
  width: 80vw;
  background-color: #fff;
  opacity: 0;
  transition: all 0.2s;
}

/* line 199, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #mobile-nav.open {
  pointer-events: auto;
}

/* line 201, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #mobile-nav.open #backdrop {
  opacity: 1;
}

/* line 204, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page #mobile-nav.open #nav-content {
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* External Schedule Overrides
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/external/sub_schedules.scss */
  #sub-schedule-page.external-page #schedule-day-blocks-container {
    margin-left: 400px;
    max-width: 1050px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 222, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page .schedule-day-header {
  top: 65px;
  height: 50px;
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/external/sub_schedules.scss */
  #sub-schedule-page.external-page .schedule-day-header {
    top: 0px;
    height: 60px;
    border-radius: 0px;
    border-bottom: 2px solid #c9c9c9;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 18px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Styling overrides for External presentation
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 241, app/assets/stylesheets/external/sub_schedules.scss */
  #sub-schedule-page.external-page .schedule-day-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* line 246, app/assets/stylesheets/external/sub_schedules.scss */
#sub-schedule-page.external-page .schedule-day-container .content-container, #sub-schedule-page.external-page .schedule-day-container .content-bg-container {
  margin-left: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Share Link Composer
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  top: 0px;
  width: 100vw;
  height: calc(100vh);
  max-width: 800px;
  transition: all 0.5s;
  border-radius: 0px;
  border-width: 0px;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer {
    max-height: initial;
    height: 90vh;
    border-radius: 2rem;
    margin-top: 1.75rem;
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer {
    margin-top: 0px;
    height: calc(100vh - 1.75rem - 1.75rem);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

/* line 30, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer.out-of-viewport {
  transform: translateX(-50%) translateY(calc(100% + 100vh));
}

/* line 34, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer .modal-body {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0px;
  padding-bottom: 200px;
}

@media (min-width: 576px) {
  /* line 34, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer .modal-body {
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer .modal-header {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  /* line 50, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer .modal-header h5.modal-title {
    font-size: 18px;
  }
}

/* line 56, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer #email-composer-container #email-content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/* Edit Panels (Smart Fields & Templates)
======================================================================== */
/* line 97, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer #email-button-preview {
  padding-left: 24px;
}

@media (min-width: 576px) {
  /* line 97, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer #email-button-preview {
    padding-left: 32px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Share Link Composer Email Signature
/* ===================================================================== */
/* ===================================================================== */
/* line 109, app/assets/stylesheets/external/share_link_composer.scss */
#share-link-composer #email-signature {
  padding: 15px 24px;
}

@media (min-width: 576px) {
  /* line 109, app/assets/stylesheets/external/share_link_composer.scss */
  #share-link-composer #email-signature {
    padding: 15px 32px;
  }
}

/* Marketing
======================================================================== */
/* line 8, app/assets/stylesheets/marketing/styles.scss */
.marketing-page {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Max Width Containers
/* ===================================================================== */
/* ===================================================================== */
/* line 17, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-sm {
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-sm .max-width-container-content {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 30px - 30px);
}

@media (min-width: 576px) {
  /* line 19, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-sm .max-width-container-content {
    width: calc(100% - 30px - 30px);
  }
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-sm .max-width-container-content {
    max-width: 810px;
  }
}

/* line 32, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container {
  overflow: hidden;
}

/* line 34, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container .max-width-container-content {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 30px - 30px);
}

@media (min-width: 576px) {
  /* line 34, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container .max-width-container-content {
    width: calc(100% - 30px - 30px);
  }
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container .max-width-container-content {
    max-width: 1100px;
  }
}

/* line 47, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-lg {
  overflow: hidden;
}

/* line 49, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-lg .max-width-container-content {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 30px - 30px);
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-lg .max-width-container-content {
    width: calc(100% - 30px - 30px);
  }
}

@media (min-width: 1200px) {
  /* line 49, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-lg .max-width-container-content {
    max-width: 1250px;
  }
}

/* line 62, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-xl {
  overflow: hidden;
}

/* line 64, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .max-width-container-xl .max-width-container-content {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 30px - 30px);
}

@media (min-width: 576px) {
  /* line 64, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-xl .max-width-container-content {
    width: calc(100% - 30px - 30px);
  }
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .max-width-container-xl .max-width-container-content {
    max-width: 1400px;
  }
}

@media (max-width: 480px) {
  /* line 78, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page section.mobile-full-width .max-width-container-content {
    width: 100%;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sections
/* ===================================================================== */
/* ===================================================================== */
/* line 90, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section {
  position: relative;
  padding: 60px 0px;
}

@media (min-width: 576px) {
  /* line 90, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page section {
    padding: 80px 0px;
  }
}

@media (min-width: 1200px) {
  /* line 90, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page section {
    padding: 100px 0px;
  }
}

/* line 101, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-backdrop-control {
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

/* line 107, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-noise {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
}

/* line 111, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-noise.none {
  opacity: 0;
}

/* line 111, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-noise.light {
  opacity: 0.2;
}

/* line 111, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-noise.medium {
  opacity: 0.35;
}

/* line 111, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-noise.heavy {
  opacity: 0.5;
}

/* Section Header
======================================================================== */
/* line 116, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .section-header-container {
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  /* line 116, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .section-header-container {
    margin-bottom: 80px;
    max-width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 116, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .section-header-container {
    margin-bottom: 100px;
    max-width: 50%;
  }
}

@media (min-width: 576px) {
  /* line 127, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .section-header-container.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 127, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .section-header-container.centered {
    max-width: 60%;
  }
}

@media (max-width: 480px) {
  /* line 138, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page .mobile-full-width .section-header-container {
    margin-left: 30px;
    margin-right: 30px;
  }
}

/* Section Content Container
======================================================================== */
/* line 147, app/assets/stylesheets/marketing/styles.scss */
.marketing-page section .section-content-container {
  position: relative;
  z-index: 4;
}

/* ===================================================================== */
/* ===================================================================== */
/* Text Effects
/* ===================================================================== */
/* ===================================================================== */
/* line 157, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .txt-gradient-1 {
  background-image: linear-gradient(45deg, #242424, #707070);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

/* line 167, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .txt-gradient-2 {
  background-image: linear-gradient(45deg, #c76868, #a231cf);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Icons
/* ===================================================================== */
/* ===================================================================== */
/* line 182, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .feature-icon {
  background: linear-gradient(135deg, #fff 10%, #f8f8f8 100%);
  border-radius: 6px;
  position: relative;
  border: 1px solid #eaeaea;
}

/* line 187, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .feature-icon i {
  display: block;
  color: #8d8d8d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  font-size: 14px;
  font-weight: 300;
}

/* ===================================================================== */
/* ===================================================================== */
/* Frames
/* ===================================================================== */
/* ===================================================================== */
/* line 202, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .dark-glass-frame {
  background-color: #ffffff17;
  border: 1px solid #ffffff2e;
  border-radius: 13px;
  padding: 10px;
  backdrop-filter: blur(15px) brightness(1);
  -webkit-backdrop-filter: blur(15px) brightness(1);
}

/* line 211, app/assets/stylesheets/marketing/styles.scss */
.marketing-page .light-glass-frame {
  background-color: #00000012;
  border: 1px solid #0000000a;
  border-radius: 13px;
  padding: 10px;
  backdrop-filter: blur(15px) brightness(1);
  -webkit-backdrop-filter: blur(15px) brightness(1);
}

/* ===================================================================== */
/* ===================================================================== */
/* Eyebrows
/* ===================================================================== */
/* ===================================================================== */
/* line 225, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-sm {
  font-size: 16px;
  margin-bottom: 15px;
}

/* line 228, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-sm .leading-icon {
  margin-right: 4px;
}

@media (min-width: 1200px) {
  /* line 225, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h3.eyebrow-sm {
    font-size: 18px;
    margin-bottom: 17px;
  }
}

/* line 237, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-md {
  font-size: 18px;
}

@media (min-width: 576px) {
  /* line 237, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h3.eyebrow-md {
    font-size: 19px;
  }
}

/* line 242, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-md .leading-icon {
  margin-right: 5px;
}

/* line 247, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-lg {
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 247, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h3.eyebrow-lg {
    font-size: 22px;
  }
}

/* line 252, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h3.eyebrow-lg .leading-icon {
  margin-right: 6px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Primary Headlines
/* ===================================================================== */
/* ===================================================================== */
/* line 262, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h2.primary-headline {
  font-size: 25px;
  font-weight: 100;
}

@media (max-width: 480px) {
  /* line 262, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline {
    text-wrap: balance;
  }
}

@media (min-width: 576px) {
  /* line 262, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline {
    text-wrap: pretty;
  }
}

@media (min-width: 1200px) {
  /* line 262, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline {
    font-size: 33px;
  }
}

/* line 276, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h2.primary-headline-lg {
  font-size: 30px;
  font-weight: 100;
}

@media (max-width: 480px) {
  /* line 276, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline-lg {
    text-wrap: balance;
  }
}

@media (min-width: 576px) {
  /* line 276, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline-lg {
    font-size: 45px;
    text-wrap: pretty;
  }
}

@media (min-width: 1200px) {
  /* line 276, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h2.primary-headline-lg {
    font-size: 50px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Headlines
/* ===================================================================== */
/* ===================================================================== */
/* line 296, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h4.sub-headline-sm {
  font-weight: 100;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 296, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h4.sub-headline-sm {
    text-wrap: pretty;
  }
}

/* line 304, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h4.sub-headline-md {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 100;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 304, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h4.sub-headline-md {
    font-size: 20px;
    line-height: 28px;
    text-wrap: pretty;
  }
}

/* line 317, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h4.sub-headline {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 100;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 317, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h4.sub-headline {
    font-size: 24px;
    text-wrap: pretty;
  }
}

/* line 328, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h4.sub-headline-lg {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 100;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 328, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h4.sub-headline-lg {
    font-size: 34px;
    text-wrap: pretty;
  }
}

/* line 339, app/assets/stylesheets/marketing/styles.scss */
.marketing-page h4.sub-headline-xl {
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 100;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 339, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page h4.sub-headline-xl {
    font-size: 44px;
    text-wrap: pretty;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Paragraph Descriptions
/* ===================================================================== */
/* ===================================================================== */
@media (max-width: 480px) {
  /* line 355, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page p.desc {
    text-wrap: balance;
  }
}

@media (min-width: 1200px) {
  /* line 355, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page p.desc {
    font-size: 16px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Buttons
/* ===================================================================== */
/* ===================================================================== */
/* line 369, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button {
  font-weight: 600;
}

/* line 371, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button i {
  margin-left: 10px;
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Learn More Button
/* ===================================================================== */
/* ===================================================================== */
/* line 382, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button.learn-more-button {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background-color: transparent;
  border-color: transparent;
  display: inline-flex;
  align-items: center;
  transition: all 0.15s ease-out;
  transform-origin: left center;
}

/* line 391, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button.learn-more-button .icon-container {
  position: relative;
  border-radius: 200px;
}

/* line 395, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button.learn-more-button .icon-container i {
  display: block;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media (min-width: 1200px) {
  /* line 401, app/assets/stylesheets/marketing/styles.scss */
  .marketing-page button.learn-more-button:hover {
    transform: scale(1.1);
  }
}

/* line 408, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button.learn-more-button.btn-md {
  border-radius: 10px;
  padding: 5px;
  padding-left: 15px;
  font-size: 16px;
  transition: all 0.15s ease-out;
  transform-origin: left center;
}

/* line 415, app/assets/stylesheets/marketing/styles.scss */
.marketing-page button.learn-more-button.btn-md .icon-container {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  margin-left: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Nav (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop {
  background-color: #ffffff78;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  z-index: 15;
  top: 0px;
  left: 0px;
  right: 0px;
  transition: all 1.1s ease;
  border-bottom: 1px solid #f1f1f1;
}

/* line 20, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container {
  width: 100%;
  max-width: 1298px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
  height: 65px;
  position: relative;
  z-index: 15;
}

/* line 34, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container-menu {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
}

/* line 41, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container-bumper {
  flex: 0 0 300px;
}

/* line 45, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container-bumper .btn {
  border-radius: 10px;
  font-size: 14.5px;
  padding: 8px 12px;
}

/* line 51, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .login-button {
  border: 1px solid #15384a47;
  color: #15384a;
  transition: all 0.2s;
  background: linear-gradient(135deg, #5961f900 10%, #ee9ae500 100%);
}

/* line 58, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .login-button:hover {
  color: #fff;
  border-color: #fff;
  background: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
}

/* line 65, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .logo {
  width: 130px;
}

/* line 71, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .tagline {
  color: #7b7b7b;
  font-size: 12px;
  margin-left: 25px;
}

/* Links
======================================================================== */
/* line 79, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  transition: all 0.3s;
  color: #727272;
}

/* line 92, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link .fa-chevron-down {
  margin-left: 12px;
  position: relative;
  top: -3px;
  font-size: 9px;
  transition: all 0.3s;
}

/* line 101, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link .target-area {
  display: block;
  padding: 11px 18px;
  border: 1px solid transparent;
  border-radius: 12px;
}

/* line 108, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link .target-area:hover,
.marketing-page #nav-desktop .nav-desktop-container .link.open .target-area {
  cursor: pointer;
  border-color: #e4e4e4;
}

/* line 112, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link .target-area:hover .fa-chevron-down,
.marketing-page #nav-desktop .nav-desktop-container .link.open .target-area .fa-chevron-down {
  transform: rotate(180deg);
}

/* line 118, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link.active {
  background-color: #fff;
  color: #15384a;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 122, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .nav-desktop-container .link.active .fa-chevron-down {
  transform: rotate(180deg);
}

/* ===================================================================== */
/* ===================================================================== */
/* Themes
/* ===================================================================== */
/* ===================================================================== */
/* line 132, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='default'] {
  background-color: #fffffff5;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* line 138, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='white'] {
  background-color: #fffffff5;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

/* line 145, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] {
  background-color: #000000db;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-bottom-color: #222222;
}

/* line 150, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] img.logo {
  filter: invert(100%) sepia(4%) saturate(423%) hue-rotate(278deg) brightness(114%) contrast(100%);
}

/* line 153, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] .link {
  color: #fff;
}

/* line 156, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] .nav-desktop-container-bumper .btn.login-button {
  border-color: #bebebe;
  color: #bebebe;
}

/* line 159, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] .nav-desktop-container-bumper .btn.login-button:hover {
  color: #fff;
}

/* line 163, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] .nav-desktop-container-bumper .btn.signup-button,
.marketing-page #nav-desktop[data-theme='black'] .nav-desktop-container-bumper .btn.go-to-app-button {
  background-color: #fff;
  border-color: #fff;
  color: #2f2f2f;
}

/* line 169, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='black'] .feature-group-header h3 {
  color: #727272;
}

/* line 174, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] {
  background-color: #2f2752db;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* line 178, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] img.logo {
  filter: invert(100%) sepia(4%) saturate(423%) hue-rotate(278deg) brightness(114%) contrast(100%);
}

/* line 181, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] .link {
  color: #fff;
}

/* line 184, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] .nav-desktop-container-bumper .btn.login-button {
  border-color: #ffffff4a;
  color: #d7d7d7;
}

/* line 187, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] .nav-desktop-container-bumper .btn.login-button:hover {
  color: #fff;
}

/* line 191, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop[data-theme='dark-purple'] .nav-desktop-container-bumper .btn.signup-button,
.marketing-page #nav-desktop[data-theme='dark-purple'] .nav-desktop-container-bumper .btn.go-to-app-button {
  background-color: #1a103d;
  border-color: #8675d8;
  color: #ffffff;
}

/* Dropdown
======================================================================== */
/* line 201, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop-dropdown {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 3;
  transform: translateY(calc(-100% + -30px));
  transition: all 0.4s;
}

/* line 209, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop-dropdown.open {
  transform: translateY(0px);
}

/* line 212, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop-dropdown #nav-desktop {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* ===================================================================== */
/* ===================================================================== */
/* Nav (Desktop) Section Container
/* ===================================================================== */
/* ===================================================================== */
/* line 223, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section {
  position: fixed;
  top: 79px;
  width: 100%;
  z-index: 3;
  transform: translateY(calc(-200%));
  transition: all 0.6s;
  overflow: hidden;
}

/* line 235, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section.open {
  transform: translateY(0px);
}

/* line 239, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section .main-section {
  position: relative;
  z-index: 4;
}

/* line 244, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section .curved-clip {
  height: 85px;
  clip-path: ellipse(57% 91% at 50% -26%);
  padding-bottom: 65px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 252, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section-container {
  width: 100%;
  max-width: 1385px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 36px;
  padding-bottom: 15px;
}

/* Link Block
======================================================================== */
/* line 266, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block {
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  transition: all 0.15s;
}

/* line 274, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block .link-name {
  font-weight: 600;
  font-size: 18px;
  display: block;
  color: #525252;
}

@media (min-width: 1200px) {
  /* line 274, app/assets/stylesheets/marketing/nav_desktop.scss */
  .marketing-page #nav-desktop .sub-menu-content .main-link-block .link-name {
    font-size: 15px;
  }
}

/* line 283, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block p {
  font-size: 12.5px;
  font-weight: normal;
  color: #5f5f5f;
  opacity: 0.6;
}

/* line 291, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 296, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block .icon-container {
  width: 32px;
  height: 32px;
  margin-right: 18px;
  position: relative;
}

/* line 301, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block .icon-container i {
  font-size: 18px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Group Header
/* ===================================================================== */
/* ===================================================================== */
/* line 311, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .feature-group-header {
  padding: 15px;
  padding-top: 0px;
}

/* line 314, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .feature-group-header h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Resource Header
/* ===================================================================== */
/* ===================================================================== */
/* line 326, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link {
  border-radius: 10px;
  padding: 20px;
}

/* line 329, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link i {
  margin-right: 5px;
}

/* line 332, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link .link-name {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}

/* line 336, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link .link-name.large {
  font-size: 17px;
}

/* line 340, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link p {
  opacity: 0.9;
  font-size: 14.5px;
  line-height: 20px;
  margin-bottom: 0px;
}

/* line 347, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-content .main-link-block.resource-link:hover .inline-feature-image {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  transform: scale(1.05);
}

/* ===================================================================== */
/* ===================================================================== */
/* Inline Feature Image
/* ===================================================================== */
/* ===================================================================== */
/* line 362, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .inline-feature-image {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background-color: #c4c4c4;
  margin-bottom: 20px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
  transition: all 0.2s;
}

/* line 374, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .inline-feature-image img {
  width: 100%;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Link Block, Column Style
/* ===================================================================== */
/* ===================================================================== */
/* line 385, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section .main-link-block.column-style {
  background-color: #f6f6f6;
  margin-left: 15px;
  margin-right: 15px;
  height: 100%;
  text-align: center;
  display: block;
}

/* line 392, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section .main-link-block.column-style p {
  max-width: initial;
}

/* line 395, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page .nav-desktop-section .main-link-block.column-style i {
  margin-right: 0px;
  font-size: 35px;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sticky Nav
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Blur
/* ===================================================================== */
/* ===================================================================== */
/* line 417, app/assets/stylesheets/marketing/nav_desktop.scss */
#marketing-page-desktop-nav-blur-container {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 55px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: #00000059;
  z-index: 10;
  transition: all 0.3s;
}

/* line 431, app/assets/stylesheets/marketing/nav_desktop.scss */
body.nav-desktop-section-open #marketing-page-desktop-nav-blur-container {
  visibility: visible;
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Nav Sub Menus
/* ===================================================================== */
/* ===================================================================== */
/* line 442, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  top: 40px;
  padding-top: 30px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.15s ease;
  width: 100vw;
  max-width: 1300px;
}

/* line 456, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container.narrow {
  max-width: 900px;
}

/* line 460, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .sub-menu-content {
  background-color: #fff;
  box-shadow: 0px 8px 15px 5px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 10px;
  min-width: 600px;
  text-align: left;
  transition: all 0.3s;
  transform: translateY(10px);
}

/* Open State
======================================================================== */
/* line 474, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container.open {
  pointer-events: auto;
  opacity: 1;
}

/* line 477, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container.open .sub-menu-content {
  transform: translateY(0px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Use Cases Cards
/* ===================================================================== */
/* ===================================================================== */
/* line 487, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container {
  display: flex;
}

/* line 491, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card {
  background-size: cover;
  width: 280px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e1e1e1;
  transition: all 0.2s;
}

/* line 502, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card:hover {
  transform: scale(1.03);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 506, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card.intro {
  margin-left: 0px;
  flex-grow: 1;
  display: block;
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0px;
  margin-right: 25px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

/* line 520, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card.intro:hover {
  transform: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* line 525, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card.intro h4 {
  color: #848484;
  font-weight: 100;
}

/* line 529, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card.intro p {
  opacity: 0.8;
  color: #15384a;
  font-size: 14.5px;
}

/* line 535, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  background-size: 103px;
  background-color: #0000007a;
}

/* line 543, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card h4 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0px;
  padding: 25px;
}

/* line 550, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card p {
  color: #15384a;
  flex-grow: 1;
  font-weight: 600;
  opacity: 0.6;
  line-height: 18px;
  padding: 0px 20px 10px 25px;
}

/* line 560, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card .padded-content {
  position: relative;
  background-size: cover;
  padding: 15px;
  padding-top: 100px;
}

/* line 565, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card .padded-content button {
  position: relative;
  z-index: 2;
}

/* line 571, app/assets/stylesheets/marketing/nav_desktop.scss */
.marketing-page #nav-desktop .sub-menu-container .use-case-cards-container .use-case-card img {
  width: 100%;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Show/Hide
/* ===================================================================== */
/* ===================================================================== */
/* Closed
======================================================================== */
/* line 12, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu {
  transform: scale(0.85);
  transform-origin: top center;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
}

/* line 19, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-blur {
  transform: translateX(calc(100% + 30px));
  transition: opacity 0.3s;
  opacity: 0;
}

/* Open
======================================================================== */
/* line 28, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile.open #nav-mobile-menu {
  transform: scale(1);
  pointer-events: auto;
  opacity: 1;
}

/* line 33, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile.open #nav-mobile-blur {
  transform: translateX(0%);
  opacity: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Top Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 47, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-bar {
  background-color: #ffffffe8;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 65px;
  z-index: 15;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 1.1s ease;
}

/* line 65, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-bar button.sign-up, .marketing-page #nav-mobile #nav-mobile-bar button.go-to-app {
  padding: 10px 10px;
  border-radius: 5px;
  line-height: 1;
}

/* line 73, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .logo {
  display: block;
  width: 125px;
}

/* line 79, app/assets/stylesheets/marketing/nav_mobile.scss */
.mobile-animated-hamburger-container {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 85, app/assets/stylesheets/marketing/nav_mobile.scss */
.mobile-animated-hamburger-container #target-expander {
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 100px;
  height: 100px;
}

/* line 94, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #animated-hamburger-container {
  margin-left: 13px;
}

/* line 98, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #animated-hamburger,
.mobile-animated-hamburger {
  transform: scale(0.4);
  height: 35px;
  width: 35px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Themes
/* ===================================================================== */
/* ===================================================================== */
/* line 110, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='white'] #nav-mobile-bar {
  background-color: #ffffffe8;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 116, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar {
  background-color: #000000b3;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 121, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar .logo {
  filter: invert(100%) sepia(4%) saturate(423%) hue-rotate(278deg) brightness(114%) contrast(100%);
}

/* line 124, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar #animated-hamburger-container {
  box-shadow: 0px 0px 7px 1px rgba(255, 255, 255, 0.54);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(255, 255, 255, 0.54);
}

/* line 128, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar #animated-hamburger-container #animated-hamburger span {
  background: #fff;
}

/* line 131, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar .btn.sign-up, .marketing-page #nav-mobile[data-theme='black'] #nav-mobile-bar .btn.go-to-app {
  background-color: #000000;
  border-color: #999999;
  color: #ffffff;
}

/* line 137, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar {
  background-color: #2f2752db;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 142, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar .logo {
  filter: invert(100%) sepia(4%) saturate(423%) hue-rotate(278deg) brightness(114%) contrast(100%);
}

/* line 145, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar #animated-hamburger-container {
  box-shadow: 0px 0px 7px 1px #9f8fefb5;
  -webkit-box-shadow: 0px 0px 7px 1px #9f8fefb5;
}

/* line 149, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar #animated-hamburger-container #animated-hamburger span {
  background: #fff;
}

/* line 152, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar .btn.sign-up, .marketing-page #nav-mobile[data-theme='dark-purple'] #nav-mobile-bar .btn.go-to-app {
  background-color: #1a103d;
  border-color: #8675d8;
  color: #ffffff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Nav Mobile Menu
/* ===================================================================== */
/* ===================================================================== */
/* line 164, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu {
  position: fixed;
  top: 65px;
  right: 0px;
  width: 100vw;
  height: calc(100vh - 65px);
  overflow: scroll;
  background-color: #fff;
  z-index: 10;
  padding: 20px;
  padding-bottom: 150px;
}

@media (min-width: 576px) {
  /* line 164, app/assets/stylesheets/marketing/nav_mobile.scss */
  .marketing-page #nav-mobile #nav-mobile-menu {
    padding: 30px;
    width: 500px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Accordion Blocks
/* ===================================================================== */
/* ===================================================================== */
/* line 187, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block {
  position: relative;
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 15px;
  border: 1px solid #15384a1a;
  overflow: hidden;
  transition: all 0.2s;
}

/* line 195, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.login-block {
  background-image: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
  border-color: #fff;
}

/* line 198, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.login-block .title {
  color: #fff;
}

/* line 204, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block .accordion-header {
  position: relative;
  transform-origin: left center;
  padding: 30px 20px;
  transition: all 0.2s;
}

/* line 211, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block .title {
  font-size: 18px;
  font-weight: 700;
  color: #2f2f2f;
}

/* line 217, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block .title i {
  font-size: 11px;
  transition: all 0.25s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}

/* line 224, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block .block-header-image {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 90px;
  border-top-left-radius: 10px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 7px 1px #0000002e;
  -webkit-box-shadow: 0px 0px 7px 1px #0000002e;
  pointer-events: none;
  transition: all 0.2s ease;
  transition-delay: 0.4s;
}

/* Accordion Content
======================================================================== */
/* line 240, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block .accordion-content {
  display: none;
}

/* Accordion Block Open
======================================================================== */
/* line 250, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.open {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 255, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.open .accordion-header {
  transform: scale(1.1);
}

/* line 265, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.open .title i {
  transform: rotate(180deg) translateY(50%);
}

/* line 270, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .accordion-block.open .block-header-image {
  transform: translateX(calc(100% + 10px));
  transition-delay: 0s;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Group Header
/* ===================================================================== */
/* ===================================================================== */
/* line 280, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .feature-group-header {
  border-top: 1px solid #eeeeee;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 287, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-menu .feature-group-header h3 {
  margin-bottom: 0px;
  font-size: 19px;
  color: #2f2f2f;
}

/* ===================================================================== */
/* ===================================================================== */
/* Inline Feature Image
/* ===================================================================== */
/* ===================================================================== */
/* line 299, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .inline-feature-image {
  width: 145px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -63px;
}

/* line 307, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .inline-feature-image img {
  width: 100%;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Link Block
/* ===================================================================== */
/* ===================================================================== */
/* line 318, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block {
  border-radius: 8px;
  margin-bottom: 25px;
  display: flex;
  transition: all 0.15s;
  padding-left: 5px;
}

@media (min-width: 576px) {
  /* line 318, app/assets/stylesheets/marketing/nav_mobile.scss */
  .marketing-page #nav-mobile .accordion-content .main-link-block {
    max-width: initial;
  }
}

/* line 327, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block .feature-icon {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

/* line 332, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block .link-name {
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
  margin-top: 4px;
  color: #2f2f2f;
}

/* line 340, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block p {
  font-size: 15px;
  line-height: 19px;
  color: #727272;
  opacity: 0.8;
  margin-top: 15px;
}

/* line 349, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block.resource-link {
  border-radius: 0px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0px;
  padding-left: 25px;
  padding-right: 100px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #eeeeee;
}

/* line 359, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block.resource-link .link-name {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 362, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .main-link-block.resource-link .link-name i {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Other Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 373, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile #nav-mobile-blur {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 8;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Use Cases Cards
/* ===================================================================== */
/* ===================================================================== */
/* line 385, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card {
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  background-size: cover;
}

/* line 392, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card h4 {
  font-weight: 800;
  font-size: 16px;
  display: block;
  color: #15384a;
}

/* line 398, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card p {
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  color: #15384abd;
  font-size: 14px;
  line-height: 18px;
}

/* line 406, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card button {
  display: none;
}

/* line 409, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card.intro {
  margin-left: 0px;
  flex-grow: 1;
}

/* line 414, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .accordion-content .use-case-card .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  background-size: 103px;
}

/* line 423, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .use-case-card .padded-content {
  position: relative;
  height: 110px;
  background-size: cover;
  border-radius: 5px;
}

/* line 428, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .use-case-card .padded-content h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0px;
  margin-bottom: 15px;
}

/* line 433, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .use-case-card .padded-content h4 i {
  margin-right: 5px;
}

/* line 437, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .use-case-card .padded-content p {
  display: none;
}

/* line 442, app/assets/stylesheets/marketing/nav_mobile.scss */
.marketing-page #nav-mobile .use-case-card img {
  width: 100%;
  display: block;
}

/* ===================================================================== */
/* ===================================================================== */
/* Global Rotate Container
/* ===================================================================== */
/* ===================================================================== */
/* line 12, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container.transform-origin-top-left {
  position: relative;
  height: auto;
  aspect-ratio: 1 / 1;
  transform-style: preserve-3d;
  transform-origin: top left;
}

/* line 18, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container.transform-origin-top-left .collage-item {
  transform-origin: top left;
}

/* line 22, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container.transform-origin-center {
  width: 100%;
  height: 100%;
  transform-origin: center;
}

/* line 27, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container.transform-origin-center .collage-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Item
/* ===================================================================== */
/* ===================================================================== */
/* line 39, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item {
  position: absolute;
}

/* Default White Card
======================================================================== */
/* line 46, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card {
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 5px;
  -webkit-box-shadow: 22px 23px 21px 1px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  overflow: hidden;
}

/* line 53, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.level-2 {
  box-shadow: 45px 45px 43px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 45px 45px 43px 1px rgba(0, 0, 0, 0.25);
}

/* Default White Card (for Activity)
======================================================================== */
/* line 61, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity {
  padding: 10px;
}

@media (min-width: 576px) {
  /* line 61, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
  .marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity {
    padding: 15px;
  }
}

/* line 67, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header {
  display: flex;
  align-items: center;
}

/* line 70, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: 1px solid transparent;
  margin-right: 7px;
}

/* line 77, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  font-size: 11px;
}

/* line 83, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header h3 {
  font-size: 13px;
  margin-bottom: 0px;
  color: #15384a;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
  .marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header h3 {
    font-size: 14.5px;
  }
}

/* line 92, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.green {
  background-color: #c7f3c7;
  border-color: #4fbc4f;
}

/* line 95, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.green i {
  color: green;
}

/* line 99, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.purple {
  background-color: #ffe4ff;
  border-color: #c883c8;
}

/* line 102, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.purple i {
  color: purple;
}

/* line 106, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.blue {
  background-color: #def1ff;
  border-color: #4380ae;
}

/* line 109, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.blue i {
  color: #063153;
}

/* line 113, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.orange {
  background-color: #ffedcc;
  border-color: #d78b00;
}

/* line 116, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-header .icon-container.orange i {
  color: #d68b00;
}

/* line 121, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item .default-white-card.for-activity .activity-info {
  padding-top: 7px;
  display: none;
}

/* Base Screenshot
======================================================================== */
/* line 129, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item-base-screenshot {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
}

/* line 134, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .global-rotate-container .collage-item-base-screenshot img {
  display: block;
}

/* Rounded Image
======================================================================== */
/* line 141, app/assets/stylesheets/marketing/3d_collages/base_styles.scss */
.marketing-page .threeD-collage-container .collage-item img.rounded-image {
  border-radius: 5px;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero {
  height: 500px;
  transform: translateX(19vw);
  perspective-origin: top;
  perspective: 536vw;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero {
    height: 55vh;
    transform: translateX(19vw) translateY(2vh);
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero {
    transform: translateX(6vw) translateY(7vh);
    perspective: 300vw;
  }
}

/* line 16, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .global-rotate-container {
  width: 212vw;
  transform: rotateX(34deg) rotateZ(2deg) scale(1);
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero .global-rotate-container {
    width: 138vw;
  }
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero .global-rotate-container {
    width: 78vw;
    transform: rotateX(23deg) rotateZ(2deg) rotateY(-10deg) scale(1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Items
/* ===================================================================== */
/* ===================================================================== */
/* Base Screenshot
======================================================================== */
/* line 36, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-base-screenshot {
  width: 100%;
  transform: translateX(0vw);
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero .collage-item-base-screenshot {
    transform: translateX(0vw);
  }
}

/* line 42, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-base-screenshot img {
  width: 100%;
}

/* New Lead
======================================================================== */
/* line 49, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead {
  width: 19%;
  left: -4%;
  top: 20%;
}

/* line 53, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead img {
  width: 100%;
  display: block;
}

/* line 57, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead p {
  font-size: 10px;
  line-height: 13px;
}

/* line 61, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead .new-lead-card {
  margin-top: 5px;
}

/* New Lead 2
======================================================================== */
/* line 68, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead-2 {
  width: 14%;
  left: 34%;
  top: -3%;
}

@media (min-width: 576px) {
  /* line 68, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead-2 {
    width: 17%;
    left: 40%;
  }
}

/* line 76, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead-2 img {
  width: 100%;
  display: block;
}

/* line 80, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead-2 p {
  font-size: 10px;
  line-height: 13px;
}

/* line 84, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-new-lead-2 .new-lead-card {
  margin-top: 5px;
}

/* Signed Contract
======================================================================== */
/* line 91, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-signed-contract {
  left: 5.5%;
  top: 50%;
}

@media (min-width: 576px) {
  /* line 91, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
  .marketing-page .threeD-collage-container.sales-hero .collage-item-signed-contract {
    left: 25%;
    top: 49%;
  }
}

/* line 98, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-signed-contract .signature {
  font-family: Tangerine;
}

/* Signed Contract
======================================================================== */
/* line 110, app/assets/stylesheets/marketing/3d_collages/sales_hero.scss */
.marketing-page .threeD-collage-container.sales-hero .collage-item-payment {
  left: 16.5%;
  top: 27%;
}

/* line 1, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero {
  height: 500px;
  transform: translateX(5vw);
  perspective-origin: top;
  perspective: 536vw;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero {
    height: 55vh;
    transform: translateX(5vw) translateY(2vh);
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero {
    transform: translateX(5vw) translateY(7vh);
    perspective: 300vw;
  }
}

/* line 16, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .global-rotate-container {
  width: 150vw;
  transform: rotateX(34deg) rotateZ(2deg) scale(1);
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .global-rotate-container {
    width: 138vw;
  }
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .global-rotate-container {
    width: 42vw;
    transform: rotateX(23deg) rotateZ(2deg) rotateY(-10deg) scale(1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Items
/* ===================================================================== */
/* ===================================================================== */
/* Base Screenshot
======================================================================== */
/* line 36, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-base-screenshot {
  display: none;
  width: 100%;
  transform: translateX(0vw);
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .collage-item-base-screenshot {
    transform: translateX(0vw);
  }
}

/* line 43, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-base-screenshot img {
  width: 100%;
}

/* New Lead
======================================================================== */
/* line 50, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-new-lead {
  width: 22%;
  left: 3%;
  top: 13%;
  transform: translateZ(10px);
}

/* line 55, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-new-lead img {
  width: 100%;
  display: block;
}

/* line 59, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-new-lead p {
  font-size: 10px;
  line-height: 13px;
}

/* line 63, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-new-lead .new-lead-card {
  margin-top: 5px;
}

/* Pipeline Steps
======================================================================== */
/* line 70, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-pipeline-steps {
  width: 100%;
  left: 0%;
  top: 0%;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .collage-item-pipeline-steps {
    width: 100%;
  }
}

/* line 77, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-pipeline-steps img {
  width: 100%;
  display: block;
}

/* Lead Form
======================================================================== */
/* line 85, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-form {
  width: 70%;
  left: 35%;
  top: 17%;
}

@media (min-width: 576px) {
  /* line 85, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .collage-item-lead-form {
    width: 50%;
  }
}

/* line 92, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-form img {
  width: 100%;
  display: block;
}

/* line 96, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-form .default-white-card {
  padding: 20px;
}

/* Lead Details
======================================================================== */
/* line 103, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-details {
  width: 33%;
  left: -1%;
  top: 38%;
}

@media (min-width: 576px) {
  /* line 103, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .collage-item-lead-details {
    width: 50%;
  }
}

/* line 110, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-details img {
  width: 100%;
  display: block;
}

/* line 114, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-lead-details .default-white-card {
  padding: 20px;
}

/* Signed Contract
======================================================================== */
/* line 121, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-signed-contract {
  display: none;
  left: 5.5%;
  top: 50%;
}

@media (min-width: 576px) {
  /* line 121, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
  .marketing-page .threeD-collage-container.leads-hero .collage-item-signed-contract {
    left: 25%;
    top: 49%;
  }
}

/* line 129, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-signed-contract .signature {
  font-family: Tangerine;
}

/* Signed Contract
======================================================================== */
/* line 141, app/assets/stylesheets/marketing/3d_collages/leads_hero.scss */
.marketing-page .threeD-collage-container.leads-hero .collage-item-payment {
  display: none;
  left: 16.5%;
  top: 27%;
}

/* line 1, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
.marketing-page .threeD-collage-container.email-hero {
  height: 400px;
  transform: translateX(5vw);
  perspective-origin: top;
  perspective: 729vw;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
  .marketing-page .threeD-collage-container.email-hero {
    height: 50vh;
    transform: translateX(0vw) translateY(0vh);
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
  .marketing-page .threeD-collage-container.email-hero {
    transform: translateX(0vw) translateY(0vh);
    perspective: 300vw;
  }
}

/* line 16, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
.marketing-page .threeD-collage-container.email-hero .global-rotate-container {
  width: 197vw;
  transform: rotateX(23deg) rotateY(341deg) rotateZ(3deg) scale(1);
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
  .marketing-page .threeD-collage-container.email-hero .global-rotate-container {
    width: 138vw;
  }
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
  .marketing-page .threeD-collage-container.email-hero .global-rotate-container {
    width: 89vw;
    transform: rotateX(23deg) rotateZ(2deg) rotateY(-10deg) scale(1) translateY(3vh);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Items
/* ===================================================================== */
/* ===================================================================== */
/* Inbox
======================================================================== */
/* line 36, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
.marketing-page .threeD-collage-container.email-hero .collage-item-inbox {
  width: 100%;
  left: 0%;
  top: 0%;
}

@media (min-width: 576px) {
  /* line 36, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
  .marketing-page .threeD-collage-container.email-hero .collage-item-inbox {
    width: 100%;
  }
}

/* line 43, app/assets/stylesheets/marketing/3d_collages/email_hero.scss */
.marketing-page .threeD-collage-container.email-hero .collage-item-inbox img {
  width: 100%;
  display: block;
}

/* line 1, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container--portal-default-positioner {
  height: 85vh;
  overflow: hidden;
  position: relative;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
  .marketing-page .threeD-collage-container--portal-default-positioner {
    height: 80vh;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
}

/* line 13, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default {
  perspective-origin: bottom right;
  perspective: 200vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 100%;
  aspect-ratio: 6 / 4;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
  .marketing-page .threeD-collage-container.portal-default {
    perspective: 85vw;
  }
}

/* line 27, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .global-rotate-container {
  width: 100%;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(22%) scale(0.8);
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
  .marketing-page .threeD-collage-container.portal-default .global-rotate-container {
    width: 100%;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Items
/* ===================================================================== */
/* ===================================================================== */
/* line 41, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-header {
  top: 0px !important;
}

/* Base Screenshot
======================================================================== */
/* line 48, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-base-screenshot {
  width: 100%;
  transform: translateX(0vw);
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
  .marketing-page .threeD-collage-container.portal-default .collage-item-base-screenshot {
    transform: translateX(0vw);
  }
}

/* line 54, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-base-screenshot img {
  width: 100%;
}

/* New Lead
======================================================================== */
/* line 61, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-new-lead {
  width: 19%;
}

/* line 65, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-new-lead img {
  width: 100%;
  display: block;
}

/* line 69, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-new-lead p {
  font-size: 10px;
  line-height: 13px;
}

/* line 73, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-new-lead .new-lead-card {
  margin-top: 3px;
  padding-top: 15px;
  padding-bottom: 15px;
  transform: translateX(10%);
}

/* Signed Contract
======================================================================== */
/* line 83, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-signed-contract {
  padding: 15px;
}

/* line 87, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-signed-contract .default-white-card {
  padding: 15px;
}

/* line 90, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-signed-contract .signature {
  font-family: Tangerine;
}

/* line 97, app/assets/stylesheets/marketing/3d_collages/portal_default.scss */
.marketing-page .threeD-collage-container.portal-default .collage-item-new-lead h3, .marketing-page .threeD-collage-container.portal-default .collage-item-signed-contract h3 {
  font-size: 14px;
}

/* line 1, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  perspective-origin: top;
  perspective: 135vw;
}

/* line 19, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .global-rotate-container {
  width: 100%;
  transform: rotateX(0deg) rotateY(10deg) rotateZ(0deg) translateX(11%) translateY(1%) scale(1.1);
}

@media (min-width: 576px) {
  /* line 19, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .global-rotate-container {
    width: 100%;
    transform: rotateX(0deg) rotateY(10deg) rotateZ(0deg) translateX(11%) translateY(0%) scale(1);
  }
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .global-rotate-container {
    width: 100%;
    transform: rotateX(0deg) rotateY(10deg) rotateZ(0deg) translateX(-17%) translateY(12%) scale(1.1);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Collage Items
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item {
  transform-origin: left center !important;
}

/* line 39, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item .default-white-card.for-activity {
  border-radius: 200px;
}

/* Viewed Proposal
======================================================================== */
/* line 46, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item-viewed-proposal {
  left: 0%;
  top: -54vw;
  transform: scale(1);
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-viewed-proposal {
    top: -38vw;
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-viewed-proposal {
    left: -3%;
    top: -18vw;
  }
}

/* Approved Quote
======================================================================== */
/* line 62, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item-approved-quote {
  left: 0%;
  top: -38vw;
  transform: scale(1);
}

@media (min-width: 576px) {
  /* line 62, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-approved-quote {
    top: -30vw;
  }
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-approved-quote {
    top: -12vw;
  }
}

/* Signed Contract
======================================================================== */
/* line 78, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item-signed-contract {
  left: 0%;
  top: -22vw;
  transform: scale(1);
}

@media (min-width: 576px) {
  /* line 78, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-signed-contract {
    top: -22vw;
  }
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-signed-contract {
    left: 2%;
    top: -6vw;
  }
}

/* Paid Deposit
======================================================================== */
/* line 93, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
.marketing-page .threeD-collage-container.proposal-collage .collage-item-paid-deposit {
  left: 0%;
  top: -6vw;
  transform: scale(1);
}

@media (min-width: 576px) {
  /* line 93, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-paid-deposit {
    top: -14vw;
  }
}

@media (min-width: 1200px) {
  /* line 93, app/assets/stylesheets/marketing/3d_collages/proposal_collage.scss */
  .marketing-page .threeD-collage-container.proposal-collage .collage-item-paid-deposit {
    left: 5%;
    top: 0vw;
  }
}

/* line 1, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container {
  position: relative;
}

/* line 9, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0.2;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
}

/* line 16, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .radius-container,
.marketing-page .feature-hero-container.radius-container {
  background-color: #fff;
  overflow: hidden;
}

/* line 27, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .radius-container.for-bottom-stroke {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #0000005c;
  transform: translateY(3px);
  opacity: 0.2;
}

/* line 34, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .text-based-info {
  padding: 0px 0px 60px 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

@media (min-width: 1034px) {
  /* line 34, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .text-based-info {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .text-based-info {
    padding-top: 35px;
    padding-bottom: 100px;
    max-width: 1200px;
  }
}

/* line 51, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .text-based-info .row.with-shadow {
  box-shadow: 0px 14px 9px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 14px 9px 1px rgba(0, 0, 0, 0.12);
  background-color: #f8f7f5cf;
  border-radius: 15px;
  padding: 40px 35px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .text-based-info .row.with-shadow {
    padding: 55px 50px;
  }
}

/* line 64, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .eyebrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 20px;
  color: #8d8d8d;
  border-radius: 6px;
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .eyebrow {
    flex-direction: row;
    justify-content: start;
    margin-left: unset;
    margin-right: unset;
    font-size: 29px;
    font-weight: 200;
  }
}

/* line 85, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .eyebrow .feature-icon {
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}

/* line 89, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .eyebrow .feature-icon i {
  font-size: 17px;
}

@media (min-width: 1200px) {
  /* line 89, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .eyebrow .feature-icon i {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  /* line 85, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .eyebrow .feature-icon {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
  }
}

/* line 105, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .leader {
  display: block;
  text-transform: uppercase;
  font-weight: 800;
  color: #03ab86;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  /* line 105, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .leader {
    margin-bottom: 8px;
  }
}

/* line 114, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .leader i {
  margin-right: 4px;
}

/* line 119, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container h1 {
  color: #375767;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 119, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container h1 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 119, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container h1 {
    font-size: 43px;
  }
}

/* line 133, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .copy p {
  color: #5e6c71;
  color: #375767;
  font-size: 17px;
  font-weight: 100;
}

@media (min-width: 576px) {
  /* line 133, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .copy p {
    font-size: 18px;
    max-width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  /* line 133, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .copy p {
    font-size: 21px;
    line-height: 30px;
    max-width: 700px;
  }
}

/* line 151, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .visual-column {
  display: none;
  text-align: right;
}

@media (min-width: 1200px) {
  /* line 151, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .visual-column {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Hero Format
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 164, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format h1 {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 164, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format h1 {
    font-size: 77px;
  }
}

/* line 173, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format .copy p {
  color: #5e6c71;
}

@media (min-width: 1200px) {
  /* line 173, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format .copy p {
    font-size: 25px;
    margin-bottom: 55px;
  }
}

@media (min-width: 1200px) {
  /* line 181, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format .text-based-info {
    max-width: 1090px;
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

/* line 189, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format img.hero-image-desktop {
  width: 90%;
  max-width: 1400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 189, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format img.hero-image-desktop {
    margin-bottom: -245px;
  }
}

/* line 200, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format img.wave-divider {
  width: 70%;
  margin-bottom: 28px;
}

@media (min-width: 576px) {
  /* line 200, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format img.wave-divider {
    max-width: 200px;
    margin-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  /* line 200, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format img.wave-divider {
    max-width: 300px;
    margin-top: -10px;
    margin-bottom: 50px;
  }
}

/* line 214, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format .start-free-button,
.marketing-page .feature-hero-container.main-hero-format .book-demo-button {
  padding: 12px 18px;
  border-radius: 15px;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format .start-free-button,
.marketing-page .feature-hero-container.main-hero-format .book-demo-button {
    padding: 20px 25px;
    border-radius: 1.2rem;
  }
}

/* line 223, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format .book-demo-button {
  margin-left: 15px;
}

@media (min-width: 1200px) {
  /* line 223, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format .book-demo-button {
    margin-left: 15px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Hero Format (Columns)
/* ===================================================================== */
/* ===================================================================== */
/* line 235, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns {
  background-color: #fff;
  padding-top: 105px;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 235, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns {
    padding-top: 165px;
  }
}

@media (min-width: 1200px) {
  /* line 235, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns {
    width: 100%;
    max-width: 100vw;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    padding-top: 0px;
    height: 100vh;
  }
}

/* line 259, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .left-col {
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

@media (min-width: 576px) {
  /* line 259, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .left-col {
    max-width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  /* line 259, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .left-col {
    padding-left: 7vw;
    padding-right: 7vw;
    text-align: left;
    max-width: 900px;
  }
}

/* line 277, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns h1 {
  text-wrap: balance;
  font-size: 33px;
  margin-bottom: 0px;
  line-height: 38px;
}

@media (min-width: 576px) {
  /* line 277, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns h1 {
    font-size: 50px;
    line-height: 54px;
  }
}

@media (min-width: 1200px) {
  /* line 277, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns h1 {
    font-size: 51px;
    line-height: 60px;
  }
}

/* line 293, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .ring-and-wave {
  margin: 25px 0px;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 293, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .ring-and-wave {
    display: flex;
    margin: 25px 0px;
  }
}

/* line 302, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .ring-and-wave i {
  color: #a8c3cc;
  font-size: 29px;
  margin-right: 7px;
  display: none;
}

/* line 312, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .ring-and-wave .wave-divider {
  width: 50%;
}

@media (min-width: 1200px) {
  /* line 312, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .ring-and-wave .wave-divider {
    display: block;
    width: 35%;
  }
}

/* line 320, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .copy {
  margin-top: 40px;
}

/* line 324, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .copy p {
  color: #626262;
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 324, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .copy p {
    font-size: 23px;
    margin-left: unset;
    margin-right: unset;
  }
}

/* line 334, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format-grid-columns .buttons-container {
  margin-top: 40px;
  margin-bottom: 55px;
}

@media (min-width: 1200px) {
  /* line 334, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format-grid-columns .buttons-container {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}

/* line 343, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.main-hero-format-grid-columns .start-free-button,
.marketing-page .feature-hero-container.main-hero-format-grid-columns .book-demo-button {
  padding: 12px 18px;
  border-radius: 12px;
  margin-right: 4px;
  margin-left: 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (min-width: 1200px) {
  /* line 343, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.main-hero-format-grid-columns .start-free-button,
.marketing-page .feature-hero-container.main-hero-format-grid-columns .book-demo-button {
    padding: 14px 21px;
    border-radius: 1rem;
    margin-right: 10px;
    margin-left: 0px;
  }
}

/* line 359, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 363, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="left"] {
  align-items: start;
}

/* line 365, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="left"] .static-image-container {
  -webkit-transform-origin-x: left;
}

/* line 367, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="center"] {
  align-items: center;
}

/* line 369, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="center"] .static-image-container {
  -webkit-transform-origin-x: center;
}

/* line 371, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="right"] {
  align-items: end;
}

/* line 373, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-h="right"] .static-image-container {
  -webkit-transform-origin-x: right;
}

/* line 375, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="top"] {
  justify-content: start;
}

/* line 377, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="top"] .static-image-container {
  -webkit-transform-origin-y: top;
}

/* line 379, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="center"] {
  justify-content: center;
}

/* line 381, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="center"] .static-image-container {
  -webkit-transform-origin-y: center;
}

/* line 383, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="bottom"] {
  justify-content: end;
}

/* line 385, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .right-col[data-mobile-align-v="bottom"] .static-image-container {
  -webkit-transform-origin-y: bottom;
}

@media (min-width: 576px) {
  /* line 387, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="left"] {
    align-items: start;
  }
  /* line 390, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="left"] .static-image-container {
    -webkit-transform-origin-x: left;
  }
}

@media (min-width: 576px) {
  /* line 393, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="center"] {
    align-items: center;
  }
  /* line 396, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="center"] .static-image-container {
    -webkit-transform-origin-x: center;
  }
}

@media (min-width: 576px) {
  /* line 399, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="right"] {
    align-items: end;
  }
  /* line 402, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-h="right"] .static-image-container {
    -webkit-transform-origin-x: right;
  }
}

@media (min-width: 576px) {
  /* line 405, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="top"] {
    justify-content: start;
  }
  /* line 408, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="top"] .static-image-container {
    -webkit-transform-origin-y: top;
  }
}

@media (min-width: 576px) {
  /* line 411, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="center"] {
    justify-content: center;
  }
  /* line 414, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="center"] .static-image-container {
    -webkit-transform-origin-y: center;
  }
}

@media (min-width: 576px) {
  /* line 417, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="bottom"] {
    justify-content: end;
  }
  /* line 420, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-tablet-align-v="bottom"] .static-image-container {
    -webkit-transform-origin-y: right;
  }
}

@media (min-width: 1200px) {
  /* line 423, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="left"] {
    align-items: start;
  }
  /* line 426, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="left"] .static-image-container {
    -webkit-transform-origin-x: left;
  }
}

@media (min-width: 1200px) {
  /* line 429, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="center"] {
    align-items: center;
  }
  /* line 432, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="center"] .static-image-container {
    -webkit-transform-origin-x: center;
  }
}

@media (min-width: 1200px) {
  /* line 435, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="right"] {
    align-items: end;
  }
  /* line 438, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-h="right"] .static-image-container {
    -webkit-transform-origin-x: right;
  }
}

@media (min-width: 1200px) {
  /* line 441, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="top"] {
    justify-content: start;
    padding-top: 100px;
  }
  /* line 445, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="top"] .static-image-container {
    -webkit-transform-origin-y: top;
  }
}

@media (min-width: 1200px) {
  /* line 448, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="center"] {
    justify-content: center;
  }
  /* line 451, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="center"] .static-image-container {
    -webkit-transform-origin-y: center;
  }
}

@media (min-width: 1200px) {
  /* line 454, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="bottom"] {
    justify-content: end;
  }
  /* line 457, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .main-hero-format-grid-columns .right-col[data-desktop-align-v="bottom"] .static-image-container {
    -webkit-transform-origin-y: right;
  }
}

/* line 462, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .customer-quotes-container {
  position: relative;
  width: 80%;
}

/* line 468, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .customer-quotes-container .quote-char {
  position: absolute;
  left: -37px;
  top: -5px;
  font-family: "Nunito";
  font-weight: 600;
  font-size: 66px;
  color: #c8cdcf;
}

/* line 477, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .customer-quotes-container p {
  color: #8c8c8cb3;
}

/* line 480, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .customer-quotes-container p.quote-text {
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 20px;
}

/* line 485, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .main-hero-format-grid-columns .customer-quotes-container p.quote-attribution {
  font-size: 14px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Static Hero Image
/* ===================================================================== */
/* ===================================================================== */
/* line 495, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .static-image-container img {
  width: 100%;
  display: block;
}

/* line 500, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .default-screenshot-shadow {
  box-shadow: 5px 2px 11px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 2px 11px 1px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
  /* line 500, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container .default-screenshot-shadow {
    box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
  }
}

/* line 511, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.home-page .static-image-container {
  margin-left: 0px;
  transform: scale(1.7);
  margin-bottom: 200px;
}

@media (min-width: 576px) {
  /* line 511, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.home-page .static-image-container {
    transform: scale(1.5);
    margin-bottom: 300px;
  }
}

@media (min-width: 1200px) {
  /* line 511, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.home-page .static-image-container {
    transform: scale(1);
    width: 75vw;
    max-height: 100%;
    margin-left: 5vw;
    margin-bottom: 0px;
    max-width: 1400px;
  }
}

/* line 530, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.home-page .video-container {
  overflow: hidden;
  margin-left: 35px;
  width: 505px;
  border-radius: 10px;
  margin-bottom: -17vh;
}

@media (min-width: 576px) {
  /* line 530, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.home-page .video-container {
    margin-bottom: -6vh;
    margin-left: 20%;
    margin-top: 80px;
    width: 85vw;
  }
}

@media (min-width: 1200px) {
  /* line 530, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.home-page .video-container {
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 0px;
    width: 90%;
    max-width: 870px;
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

/* line 552, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.home-page .video-container video {
  display: block;
  width: 100%;
  position: relative;
  top: -3px;
  margin-bottom: -4px;
}

/* line 562, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.proposals .static-image-container {
  transform: scale(1.15);
}

@media (min-width: 576px) {
  /* line 562, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.proposals .static-image-container {
    transform: scale(1);
    margin-top: 30px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 562, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.proposals .static-image-container {
    margin-top: 0px;
    width: 100%;
  }
}

@media (min-width: 576px) {
  /* line 576, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.questionnaires .static-image-container {
    margin-left: 20vw;
  }
}

@media (min-width: 1200px) {
  /* line 576, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.questionnaires .static-image-container {
    margin-left: 0px;
    max-width: 700px;
  }
}

/* line 590, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.leads .hero-image {
  transform: scale(1.9);
  transform-origin: top left;
  max-width: 1150px;
  margin-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 590, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.leads .hero-image {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    transform: scale(1);
  }
}

@media (min-width: 1200px) {
  /* line 590, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.leads .hero-image {
    max-width: 1350px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 609, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.calendar .static-image-container {
  margin-left: 20px;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 609, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.calendar .static-image-container {
    margin-left: 5%;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 609, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.calendar .static-image-container {
    margin-left: 0px;
    margin-top: 10vh;
    width: 90%;
    max-width: 900px;
  }
}

/* line 630, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.quotes .static-image-container {
  transform: scale(1.2) translateX(5vw);
  margin-bottom: 65px;
}

@media (min-width: 576px) {
  /* line 630, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.quotes .static-image-container {
    transform: scale(1);
    margin-top: 30px;
    margin-bottom: 0px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 630, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.quotes .static-image-container {
    margin-top: 0px;
    width: 100%;
  }
}

/* line 646, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.documents .hero-image {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1150px;
}

@media (min-width: 1200px) {
  /* line 646, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.documents .hero-image {
    max-width: 1250px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 658, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.vendors .static-image-container {
  margin-left: 35px;
}

@media (min-width: 576px) {
  /* line 658, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.vendors .static-image-container {
    margin-top: 25px;
    margin-bottom: 80px;
    width: 80vw;
  }
}

@media (min-width: 1200px) {
  /* line 658, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.vendors .static-image-container {
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
    height: 75vh;
  }
}

/* line 671, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.vendors .static-image-container img {
  border-top-left-radius: 15px;
}

@media (min-width: 576px) {
  /* line 671, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.vendors .static-image-container img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 671, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.vendors .static-image-container img {
    width: auto;
    max-width: 100%;
    height: 100%;
  }
}

/* line 686, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.templates .hero-image {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 600px;
}

@media (min-width: 1200px) {
  /* line 686, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.templates .hero-image {
    max-width: 800px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 576px) {
  /* line 698, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.tasks .static-image-container {
    margin-left: 10vw;
  }
}

@media (min-width: 1200px) {
  /* line 698, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.tasks .static-image-container {
    margin-left: 0px;
    max-width: 1000px;
  }
}

/* line 709, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.invoices .static-image-container {
  transform: scale(1.15);
}

@media (min-width: 576px) {
  /* line 709, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.invoices .static-image-container {
    transform: scale(1);
    margin-top: 30px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 709, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.invoices .static-image-container {
    margin-top: 0px;
    width: 100%;
  }
}

@media (min-width: 576px) {
  /* line 723, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.contracts .static-image-container {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 723, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.contracts .static-image-container {
    width: 100%;
    max-width: 800px;
    opacity: 0.8;
  }
}

@media (min-width: 576px) {
  /* line 742, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.mood-boards .static-image-container img {
    transform: translateX(26%);
  }
}

@media (min-width: 1200px) {
  /* line 742, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.mood-boards .static-image-container img {
    transform: translateX(0px);
  }
}

@media (min-width: 576px) {
  /* line 753, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.timelines .static-image-container {
    margin-left: 15vw;
  }
}

@media (min-width: 1200px) {
  /* line 753, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.timelines .static-image-container {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 760, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.timelines .static-image-container img {
    max-height: 85vh;
  }
}

/* line 768, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.contact-list .static-image-container {
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 768, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.contact-list .static-image-container {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 768, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.contact-list .static-image-container {
    width: 90%;
    margin-top: 100px;
    max-width: 800px;
  }
}

/* line 781, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.activity .static-image-container {
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 781, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.activity .static-image-container {
    width: 90%;
  }
}

@media (min-width: 1200px) {
  /* line 781, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.activity .static-image-container {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 0px;
  }
}

@media (min-width: 576px) {
  /* line 794, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.messages .static-image-container {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  /* line 794, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.messages .static-image-container {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-right: 100px;
    max-width: 800px;
  }
}

/* line 815, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.mobile .radius-container {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/product_shots/feature_hero_images/mobile_feature_hero.jpg");
  background-size: cover;
  background-position: 65% center;
  height: 80vh;
}

@media (min-width: 1200px) {
  /* line 815, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.mobile .radius-container {
    background-position: center center;
    height: 85vh;
  }
}

/* line 824, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.mobile .radius-container h1 {
  text-shadow: 1px 1px 26px rgba(0, 0, 0, 0.42);
}

@media (min-width: 1200px) {
  /* line 827, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.mobile .radius-container .text-based-info {
    padding-top: 100px;
  }
}

/* line 835, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.portal .static-image-container {
  transform: translateX(4vw);
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 835, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.portal .static-image-container {
    transform: translateX(0px);
    margin-left: 20vw;
  }
}

@media (min-width: 1200px) {
  /* line 835, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.portal .static-image-container {
    margin-left: 0px;
    width: 45vw;
    max-width: 1000px;
  }
}

/* line 851, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.email .hero-image {
  transform: scale(1.9);
  transform-origin: top left;
  max-width: 1150px;
  margin-bottom: 100px;
  margin-top: -45px;
}

@media (min-width: 576px) {
  /* line 851, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.email .hero-image {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    transform: scale(1);
  }
}

@media (min-width: 1200px) {
  /* line 851, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.email .hero-image {
    max-width: 1350px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -120px;
    margin-bottom: -70px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Sales
/* ===================================================================== */
/* ===================================================================== */
/* line 877, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .hero-image {
  transform: scale(1.9);
  transform-origin: top left;
  max-width: 1150px;
  margin-bottom: 150px;
  margin-top: -45px;
  margin-left: 30px;
  border-top-left-radius: 5px;
  box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
}

@media (min-width: 576px) {
  /* line 877, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.sales .hero-image {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    transform: scale(1);
  }
}

@media (min-width: 1200px) {
  /* line 877, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.sales .hero-image {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    max-width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: -70px;
    margin-left: auto;
    margin-top: 0px;
  }
}

/* line 905, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene {
  width: 100vw;
  transform-origin: top center;
  perspective-origin: top;
  perspective: 403vw;
  height: 300px;
  transform: scale(0.4);
}

/* line 917, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-cards {
  position: absolute;
  transform: rotateX(40deg) rotateZ(6deg) scale(1) translateX(-27%);
  top: -26vh;
  height: 300px;
  width: 250vw;
  transform-style: preserve-3d;
  transform-origin: top center;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 917, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.sales .grid-transform-scene .grid-cards {
    width: 241vw;
    top: -46vh;
    transform: rotateX(40deg) rotateZ(6deg) scale(1) translateX(-29%);
  }
}

/* line 933, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card {
  transition: all 0.6s ease-out;
  background-color: #fff;
  margin: 13px;
  border-radius: 20px;
  width: calc(33% - 26px);
  display: inline-block;
  overflow: hidden;
  opacity: 0.8;
  border: 4px solid #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 944, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card img {
  width: 100%;
  display: block;
}

@media (min-width: 1200px) {
  /* line 933, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card {
    width: calc(20% - 40px);
    border-radius: 40px;
    border-width: 10px;
  }
}

/* line 955, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card.raised {
  transform: translate3d(-67px, 26px, 223px) scale(1.2);
  box-shadow: linear-gradient(45deg, #03ab86, #7164c6);
  -webkit-box-shadow: 22px 23px 21px 1px rgba(0, 0, 0, 0.35);
  opacity: 1;
  background-image: linear-gradient(45deg, #9e66c7, #7164c6);
  border: 0px;
}

/* line 963, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card.raised img.placeholder {
  opacity: 0;
}

@media (min-width: 1200px) {
  /* line 955, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card.raised {
    transform: translate3d(-152px, 258px, 259px) scale(1.3);
    box-shadow: 45px 45px 37px 1px #00000054;
    -webkit-box-shadow: 45px 45px 37px 1px #00000054;
  }
}

/* line 973, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card.raised .new-lead-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 10px;
  background-color: #fff;
  border-radius: 15px;
  padding: 15px;
}

/* line 979, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .grid-transform-scene .grid-card.raised .new-lead-container img.avatar {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

/* line 987, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .transform-scene {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 500px;
  transform-origin: top left;
  perspective-origin: top;
  perspective: 100vw;
  transform: scale(0.7);
}

/* line 999, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .visual-column img {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: rotateX(51deg) rotateZ(17deg) scale3d(1.5, 1.5, 1.5);
  width: 80%;
  border-radius: 32px;
  box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 28px 28px 28px 0 rgba(34, 33, 81, 0.25);
  border: 4px solid #fff;
}

/* line 1018, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container.sales .visual-column img.sale-shot {
  transform: rotateX(21deg) rotateZ(356deg) scale3d(1.5, 1.5, 1.5) translateX(175px) translateY(141px) translateZ(24px);
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Signup Button
/* ===================================================================== */
/* ===================================================================== */
/* line 1029, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container button.signup-button {
  border-color: #03ab86;
  color: #00ab86;
  border-radius: 100px;
  padding: 13px 19px;
  transition: all 0.3s;
}

@media (min-width: 576px) {
  /* line 1029, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container button.signup-button {
    padding: 15px 20px;
  }
}

@media (min-width: 1034px) {
  /* line 1029, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container button.signup-button {
    font-size: 18px;
    padding: 18px 25px;
  }
}

/* line 1042, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container button.signup-button:hover {
  background-color: #03ab86;
  color: #fff;
}

/* line 1048, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container button.signup-button i {
  margin-left: 5px;
  margin-right: 0px;
}

@media (min-width: 1034px) {
  /* line 1048, app/assets/stylesheets/marketing/feature_hero.scss */
  .marketing-page .feature-hero-container button.signup-button i {
    margin-left: 10px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Animated Gradient Text
/* ===================================================================== */
/* ===================================================================== */
/* line 1061, app/assets/stylesheets/marketing/feature_hero.scss */
.marketing-page .feature-hero-container .leader {
  background-image: linear-gradient(45deg, #5cb0cc, #2cb798);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

/* line 1, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block {
  background-color: #edf9ff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block {
    padding-bottom: 40px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Background Image
/* ===================================================================== */
/* ===================================================================== */
/* line 14, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block {
  background-size: contain;
  background-repeat: no-repeat;
}

/* ===================================================================== */
/* ===================================================================== */
/* Pillbox
/* ===================================================================== */
/* ===================================================================== */
/* line 24, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .pillbox {
  background-color: #fff;
  width: 100vw;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* line 36, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .pillbox::-webkit-scrollbar {
  display: none;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .pillbox {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .pillbox {
    width: 100%;
    max-width: 1000px;
  }
}

/* line 53, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .header {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .header {
    padding-top: 45px;
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 53, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .header {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

/* line 67, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .header h3 {
  padding: 0px 50px;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .header h3 {
    font-size: 35px;
  }
}

/* line 74, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .pillbox .link {
  display: inline-block;
  padding: 15px;
  border-top: 3px solid transparent;
  border-bottom: 4px solid transparent;
  font-weight: 600;
  color: #aeafba;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .pillbox .link {
    font-size: 18px;
  }
  /* line 84, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .pillbox .link:hover {
    cursor: pointer;
    color: #313469;
    border-bottom-color: #313469;
  }
}

/* line 92, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .pillbox .active {
  color: #313469;
  border-bottom-color: #313469;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content
/* ===================================================================== */
/* ===================================================================== */
/* line 102, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .content-wrapper {
  width: 90%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* line 110, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .content-wrapper {
  max-width: 1380px;
}

/* line 114, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .content-wrapper img {
  max-width: 100%;
  margin-bottom: 35px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Check Benefits
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 124, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .check-benefit-container {
    padding-left: 80px;
  }
}

/* line 130, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .check-benefit {
  display: flex;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .check-benefit {
    margin-bottom: 40px;
  }
}

/* line 138, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .check-benefit h4 {
  line-height: 20px;
  color: #323469;
}

/* line 143, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .check-benefit p {
  color: #464646;
}

/* line 147, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .check-benefit-icon {
  position: relative;
  background-color: #323469;
  color: #fff;
  width: 45px;
  height: 45px;
  margin-right: 25px;
  border-radius: 8px;
}

@media (min-width: 1200px) {
  /* line 147, app/assets/stylesheets/marketing/multi_blocks.scss */
  .marketing-page .multi-block .check-benefit-icon {
    margin-right: 35px;
  }
}

/* line 158, app/assets/stylesheets/marketing/multi_blocks.scss */
.marketing-page .multi-block .check-benefit-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 20px;
  display: block;
}

/* line 5, app/assets/stylesheets/marketing/feature_card_stack.scss */
.marketing-page .feature-card-stack .feature-card-stack-cards-container {
  margin-left: auto;
  margin-right: auto;
}

/* line 10, app/assets/stylesheets/marketing/feature_card_stack.scss */
.marketing-page .feature-card-stack h2 {
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
  font-size: 23px;
}

@media (min-width: 576px) {
  /* line 10, app/assets/stylesheets/marketing/feature_card_stack.scss */
  .marketing-page .feature-card-stack h2 {
    font-size: 34px;
    margin-bottom: 35px;
  }
}

/* line 21, app/assets/stylesheets/marketing/feature_card_stack.scss */
.marketing-page .feature-card-stack h2.left-align-with-margin {
  text-align: left;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/marketing/feature_card_stack.scss */
  .marketing-page .feature-card-stack h2.left-align-with-margin {
    margin-left: 25px;
  }
}

@media (min-width: 1034px) {
  /* line 21, app/assets/stylesheets/marketing/feature_card_stack.scss */
  .marketing-page .feature-card-stack h2.left-align-with-margin {
    margin-left: 33px;
  }
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/marketing/feature_card_stack.scss */
  .marketing-page .feature-card-stack h2.left-align-with-margin {
    margin-left: 38px;
  }
}

/* line 1, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block {
  margin-top: 60px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block {
    margin-top: 160px;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block {
    margin-top: 200px;
  }
}

/* line 13, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-column {
  margin-bottom: 25px;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block .visual-column {
    margin-bottom: 0px;
  }
}

/* line 21, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .text-column {
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 29, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block.text-on-left .text-column {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block.text-on-left .text-column {
    padding-right: 60px;
  }
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block.text-on-right .text-column {
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block.text-on-right .text-column {
    padding-left: 80px;
  }
}

/* line 47, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block video, .marketing-page .feature-flip-block img {
  display: block;
  max-width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Visual Wrapper Defaults
/* ===================================================================== */
/* ===================================================================== */
/* line 58, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #c4c4c4;
}

@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
  .marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper {
    border-radius: 15px;
  }
}

/* line 66, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper.blue-theme {
  background-color: #09a5cd;
  border-color: #09a5cd;
}

/* line 70, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper.purple-theme {
  background-color: #76008d;
  border-color: #76008d;
}

/* line 74, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper.light-grey-theme {
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  box-shadow: 0px 0px 2px 3px #9191910f;
  -webkit-box-shadow: 0px 0px 2px 3px #9191910f;
}

/* line 80, app/assets/stylesheets/marketing/feature_flip_blocks.scss */
.marketing-page .feature-flip-block .visual-wrapper.simple-border-wrapper.dark-grey-theme {
  background-color: #7C7C7E;
  border-color: #7C7C7E;
  box-shadow: 0px 0px 25px 10px #000000;
  -webkit-box-shadow: 0px 0px 25px 10px #000000;
}

/* line 1, app/assets/stylesheets/marketing/feature_grid.scss */
.marketing-page .simple-feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 45px;
  margin-top: 60px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 60px;
  }
}

/* line 13, app/assets/stylesheets/marketing/feature_grid.scss */
.marketing-page .simple-feature-grid.extra-top-spacing {
  margin-top: 120px;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid.extra-top-spacing {
    margin-top: 160px;
  }
}

@media (max-width: 480px) {
  /* line 20, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .mobile-full-width .simple-feature-grid {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid .feature-grid-item {
    text-align: center;
  }
}

/* Main Icon
======================================================================== */
/* line 35, app/assets/stylesheets/marketing/feature_grid.scss */
.marketing-page .simple-feature-grid i.main-icon {
  font-size: 25px;
  margin-right: 8px;
}

@media (min-width: 576px) {
  /* line 35, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid i.main-icon {
    font-size: 28px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}

/* H3
======================================================================== */
/* line 48, app/assets/stylesheets/marketing/feature_grid.scss */
.marketing-page .simple-feature-grid h3 {
  display: grid;
  grid-template-columns: auto 1fr;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 17px;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 48, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid h3 {
    grid-template-columns: 1fr;
  }
}

/* P
======================================================================== */
/* line 62, app/assets/stylesheets/marketing/feature_grid.scss */
.marketing-page .simple-feature-grid p {
  text-wrap: balance;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/marketing/feature_grid.scss */
  .marketing-page .simple-feature-grid p {
    font-size: 16px;
  }
}

/* line 1, app/assets/stylesheets/marketing/card_grid.scss */
.marketing-page .card-grid .card-grid-column {
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/card_grid.scss */
  .marketing-page .card-grid .card-grid-column {
    margin-bottom: 30px;
  }
}

/* line 8, app/assets/stylesheets/marketing/card_grid.scss */
.marketing-page .card-grid .card-grid-card {
  background-color: #fff;
  border-radius: 12px;
  text-align: left;
  padding: 20px;
  height: 100%;
}

@media (min-width: 1200px) {
  /* line 8, app/assets/stylesheets/marketing/card_grid.scss */
  .marketing-page .card-grid .card-grid-card {
    padding: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Benefit Block
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  margin-bottom: 60px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 24, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .description-content-container {
  padding: 30px;
  padding-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .description-content-container {
    padding: 35px;
    padding-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .description-content-container {
    padding: 55px;
    padding-bottom: 55px;
  }
}

/* line 37, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .section-leader {
  font-size: 14px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .section-leader {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .section-leader {
    margin-bottom: 18px;
    font-size: 14px;
  }
}

/* line 49, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block h2 {
  font-size: 23px;
  font-weight: 800;
  margin-bottom: 25px;
  color: #fff;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block h2 {
    font-size: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 49, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block h2 {
    font-size: 34px;
  }
}

/* line 63, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .section-copy p {
  color: #fff;
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .section-copy p {
    font-size: 16px;
    line-height: 25px;
  }
}

/* line 71, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .section-copy .icon-bullet {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .section-copy .icon-bullet i {
  margin-right: 5px;
}

/* line 81, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .image-container img {
  max-width: 100%;
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block .image-container {
    padding-left: 80px;
  }
}

/* line 89, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.purple {
  background-color: #fdf2ff;
}

/* line 91, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.purple .section-leader {
  color: #9f5cab;
}

/* line 94, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.purple .mobile-cta-button, .marketing-page .benefit-block.purple .desktop-cta-button {
  background-color: #804b89;
}

/* line 99, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.green {
  background-color: #f0fff4;
}

/* line 101, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.green .section-leader {
  color: #24983b;
}

/* line 104, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.green .mobile-cta-button, .marketing-page .benefit-block.green .desktop-cta-button {
  background-color: #316d41;
}

/* line 109, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.blue {
  background-color: #ecf9ff;
}

/* line 111, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.blue .section-leader {
  color: #2e79ae;
}

/* line 114, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.blue .mobile-cta-button, .marketing-page .benefit-block.blue .desktop-cta-button {
  background-color: #2d6983;
}

/* line 119, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.dark-blue {
  background-color: #15384a;
}

/* line 121, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.dark-blue .section-copy p {
  color: #b6cedb;
}

/* line 124, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.dark-blue .section-leader {
  color: #a0b8c4;
}

/* line 127, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.dark-blue .mobile-cta-button, .marketing-page .benefit-block.dark-blue .desktop-cta-button {
  background-color: #2d6983;
}

/* Mobile CTA Button
======================================================================== */
/* line 134, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .mobile-cta-button {
  width: 100%;
  color: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Desktop CTA Button
======================================================================== */
/* line 145, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block .desktop-cta-button {
  color: #fff;
  margin-top: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Benefit Block - Collaborate 1
/* ===================================================================== */
/* ===================================================================== */
/* line 155, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.collaborate1 .image-container {
  perspective: 2000px;
}

/* line 157, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.collaborate1 .image-container img {
  transform: rotateY(-14deg) rotateX(14deg) scale(1.1) translateX(-10%);
  position: relative;
  right: -63px;
  margin-bottom: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Benefit Block - Documents 1
/* ===================================================================== */
/* ===================================================================== */
/* line 170, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.documents1 .image-container {
  perspective: 2000px;
}

/* line 172, app/assets/stylesheets/marketing/benefit_blocks.scss */
.marketing-page .benefit-block.documents1 .image-container img {
  transform: rotateY(-17deg) rotateX(17deg) scale(1.4) translateX(-10%);
  position: relative;
  right: -63px;
  margin-top: 100px;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 172, app/assets/stylesheets/marketing/benefit_blocks.scss */
  .marketing-page .benefit-block.documents1 .image-container img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* line 1, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit {
  margin-bottom: 60px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Color Schemes
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.black {
  background-color: #000;
}

/* line 12, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.black h2 {
  color: #fff;
}

/* line 17, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.off-black {
  background-color: #0b0c0f;
}

/* line 19, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.off-black h2 {
  color: #fff;
}

/* line 22, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.off-black p {
  color: #aeaeae;
}

/* line 27, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.white {
  background-color: #fff;
}

/* line 29, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.white h2 {
  color: #464646;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Collage
/* ===================================================================== */
/* ===================================================================== */
/* line 39, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage {
  text-align: center;
  padding-top: 60px;
}

@media (min-width: 1200px) {
  /* line 39, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage {
    padding-top: 90px;
  }
}

/* line 47, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage .header {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage .header {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 80vw;
  }
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage .header {
    max-width: 800px;
  }
}

/* line 62, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage h2 {
  font-weight: 800;
  font-size: 27px;
  margin-bottom: 30px;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 62, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage h2 {
    font-size: 34px;
    margin-bottom: 50px;
  }
}

/* line 75, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage img {
  display: block;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage img {
    max-width: 40vw;
  }
}

@media (min-width: 1200px) {
  /* line 75, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage img {
    max-width: 500px;
  }
}

/* line 89, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage .feature-box {
  display: inline-block;
  background-color: #212121;
  color: #d5d5d5;
  padding: 11px;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 13px;
}

@media (min-width: 576px) {
  /* line 89, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.feature-collage .feature-box {
    font-size: 15px;
  }
}

/* line 105, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.feature-collage .feature-box i {
  margin-right: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Get Inspired
/* ===================================================================== */
/* ===================================================================== */
/* line 114, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.get-inspired {
  clip-path: ellipse(175% 94% at 50% 5%);
  overflow: hidden;
}

/* line 119, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.get-inspired img.get-inspired {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 50px;
}

@media (min-width: 576px) {
  /* line 119, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired img.get-inspired {
    max-width: 500px;
    padding-top: 80px;
  }
}

@media (min-width: 1200px) {
  /* line 119, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired img.get-inspired {
    max-width: 850px;
    padding-top: 80px;
  }
}

/* line 138, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.get-inspired img.mood-boards {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
}

@media (min-width: 576px) {
  /* line 138, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired img.mood-boards {
    padding-bottom: 80px;
  }
}

@media (min-width: 1034px) {
  /* line 138, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired img.mood-boards {
    max-width: 850px;
  }
}

@media (min-width: 1200px) {
  /* line 138, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired img.mood-boards {
    max-width: 1000px;
    padding-top: 80px;
    padding-bottom: 120px;
  }
}

/* line 160, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.get-inspired p {
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
}

@media (min-width: 576px) {
  /* line 160, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  /* line 160, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.get-inspired p {
    font-size: 18px;
    max-width: 700px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Big Text
/* ===================================================================== */
/* ===================================================================== */
/* line 180, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-big-text {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 180, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-big-text {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 180, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-big-text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* line 192, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-big-text h3 {
  font-size: 33px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  width: 90%;
}

@media (min-width: 576px) {
  /* line 192, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-big-text h3 {
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 192, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-big-text h3 {
    max-width: 900px;
    font-size: 55px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* All Features Collage
/* ===================================================================== */
/* ===================================================================== */
/* line 213, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage {
  background-image: linear-gradient(135deg, #3a3e88 10%, #040521 100%);
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  /* line 213, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}

/* line 224, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage h3.headline {
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 35px;
  margin-bottom: 25px;
  padding: 0px 30px;
}

@media (min-width: 1200px) {
  /* line 224, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage h3.headline {
    padding: 0px;
    font-size: 77px;
    margin-bottom: 30px;
  }
}

/* line 238, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage .wave-divider {
  width: 50%;
  max-width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  /* line 238, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage .wave-divider {
    max-width: 350px;
    margin-bottom: 50px;
  }
}

/* line 251, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage .container-fluid.card-grid {
  max-width: 1370px;
}

@media (min-width: 1200px) {
  /* line 255, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage .card-grid-card {
    transition: all 0.3s;
  }
  /* line 258, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage .card-grid-card:hover {
    transform: scale(1.03);
    box-shadow: 0px 12px 21px 1px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0px 12px 21px 1px rgba(0, 0, 0, 0.65);
  }
}

/* line 266, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage .app-icon {
  margin-bottom: 15px;
}

/* line 270, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-all-features-collage .card-grid-card h4 {
  font-weight: 800;
  color: #464646;
}

@media (min-width: 1200px) {
  /* line 270, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage .card-grid-card h4 {
    font-size: 19.5px;
  }
}

@media (min-width: 1200px) {
  /* line 278, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-all-features-collage .card-grid-card p {
    font-size: 15px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Features and Computer
/* ===================================================================== */
/* ===================================================================== */
/* line 289, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer {
  background-image: linear-gradient(222deg, rgba(137, 137, 137, 0.02) 0%, rgba(137, 137, 137, 0.02) 21%, transparent 21%, transparent 63%, rgba(101, 101, 101, 0.02) 63%, rgba(101, 101, 101, 0.02) 99%, rgba(35, 35, 35, 0.02) 99%, rgba(35, 35, 35, 0.02) 100%), linear-gradient(267deg, rgba(40, 40, 40, 0.02) 0%, rgba(40, 40, 40, 0.02) 23%, transparent 23%, transparent 48%, rgba(87, 87, 87, 0.02) 48%, rgba(87, 87, 87, 0.02) 98%, rgba(47, 47, 47, 0.02) 98%, rgba(47, 47, 47, 0.02) 100%), linear-gradient(78deg, rgba(103, 103, 103, 0.02) 0%, rgba(103, 103, 103, 0.02) 40%, transparent 40%, transparent 64%, rgba(100, 100, 100, 0.02) 64%, rgba(100, 100, 100, 0.02) 84%, rgba(35, 35, 35, 0.02) 84%, rgba(35, 35, 35, 0.02) 100%), linear-gradient(136deg, rgba(135, 135, 135, 0.02) 0%, rgba(135, 135, 135, 0.02) 14%, transparent 14%, transparent 67%, rgba(51, 51, 51, 0.02) 67%, rgba(51, 51, 51, 0.02) 68%, rgba(178, 178, 178, 0.02) 68%, rgba(178, 178, 178, 0.02) 100%), linear-gradient(90deg, white, white);
  background-color: #F8F8F9;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 0px;
  margin-top: 100px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  /* line 289, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer {
    padding-top: 100px;
  }
}

/* line 302, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 576px) {
  /* line 302, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header {
    max-width: 700px;
  }
}

/* line 310, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 25px;
  font-weight: 800;
  color: #15384a;
  text-wrap: balance;
}

@media (min-width: 1200px) {
  /* line 310, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header h1 {
    font-size: 55px;
  }
}

/* line 321, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header p {
  text-wrap: balance;
}

/* line 324, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .text-block-header i {
  animation-duration: 1.5s;
}

/* line 329, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer {
  margin: 0px auto;
  margin-top: 30px;
}

/* line 332, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer img.mobile-image {
  display: block;
  width: 100%;
  transform: scale(1.4);
  transform-origin: top center;
  margin-bottom: 120px;
}

@media (min-width: 576px) {
  /* line 332, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer img.mobile-image {
    margin-bottom: 180px;
  }
}

@media (min-width: 1200px) {
  /* line 332, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer img.mobile-image {
    display: none;
  }
}

/* line 345, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer img.desktop-image {
  display: none;
}

@media (min-width: 1200px) {
  /* line 345, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer img.desktop-image {
    display: block;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 329, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .screenshot-footer {
    width: 80%;
    max-width: 1400px;
    padding: 15px;
    padding-bottom: 0px;
    background-color: #0000000a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: 1px solid #ffffff;
    margin-bottom: -20vh;
  }
}

/* line 367, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .feature-tiles-container {
  text-align: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 367, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .feature-tiles-container {
    margin-top: 50px;
    margin-bottom: 100px;
    max-width: 1200px;
  }
}

/* line 379, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  width: calc(30% - 20px);
  margin: 10px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 15px;
  background-color: #fff;
  color: #15384a;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #e9e9e9;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  /* line 379, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile {
    font-size: 13.5px;
  }
}

@media (min-width: 576px) {
  /* line 379, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile {
    width: calc(18% - 20px);
  }
}

@media (min-width: 1200px) {
  /* line 379, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile {
    width: calc(10% - 20px);
  }
}

/* line 402, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile .feature-icon.icon-container {
  width: 45px;
  height: 45px;
  margin: 0px auto;
  margin-bottom: 10px;
  transition: all 0.2s;
}

/* line 410, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile .feature-icon.icon-container i {
  font-size: 20px;
}

/* line 415, app/assets/stylesheets/marketing/span_benefits.scss */
.marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile:hover {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  /* line 419, app/assets/stylesheets/marketing/span_benefits.scss */
  .marketing-page .span-benefit.span-benefit-features-and-computer .feature-tile:hover .feature-icon.icon-container {
    transform: scale(1.05);
  }
}

/* line 1, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage {
  height: calc(100vh - 50px);
  position: relative;
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 65%;
  text-align: center;
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .text-container {
    width: 50%;
  }
}

/* line 21, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .text-container h3 {
  font-size: 28px;
  font-weight: 800;
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .text-container h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .text-container h3 {
    font-size: 77px;
    line-height: 77px;
  }
}

/* line 34, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .text-container p {
  font-size: 18px;
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .text-container p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* People
/* ===================================================================== */
/* ===================================================================== */
/* line 48, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item {
  border-radius: 10px;
  position: absolute;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 55, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person01 {
  width: 140px;
  height: 140px;
  top: 9%;
  left: 4%;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person01 {
    width: 155px;
    height: 155px;
    top: 8%;
    left: 9%;
  }
}

@media (min-width: 1200px) {
  /* line 55, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person01 {
    width: 220px;
    height: 220px;
    top: 4%;
    left: 12%;
  }
}

/* line 74, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person02 {
  width: 65px;
  height: 65px;
  top: 4%;
  left: 56%;
}

@media (min-width: 576px) {
  /* line 74, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person02 {
    width: 110px;
    height: 110px;
    top: -1%;
    left: 53%;
  }
}

@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person02 {
    width: 150px;
    height: 150px;
    top: -1%;
    left: 55%;
  }
}

/* line 93, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person03 {
  width: 120px;
  height: 120px;
  top: 21%;
  right: -6%;
}

@media (min-width: 576px) {
  /* line 93, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person03 {
    width: 150px;
    height: 150px;
    top: 21%;
    right: -1%;
  }
}

@media (min-width: 1200px) {
  /* line 93, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person03 {
    width: 220px;
    height: 220px;
    top: 16%;
    right: 7%;
  }
}

/* line 112, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person04 {
  width: 130px;
  height: 130px;
  bottom: 11%;
  left: -11%;
}

@media (min-width: 576px) {
  /* line 112, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person04 {
    width: 160px;
    height: 160px;
    bottom: 11%;
    left: -1%;
  }
}

@media (min-width: 1200px) {
  /* line 112, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person04 {
    width: 200px;
    height: 200px;
    bottom: 8%;
    left: 2%;
  }
}

/* line 131, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person05 {
  width: 120px;
  height: 120px;
  bottom: 4%;
  right: -3%;
}

@media (min-width: 576px) {
  /* line 131, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person05 {
    width: 160px;
    height: 160px;
    bottom: 4%;
    right: -1%;
  }
}

@media (min-width: 1200px) {
  /* line 131, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person05 {
    width: 190px;
    height: 190px;
    bottom: 4%;
    right: 1%;
  }
}

/* line 150, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person06 {
  width: 65px;
  height: 65px;
  right: -3%;
  bottom: 33%;
}

@media (min-width: 576px) {
  /* line 150, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person06 {
    width: 100px;
    height: 100px;
    right: -3%;
    bottom: 33%;
  }
}

@media (min-width: 1200px) {
  /* line 150, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person06 {
    width: 130px;
    height: 130px;
    right: 20%;
    bottom: 20%;
  }
}

/* line 169, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person07 {
  width: 70px;
  height: 70px;
  top: 38%;
  left: -3%;
}

@media (min-width: 576px) {
  /* line 169, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person07 {
    width: 130px;
    height: 130px;
    top: 36%;
    left: -3%;
  }
}

@media (min-width: 1200px) {
  /* line 169, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person07 {
    width: 150px;
    height: 150px;
    top: 36%;
    left: -2%;
  }
}

/* line 188, app/assets/stylesheets/marketing/span_benefits/communication.scss */
.marketing-page .span-benefit.communication-collage .image-collage-item.person08 {
  width: 60px;
  height: 60px;
  bottom: 8%;
  left: 35%;
}

@media (min-width: 576px) {
  /* line 188, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person08 {
    width: 100px;
    height: 100px;
    bottom: 8%;
    left: 38%;
  }
}

@media (min-width: 1200px) {
  /* line 188, app/assets/stylesheets/marketing/span_benefits/communication.scss */
  .marketing-page .span-benefit.communication-collage .image-collage-item.person08 {
    width: 130px;
    height: 130px;
    bottom: 7%;
    left: 40%;
  }
}

/* line 1, app/assets/stylesheets/marketing/footer.scss */
.marketing-page section.marketing-footer-section {
  padding-bottom: 0px;
}

/* line 5, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer {
  color: #fff;
  padding-bottom: 25px;
  position: relative;
}

@media (min-width: 1200px) {
  /* line 5, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer {
    padding-bottom: 22px;
  }
}

/* line 19, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0.2;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Link Columns
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .footer-columns-container {
  position: relative;
  z-index: 2;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 30px;
  max-width: 100%;
}

@media (min-width: 576px) {
  /* line 31, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .footer-columns-container {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 37px;
  }
}

/* line 45, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .link-column {
  margin-bottom: 35px;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .link-column {
    margin-bottom: 0px;
  }
}

/* line 52, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .link-column h4 {
  color: #2f2f2f;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
}

@media (min-width: 1200px) {
  /* line 52, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .link-column h4 {
    margin-bottom: 10px;
    font-size: 15px;
  }
}

/* line 63, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .link-column a,
.marketing-page .footer .link-column .fake-a {
  color: #2f2f2f;
  font-weight: 600;
  display: block;
  width: fit-content;
  block-size: fit-content;
  margin: 25px 0px;
  transition: all 0.15s;
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .link-column a,
.marketing-page .footer .link-column .fake-a {
    position: relative;
    left: -10px;
    font-size: 15px;
    margin: 5px 0px;
    padding: 10px 0px;
    padding-left: 10px;
    width: 90%;
    border-radius: 6px;
  }
}

/* line 82, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .link-column a:hover,
.marketing-page .footer .link-column .fake-a:hover {
  color: #000;
  cursor: pointer;
}

@media (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .link-column a:hover,
.marketing-page .footer .link-column .fake-a:hover {
    background-color: #f7f7f7;
  }
}

/* line 89, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .link-column a i,
.marketing-page .footer .link-column .fake-a i {
  margin-right: 4px;
}

/* Footer Logo
======================================================================== */
/* line 96, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .footer-logo {
  width: 170px;
  display: block;
  filter: invert(17%) sepia(7%) saturate(4508%) hue-rotate(157deg) brightness(95%) contrast(90%);
  margin-bottom: 32px;
}

@media (min-width: 576px) {
  /* line 96, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .footer-logo {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 96, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .footer-logo {
    margin-top: 0px;
    width: 153px;
    margin-bottom: 29px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Social
/* ===================================================================== */
/* ===================================================================== */
/* line 117, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .social-links a {
  color: #15384a;
  font-size: 16px;
  margin-right: 15px;
  opacity: .8;
  transition: all 0.3s;
}

/* line 123, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .social-links a:hover {
  opacity: 1;
}

@media (min-width: 1200px) {
  /* line 116, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .social-links {
    font-size: 21px;
    margin-right: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Legal
/* ===================================================================== */
/* ===================================================================== */
/* line 138, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .legal {
  opacity: .9;
}

@media (min-width: 1200px) {
  /* line 138, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .legal {
    padding-right: 50px;
    margin-top: 20px;
  }
}

/* line 146, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer .legal p, .marketing-page .footer .legal a {
  margin-bottom: 2px;
  font-size: 15px;
  color: #727272;
}

@media (min-width: 1200px) {
  /* line 146, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer .legal p, .marketing-page .footer .legal a {
    font-size: 13px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Leader
/* ===================================================================== */
/* ===================================================================== */
/* line 164, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader {
  background-color: #fff;
  padding: 15px 0px;
  border-style: solid;
  border-color: #e6e8e8;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

@media (min-width: 576px) {
  /* line 164, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-leader {
    padding-left: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 164, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-leader {
    padding-left: 0px;
  }
}

/* line 179, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .max-width-container-content {
  display: flex;
  align-items: center;
}

/* line 184, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .logo-icon {
  filter: invert(17%) sepia(7%) saturate(4508%) hue-rotate(157deg) brightness(95%) contrast(90%);
  width: 30px;
  display: block;
  margin-right: 15px;
}

/* line 191, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader p {
  margin: 0px;
  font-size: 14px;
  color: #2f2f2f;
}

/* line 197, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader p.benefit-label {
  display: inline-block;
  border: 1px solid #fff;
  width: fit-content;
  font-weight: 800;
  border-radius: 100px;
  padding: 7px 12px;
  font-size: 14px !important;
}

/* line 207, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .benefit-labels-container {
  display: none;
}

@media (min-width: 1200px) {
  /* line 207, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-leader .benefit-labels-container {
    display: flex;
    justify-content: end;
    flex-grow: 1;
    color: #2f2f2f;
  }
}

/* line 215, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .benefit-labels-container .benefit {
  border-left: 1px solid #c9c9c9;
  padding: 0px 25px;
  font-size: 14px;
}

/* line 220, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .benefit-labels-container .benefit:last-child {
  padding-right: 0px;
}

/* line 223, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-leader .benefit-labels-container .benefit i {
  margin-right: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Topper
/* ===================================================================== */
/* ===================================================================== */
/* line 233, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-max-width-container {
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
}

@media (max-width: 480px) {
  /* line 236, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-max-width-container .max-width-container-content {
    width: 100%;
  }
}

/* line 243, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper {
  position: relative;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 243, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper {
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: visible;
  }
}

/* line 253, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper .padded-column {
  padding: 40px;
  padding-top: 60px;
}

@media (min-width: 576px) {
  /* line 253, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper .padded-column {
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 253, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper .padded-column {
    padding: 0px;
  }
}

/* line 264, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper .image-column {
  padding: 0px;
  padding-left: 40px;
  padding-top: 15px;
  height: 40vh;
}

@media (min-width: 576px) {
  /* line 264, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper .image-column {
    padding-top: 0px;
  }
}

/* line 274, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper img.logo {
  width: 150px;
  filter: invert(17%) sepia(7%) saturate(4508%) hue-rotate(157deg) brightness(95%) contrast(90%);
  display: block;
  margin-bottom: 20px;
}

/* line 281, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper h2 {
  color: #15384a;
  font-size: 25px;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 281, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper h2 {
    font-size: 35px;
  }
}

/* line 290, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper p {
  color: #15384a;
  margin-bottom: 40px;
  text-wrap: balance;
}

@media (min-width: 1200px) {
  /* line 290, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper p {
    font-size: 16px;
  }
}

/* line 299, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper .image-container {
  background-color: red;
  height: 130%;
  overflow: hidden;
  border-top-left-radius: 10px;
  box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 11px 14px 36px 7px rgba(0, 0, 0, 0.21);
}

@media (min-width: 1200px) {
  /* line 299, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper .image-container {
    width: 60vw;
    height: auto;
  }
}

/* line 310, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper .image-container img {
  height: 100%;
  display: block;
}

@media (min-width: 1200px) {
  /* line 310, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper .image-container img {
    height: auto;
    width: 100%;
  }
}

/* line 320, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper .noise-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0.45;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* line 329, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper button {
  border-radius: 1rem;
}

/* ===================================================================== */
/* ===================================================================== */
/* Footer Topper 2
/* ===================================================================== */
/* ===================================================================== */
/* line 338, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-max-width-container-2 {
  background-color: #fff;
  background-image: radial-gradient(circle at center center, #fff 61%, #00000005);
  border-top: 1px solid #dbdbdb;
}

@media (min-width: 1200px) {
  /* line 338, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-max-width-container-2 {
    background-image: radial-gradient(circle at right bottom, #fff 40%, #00000005);
    border-top-color: #dbdbdb57;
  }
}

@media (max-width: 480px) {
  /* line 346, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-max-width-container-2 .max-width-container-content {
    width: 100%;
  }
}

/* line 353, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 80px;
  padding-bottom: 0px;
}

@media (min-width: 576px) {
  /* line 353, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 {
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 150px;
    padding-bottom: 0px;
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  /* line 353, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 {
    padding-left: 0px;
    text-align: left;
    width: 50%;
    padding-right: 0px;
    padding-bottom: 150px;
  }
}

/* line 378, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 h2, .marketing-page .footer-topper-2 p {
  color: #8b8b8b;
}

/* line 383, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 h2 {
  font-weight: 400;
  margin-bottom: 25px;
}

@media (min-width: 576px) {
  /* line 383, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 h2 {
    font-size: 45px;
  }
}

@media (min-width: 1200px) {
  /* line 383, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 h2 {
    font-size: 44px;
  }
}

/* line 394, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 p {
  font-size: 19px;
}

@media (min-width: 576px) {
  /* line 394, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 p {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 394, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 p {
    font-size: 21px;
    text-wrap: balance;
  }
}

/* line 405, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 button {
  border-radius: 1rem;
  margin-top: 20px;
}

/* line 410, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 .image-container {
  perspective-origin: top;
  perspective: 1000px;
  width: 175vw;
  margin-top: 75px;
}

@media (min-width: 576px) {
  /* line 410, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 .image-container {
    width: 129vw;
    perspective: 2000px;
  }
}

@media (min-width: 1200px) {
  /* line 410, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 .image-container {
    width: 79vw;
    perspective: 2500px;
    position: absolute;
    top: 0%;
    left: 100%;
  }
}

/* line 426, app/assets/stylesheets/marketing/footer.scss */
.marketing-page .footer-topper-2 .image-container img {
  display: block;
  width: 100%;
  transform-origin: top left;
  transform: rotateX(20deg) rotateY(341deg) rotateZ(4deg) translateX(7vw);
  border: 10px solid #0000000d;
  border-radius: 15px;
  margin-bottom: -7vh;
}

@media (min-width: 576px) {
  /* line 426, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 .image-container img {
    transform: rotateX(25deg) rotateY(352deg) rotateZ(3deg) translateX(4vw);
    margin-bottom: -10vh;
  }
}

@media (min-width: 1200px) {
  /* line 426, app/assets/stylesheets/marketing/footer.scss */
  .marketing-page .footer-topper-2 .image-container img {
    border: 12px solid #0000000d;
    border-radius: 20px;
    transform: rotateX(38deg) rotateY(353deg) rotateZ(2deg) translateX(9vw) translateY(6vh) scale(1);
    margin-bottom: -12vh;
  }
}

/* line 1, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header {
    text-align: center;
  }
}

/* line 9, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header p {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  color: #727272;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header p {
    font-size: 20px;
    line-height: 27px;
  }
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header p {
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Icon and Title Header
/* ===================================================================== */
/* ===================================================================== */
/* line 30, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header .icon-and-title-header {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #2f2f2f;
}

/* line 37, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header .icon-and-title-header .icon-container {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header .icon-and-title-header .icon-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
  }
}

/* line 58, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header .icon-and-title-header i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
}

@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header .icon-and-title-header i {
    font-size: 38px;
  }
}

/* line 66, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header .icon-and-title-header .title {
  position: relative;
}

@media (min-width: 576px) {
  /* line 66, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header .icon-and-title-header .title {
    top: 0px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Section Headline
/* ===================================================================== */
/* ===================================================================== */
/* line 78, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header.section-headline {
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header.section-headline {
    margin-bottom: 80px;
  }
}

/* line 83, app/assets/stylesheets/marketing/text_blocks.scss */
.marketing-page .text-block-header.section-headline h2 {
  font-size: 37px;
  font-weight: 800;
}

@media (min-width: 1200px) {
  /* line 83, app/assets/stylesheets/marketing/text_blocks.scss */
  .marketing-page .text-block-header.section-headline h2 {
    font-size: 49px;
  }
}

/* line 1, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-hero-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60vw;
  margin-top: 60px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/webinars.scss */
  #webinars.marketing-page .feature-hero-container img {
    width: 40vw;
    max-width: 400px;
  }
}

/* Max Width Container
======================================================================== */
/* line 15, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .max-width-container.webinar-list-container {
  max-width: 1000px;
}

/* Feature Cards (for Webinars)
======================================================================== */
/* line 21, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-card .feature-card-header {
  position: relative;
  z-index: 2;
  padding-top: 0px;
  align-self: flex-end;
}

/* line 26, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-card .feature-card-header p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}

/* line 33, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-card .feature-card-content {
  padding: 20px;
}

/* Duration
======================================================================== */
/* line 39, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-card .duration {
  border: 1px solid #c0c3de;
  color: #c0c3de;
  padding: 5px 7px;
  border-radius: 100px;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* line 48, app/assets/stylesheets/marketing/webinars.scss */
#webinars.marketing-page .feature-card .duration i {
  margin-right: 3px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Book Demo Confirmation
/* ===================================================================== */
/* ===================================================================== */
/* line 58, app/assets/stylesheets/marketing/webinars.scss */
.marketing-page.book-demo-confirmation-page .booking-success {
  min-height: 100vh;
  padding-top: 120px;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/marketing/webinars.scss */
  .marketing-page.book-demo-confirmation-page .booking-success {
    text-align: center;
    padding-top: 150px;
  }
}

/* line 68, app/assets/stylesheets/marketing/webinars.scss */
.marketing-page.book-demo-confirmation-page .confirmed-check {
  display: block;
  font-size: 40px;
  margin-bottom: 15px;
  color: #b168c4;
}

@media (min-width: 576px) {
  /* line 68, app/assets/stylesheets/marketing/webinars.scss */
  .marketing-page.book-demo-confirmation-page .confirmed-check {
    font-size: 50px;
  }
}

/* line 78, app/assets/stylesheets/marketing/webinars.scss */
.marketing-page.book-demo-confirmation-page h1.animated-gradient-text {
  font-size: 45px;
  font-weight: 800;
  margin-bottom: 15px;
  text-wrap: balance;
  line-height: 48px;
}

/* line 86, app/assets/stylesheets/marketing/webinars.scss */
.marketing-page.book-demo-confirmation-page .booking-success p {
  font-size: 17px;
  margin-bottom: 30px;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/marketing/webinars.scss */
  .marketing-page.book-demo-confirmation-page .booking-success p {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/marketing/webinars.scss */
  .marketing-page.book-demo-confirmation-page .booking-success p {
    font-size: 20px;
    margin-bottom: 40px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 1, app/assets/stylesheets/marketing/contact.scss */
#contact.marketing-page .feature-card .channel-icon {
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/contact.scss */
  #contact.marketing-page .feature-card .channel-icon {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 1, app/assets/stylesheets/marketing/contact.scss */
  #contact.marketing-page .feature-card .channel-icon {
    margin-bottom: 50px;
  }
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/marketing/contact.scss */
  #contact.marketing-page .feature-card-stack {
    min-height: 60vh;
  }
}

/* Feature Cards (for Contact Medium)
======================================================================== */
/* line 21, app/assets/stylesheets/marketing/contact.scss */
#contact.marketing-page .feature-card .feature-card-header {
  position: relative;
  z-index: 2;
}

/* line 5, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container {
  padding-top: 100px;
  min-height: 100vh;
}

/* line 10, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .beta-callout {
  text-align: center;
}

/* line 12, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .beta-callout i {
  font-size: 35px;
}

/* line 15, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .beta-callout h2 {
  margin-top: 15px;
  margin-bottom: 20px;
}

/* line 19, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .beta-callout p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 50px;
  text-wrap: balance;
  font-size: 18px;
}

@media (min-width: 576px) {
  /* line 10, app/assets/stylesheets/marketing/pricing.scss */
  #pricing.marketing-page .pricing-container .beta-callout {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 33, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .pricing-details-container {
  margin-left: 30px;
  margin-right: 30px;
}

@media (min-width: 576px) {
  /* line 33, app/assets/stylesheets/marketing/pricing.scss */
  #pricing.marketing-page .pricing-container .pricing-details-container {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 43, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .pricing-details-container p.no-obligation {
  text-align: center;
  margin-top: 10px;
}

/* line 48, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier {
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  margin-top: 20px;
  padding: 20px;
}

/* line 54, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier .tier-name, #pricing.marketing-page .pricing-container .price-tier .tier-info {
  display: block;
  color: #868686;
  font-size: 14px;
}

/* line 59, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier .tier-info {
  margin-top: 10px;
}

/* line 62, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier .tier-rate {
  display: block;
  font-weight: 800;
  font-size: 20px;
  margin-top: 10px;
}

/* line 68, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier .tier-discount {
  position: absolute;
  top: 0px;
  right: 10px;
  background-color: #15384a;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 100px;
  transform: translateY(-50%);
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/marketing/pricing.scss */
  #pricing.marketing-page .pricing-container .price-tier:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  }
}

/* line 86, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .price-tier.selected {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  border-color: #15384a;
}

/* line 92, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page button.start-free-button {
  margin-top: 20px;
  border-radius: 15px;
}

/* line 97, app/assets/stylesheets/marketing/pricing.scss */
#pricing.marketing-page .pricing-container .faq-accordion {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}

/* line 1, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container {
  columns: 3 200px;
  gap: 32px;
}

/* line 6, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container .quote-card {
  break-inside: avoid;
  padding: 32px;
  margin-bottom: 32px;
  border: 1px solid #eeeeee;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 16px;
  border-radius: 12px;
}

/* line 15, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container .quote-card p {
  font-size: 18px;
  color: #2f2f2f;
  font-weight: 600;
  line-height: 1.5;
}

@media (min-width: 576px) {
  /* line 15, app/assets/stylesheets/marketing/social_proof.scss */
  .marketing-page .social-proof__collage-container .quote-card p {
    font-size: 17px;
  }
}

/* line 22, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container .quote-card .attribution {
  margin-top: 24px;
}

/* line 24, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container .quote-card .attribution p {
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 1.3;
  font-weight: 400;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/marketing/social_proof.scss */
  .marketing-page .social-proof__collage-container .quote-card .attribution p {
    font-size: 14.5px;
  }
}

/* line 30, app/assets/stylesheets/marketing/social_proof.scss */
.marketing-page .social-proof__collage-container .quote-card .attribution p.name {
  font-weight: 400;
}

/* line 1, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon {
  background-color: #c4c4c4;
  display: inline-block;
  position: relative;
}

/* line 7, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* line 11, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.app-icon-md {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

/* line 15, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.app-icon-md i {
  font-size: 25px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Colors
/* ===================================================================== */
/* ===================================================================== */
/* line 26, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.purple {
  background-color: #efe7fb;
}

/* line 28, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.purple i {
  color: #9a45e7;
}

/* line 33, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.light-blue {
  background-color: #e9f7fd;
}

/* line 35, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.light-blue i {
  color: #6dccec;
}

/* line 40, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.pink {
  background-color: #ffedf3;
}

/* line 42, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.pink i {
  color: #f18eb3;
}

/* line 47, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.red {
  background-color: #ffe6e8;
}

/* line 49, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.red i {
  color: #f1485c;
}

/* line 54, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.dark-blue {
  background-color: #e2e0ff;
}

/* line 56, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.dark-blue i {
  color: #464dce;
}

/* line 61, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.green {
  background-color: #e0f7ed;
}

/* line 63, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.green i {
  color: #21ce8f;
}

/* line 68, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.yellow {
  background-color: #fff4d5;
}

/* line 70, app/assets/stylesheets/marketing/app_icons.scss */
.marketing-page .app-icon.yellow i {
  color: #cfa800;
}

/* line 1, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .header {
  background-color: #fff;
  padding: 15px;
  padding-left: 25px;
}

/* line 7, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .header .logo {
  display: block;
  width: 150px;
  filter: invert(17%) sepia(7%) saturate(4508%) hue-rotate(157deg) brightness(95%) contrast(90%);
}

/* line 13, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .landing-page-content-container {
  background-color: #fff;
}

/* line 17, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .landing-page-content-block {
  padding: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/marketing/landing_pages.scss */
  .marketing-landing-page .landing-page-content-block {
    max-width: 1200px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 576px) {
  /* line 30, app/assets/stylesheets/marketing/landing_pages.scss */
  .marketing-landing-page h2 {
    font-size: 45px;
    margin-bottom: 30px;
  }
}

/* line 37, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .landing-page-content-block p {
  color: #fff;
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/landing_pages.scss */
  .marketing-landing-page .landing-page-content-block p {
    font-size: 19px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 47, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .feature-badges-container {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/marketing/landing_pages.scss */
  .marketing-landing-page .feature-badges-container {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

/* line 60, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .feature-badge {
  display: inline-block;
  padding: 6px;
  border-radius: 6px;
  margin: 3px;
  font-size: 14px;
  font-weight: 800;
}

@media (min-width: 576px) {
  /* line 60, app/assets/stylesheets/marketing/landing_pages.scss */
  .marketing-landing-page .feature-badge {
    padding: 10px;
    font-size: 16px;
  }
}

/* line 73, app/assets/stylesheets/marketing/landing_pages.scss */
.marketing-landing-page .confirmed-check {
  color: #00ab86;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 50px;
  margin-bottom: 15px;
}

/* line 1, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.01);
  height: calc(100% - 30px);
  display: grid;
  border: 1px solid #eeeeee;
  position: relative;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack .feature-card {
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  /* line 21, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack.mobile-full-width {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media (max-width: 480px) {
  /* line 29, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack.mobile-full-width .feature-card.lg-radius, .marketing-page .feature-card-stack.mobile-full-width .feature-card.lg-radius .backdrop-control, .marketing-page .feature-card-stack.mobile-full-width .feature-card.lg-radius .feature-card-noise {
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
  }
}

@media (max-width: 480px) {
  /* line 36, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack.mobile-full-width .feature-card.lg-radius {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Expanding Rows
/* ===================================================================== */
/* ===================================================================== */
/* line 50, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card.grow-header {
  grid-template-rows: 1fr auto;
}

/* line 54, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card[data-grow="content"] {
  grid-template-rows: auto 1fr;
}

/* ===================================================================== */
/* ===================================================================== */
/* Border Radius
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card.md-radius {
  border-radius: 10px;
}

@media (min-width: 576px) {
  /* line 63, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack .feature-card.md-radius {
    border-radius: 20px;
  }
}

/* line 70, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card.lg-radius,
.marketing-page .feature-card-stack .feature-card.lg-radius .backdrop-control {
  border-radius: 20px;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
  .marketing-page .feature-card-stack .feature-card.lg-radius,
.marketing-page .feature-card-stack .feature-card.lg-radius .backdrop-control {
    border-radius: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Noise
/* ===================================================================== */
/* ===================================================================== */
/* line 83, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-noise {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
}

/* line 87, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-noise.none {
  opacity: 0;
}

/* line 90, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-noise.light {
  opacity: 0.2;
}

/* line 93, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-noise.medium {
  opacity: 0.35;
}

/* line 96, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-noise.heavy {
  opacity: 0.5;
}

/* ===================================================================== */
/* ===================================================================== */
/* Backdrop Control
/* ===================================================================== */
/* ===================================================================== */
/* line 106, app/assets/stylesheets/marketing/feature_cards/card_layout.scss */
.marketing-page .feature-card-stack .feature-card .backdrop-control {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

/* ===================================================================== */
/* ===================================================================== */
/* Marketing Themes
/* ===================================================================== */
/* ===================================================================== */
/* line 7, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .dark-theme-white h1, .marketing-page .dark-theme-white h2, .marketing-page .dark-theme-white h3, .marketing-page .dark-theme-white h4, .marketing-page .dark-theme-white p {
  color: #fff;
}

/* line 10, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .dark-theme-white button.learn-more-button {
  background-color: #00000000;
  border-color: #ffffff24;
  color: #fff;
}

/* line 14, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .dark-theme-white button.learn-more-button .icon-container {
  background-color: #ffffff63;
}

/* line 17, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .dark-theme-white button.learn-more-button .icon-container i {
  color: #fff;
}

/* line 24, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-deep-blue h1, .marketing-page .light-theme-deep-blue h2, .marketing-page .light-theme-deep-blue h3, .marketing-page .light-theme-deep-blue h4, .marketing-page .light-theme-deep-blue p {
  color: #2f2f2f;
}

/* line 27, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-deep-blue button.learn-more-button {
  background-color: #fff;
  border-color: #4d4d4d38;
  color: #2f2f2f;
}

/* line 31, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-deep-blue button.learn-more-button .icon-container {
  background-color: #c8c8c8;
}

/* line 34, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-deep-blue button.learn-more-button .icon-container i {
  color: #fff;
}

/* line 41, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-soft-black h1, .marketing-page .light-theme-soft-black h2, .marketing-page .light-theme-soft-black h3, .marketing-page .light-theme-soft-black h4, .marketing-page .light-theme-soft-black p {
  color: #464646;
}

/* line 44, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-soft-black button.learn-more-button {
  background-color: #00000000;
  border-color: #00000024;
  color: #464646;
}

/* line 48, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-soft-black button.learn-more-button .icon-container {
  background-color: #00000014;
}

/* line 51, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.marketing-page .light-theme-soft-black button.learn-more-button .icon-container i {
  color: #464646;
}

/* ===================================================================== */
/* ===================================================================== */
/* Color Schemes
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-dark-theme h1, .bg-dark-theme h2, .bg-dark-theme h3, .bg-dark-theme h4, .bg-dark-theme p {
  color: #fff;
}

/* line 66, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-dark-theme .btn-outlined-blur {
  background-color: transparent;
  color: #fff;
  border-color: #ffffff66;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 75, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-black {
  background-color: #000;
}

/* line 77, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-black h3 {
  color: #fff !important;
}

/* line 80, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-black p {
  color: #fff !important;
}

/* line 85, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-off-black {
  background-color: #212121 !important;
}

/* line 87, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-off-black h3 {
  color: #fff !important;
}

/* line 90, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-off-black p {
  color: #fff !important;
}

/* line 95, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-pastel-1-gradient {
  background-image: linear-gradient(135deg, #5961F9 10%, #EE9AE5 100%);
}

/* line 97, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-pastel-1-gradient h3 {
  color: #fff !important;
}

/* line 100, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-pastel-1-gradient p {
  color: #fff !important;
}

/* line 105, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-red-gradient {
  background-color: #FF3CAC;
  background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
}

/* line 108, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-red-gradient h3 {
  color: #fff !important;
}

/* line 111, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-red-gradient p {
  color: #fff !important;
}

/* line 116, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-black-gradient {
  background-image: radial-gradient(circle farthest-corner at 10% 20%, #642b73 0%, #040004 90%);
}

/* line 118, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-black-gradient h3 {
  color: #fff !important;
}

/* line 121, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-black-gradient p {
  color: #fff !important;
}

/* line 126, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-steel-gradient {
  background-image: linear-gradient(76.3deg, #2c3e4e 12.6%, #456783 82.8%);
}

/* line 128, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-steel-gradient h3 {
  color: #fff !important;
}

/* line 131, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-steel-gradient p {
  color: #fff !important;
}

/* line 136, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-steel-gradient {
  background-image: linear-gradient(94.3deg, #1a2140 10.9%, #313557 87.1%);
}

/* line 138, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-steel-gradient h1, .bg-purple-steel-gradient h2, .bg-purple-steel-gradient h3, .bg-purple-steel-gradient h4 {
  color: #fff !important;
}

/* line 141, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-steel-gradient p {
  color: #fff !important;
}

/* line 144, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-purple-steel-gradient .btn-outlined-blur {
  background-color: transparent;
  color: #fbf3ff;
  border-color: #efc8ff8a;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 153, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-dark-blue-noise {
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

/* line 156, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-dark-blue-noise h3 {
  color: #fff !important;
}

/* line 159, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-dark-blue-noise p {
  color: #fff !important;
}

/* line 164, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-blue {
  background: radial-gradient(circle, #fff 0%, #d8eeff 60%);
}

/* line 169, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-blue h1, .bg-white-blue h2, .bg-white-blue h3, .bg-white-blue h4, .bg-white-blue p {
  color: #3A5266 !important;
}

/* line 172, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-blue .wave-divider {
  filter: invert(31%) sepia(40%) saturate(475%) hue-rotate(155deg) brightness(87%) contrast(86%);
  opacity: 0.1;
}

/* line 176, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-blue .cta-button {
  background-color: #fff;
  color: #3A5266;
  box-shadow: 0px 0px 7px 1px #3757673d;
  -webkit-box-shadow: 0px 0px 7px 1px #3757673d;
}

/* line 184, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-purple {
  background: radial-gradient(circle, #fff 0%, #f3eaff 60%);
}

/* line 187, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-purple h1, .bg-white-purple h2, .bg-white-purple h3, .bg-white-purple h4, .bg-white-purple p {
  color: #604781 !important;
}

/* line 190, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-purple .wave-divider {
  filter: invert(18%) sepia(12%) saturate(3251%) hue-rotate(243deg) brightness(94%) contrast(90%);
  opacity: 0.1;
}

/* line 194, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-purple .cta-button {
  background-color: #fff;
  color: #604781;
  box-shadow: 0px 0px 7px 1px #512a5c47;
  -webkit-box-shadow: 0px 0px 7px 1px #512a5c47;
}

/* line 202, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-yellow {
  background: radial-gradient(circle, #fff 0%, #ffe8e6 60%);
}

/* line 205, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-yellow h1, .bg-white-yellow h2, .bg-white-yellow h3, .bg-white-yellow h4, .bg-white-yellow p {
  color: #6e3e3a !important;
}

/* line 208, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-yellow .wave-divider {
  filter: invert(30%) sepia(97%) saturate(454%) hue-rotate(352deg) brightness(96%) contrast(86%);
  opacity: 0.1;
}

/* line 212, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-white-yellow .cta-button {
  background-color: #fff;
  color: #6e3e3a;
  box-shadow: 0px 0px 7px 1px #8b56184a;
  -webkit-box-shadow: 0px 0px 7px 1px #8b56184a;
}

/* line 220, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-liquid-gradient-1 {
  background-image: linear-gradient(45deg, rgba(254, 246, 210, 0.53) 0%, rgba(254, 246, 210, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 100.002%), linear-gradient(135deg, #f663c8 0%, #f663c8 12.5%, #df62c4 12.5%, #df62c4 25%, #c761c0 25%, #c761c0 37.5%, #b060bc 37.5%, #b060bc 50%, #985fb8 50%, #985fb8 62.5%, #815eb4 62.5%, #815eb4 75%, #695db0 75%, #695db0 87.5%, #525cac 87.5%, #525cac 100%);
}

/* line 237, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-madras {
  background-color: #e9d4b9;
  background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(11, 36, 45, 0.5) 5px, rgba(11, 36, 45, 0.5) 10px, rgba(211, 119, 111, 0) 10px, rgba(211, 119, 111, 0) 35px, rgba(211, 119, 111, 0.5) 35px, rgba(211, 119, 111, 0.5) 40px, rgba(11, 36, 45, 0.5) 40px, rgba(11, 36, 45, 0.5) 50px, rgba(11, 36, 45, 0) 50px, rgba(11, 36, 45, 0) 60px, rgba(211, 119, 111, 0.5) 60px, rgba(211, 119, 111, 0.5) 70px, rgba(247, 179, 85, 0.5) 70px, rgba(247, 179, 85, 0.5) 80px, rgba(247, 179, 85, 0) 80px, rgba(247, 179, 85, 0) 90px, rgba(211, 119, 111, 0.5) 90px, rgba(211, 119, 111, 0.5) 110px, rgba(211, 119, 111, 0) 110px, rgba(211, 119, 111, 0) 120px, rgba(11, 36, 45, 0.5) 120px, rgba(11, 36, 45, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, rgba(11, 36, 45, 0.5) 5px, rgba(11, 36, 45, 0.5) 10px, rgba(211, 119, 111, 0) 10px, rgba(211, 119, 111, 0) 35px, rgba(211, 119, 111, 0.5) 35px, rgba(211, 119, 111, 0.5) 40px, rgba(11, 36, 45, 0.5) 40px, rgba(11, 36, 45, 0.5) 50px, rgba(11, 36, 45, 0) 50px, rgba(11, 36, 45, 0) 60px, rgba(211, 119, 111, 0.5) 60px, rgba(211, 119, 111, 0.5) 70px, rgba(247, 179, 85, 0.5) 70px, rgba(247, 179, 85, 0.5) 80px, rgba(247, 179, 85, 0) 80px, rgba(247, 179, 85, 0) 90px, rgba(211, 119, 111, 0.5) 90px, rgba(211, 119, 111, 0.5) 110px, rgba(211, 119, 111, 0) 110px, rgba(211, 119, 111, 0) 140px, rgba(11, 36, 45, 0.5) 140px, rgba(11, 36, 45, 0.5) 160px);
}

/* line 253, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-madras h3 {
  color: #fff !important;
}

/* line 257, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-madras p {
  color: #fff !important;
}

/* line 262, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-argyle {
  background-color: #6d695c !important;
  background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(120deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
  background-size: 70px 120px;
}

/* line 270, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-argyle h3 {
  color: #fff !important;
}

/* line 273, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-argyle p {
  color: #fff !important;
}

/* line 278, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-cicada {
  background-color: #026873;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255, 255, 255, 0.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.19) 50%);
  background-size: 13px, 29px, 37px, 53px;
}

/* line 285, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-cicada h3 {
  color: #fff !important;
}

/* line 288, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-cicada p {
  color: #fff !important;
}

/* line 295, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-diamonds {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.6) 0, rgba(192, 235, 250, 0.2) 2em), repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.4) 0, rgba(192, 235, 250, 0.1) 2em), #FFF;
  background-blend-mode: multiply;
}

/* line 328, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-diamonds h3 {
  color: #26383f !important;
}

/* line 331, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-blue-diamonds p {
  color: #264a58 !important;
}

/* line 336, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-tan-geos {
  background: 43.3px 50px/86.6px 150px radial-gradient(1% 66% at 0 100%, tan 99%, transparent 0), 43.3px 100px/86.6px 150px radial-gradient(1% 66% at 100% 0, tan 99%, transparent 0), 0 25px/86.6px 150px radial-gradient(1% 66% at 100% 0, tan 99%, transparent 0), 0 125px/86.6px 150px radial-gradient(1% 66% at 0 100%, tan 99%, transparent 0), 0 100px/86.6px 150px linear-gradient(30deg, white 2.5%, tan 0 7.5%, white 0 12%, tan 0 13%, transparent 0), 0 125px/86.6px 150px linear-gradient(30deg, white 5%, tan 0 10%, white 0 12.5%, transparent 0), 43.3px 100px/86.6px 150px linear-gradient(210deg, white 5%, tan 0 10%, white 0 12.5%, transparent 0), 43.3px 125px/86.6px 150px linear-gradient(210deg, white 2.5%, tan 0 7.5%, white 0 12%, tan 0 13%, transparent 0), 43.3px 25px/86.6px 150px linear-gradient(30deg, white 2.5%, tan 0 7.5%, white 0 12%, tan 0 13%, transparent 0), 43.3px 50px/86.6px 150px linear-gradient(30deg, white 5%, tan 0 10%, white 0 12.5%, transparent 0), 0 25px/86.6px 150px linear-gradient(210deg, white 5%, tan 0 10%, white 0 12.5%, transparent 0), 0 50px/86.6px 150px linear-gradient(210deg, white 2.5%, tan 0 7.5%, white 0 12%, tan 0 13%, transparent 0), 43.3px 75px/86.6px 150px linear-gradient(150deg, transparent 37%, tan 0 38%, white 0 42.5%, tan 0 47.5%, white 0 52.5%, tan 0 57.5%, white 0 62%, tan 0 63%, transparent 0), 0 0/86.6px 150px linear-gradient(150deg, transparent 37%, tan 0 38%, white 0 42.5%, tan 0 47.5%, white 0 52.5%, tan 0 57.5%, white 0 62%, tan 0 63%, transparent 0), 0 0/86.6px 150px linear-gradient(90deg, tan 1%, white 0 10%, tan 0 20%, white 0 30%, tan 0 40%, white 0 49%, tan 0 51%, white 0 60%, tan 0 70%, white 0 80%, tan 0 90%, white 0 99%, tan 0);
}

/* line 353, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-tan-geos h3 {
  color: #fff !important;
}

/* line 356, app/assets/stylesheets/marketing/feature_cards/colors.scss */
.bg-tan-geos p {
  color: #fff !important;
}

/* line 1, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .header-col {
  display: flex;
  flex-direction: column;
  padding: 0px;
}

/* line 8, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .header-col[data-align-vertical="center"] {
  align-self: center;
}

/* line 11, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .header-col[data-align-vertical="bottom"] {
  justify-content: end;
}

/* line 16, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-header {
  text-align: center;
  padding: 40px;
  position: relative;
  z-index: 3;
}

@media (min-width: 1200px) {
  /* line 16, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card .feature-card-header {
    padding: 55px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Padding & Margins
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card-header.more-padding {
    padding: 45px 120px 25px 120px;
  }
}

@media (min-width: 576px) {
  /* line 38, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card-header.pb-lg {
    padding-bottom: 45px;
  }
}

@media (min-width: 576px) {
  /* line 44, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card-header.pb-xl {
    padding-bottom: 70px !important;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Left Aligned
/* ===================================================================== */
/* ===================================================================== */
/* line 55, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-header.left-aligned {
  text-align: left;
}

@media (min-width: 576px) {
  /* line 55, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card .feature-card-header.left-aligned {
    max-width: 700px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Eyebrow
/* ===================================================================== */
/* ===================================================================== */
/* line 73, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card h3.eyebrow-md {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 73, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card h3.eyebrow-md {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

/* line 83, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card h3.eyebrow-lg {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card h3.eyebrow-lg {
    margin-bottom: 20px;
    font-size: 19px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Headline
/* ===================================================================== */
/* ===================================================================== */
/* line 98, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card h3.headline {
  font-weight: 800;
  margin-bottom: 10px;
  font-size: 21px;
}

@media (min-width: 576px) {
  /* line 104, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card h3.headline.large {
    font-size: 33px;
  }
}

/* line 110, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  /* line 110, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card p {
    font-size: 16px;
    line-height: 23px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Details Button
/* ===================================================================== */
/* ===================================================================== */
/* line 126, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card .details-button {
  border: 1px solid #dcdcdc;
  color: #656565;
  border-radius: 500px;
  padding: 5px 10px;
  font-weight: 600;
}

/* ===================================================================== */
/* ===================================================================== */
/* Main Feature Card
/* ===================================================================== */
/* ===================================================================== */
/* line 139, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card.main-feature {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 143, app/assets/stylesheets/marketing/feature_cards/header.scss */
.marketing-page .feature-card-stack .feature-card.main-feature .feature-card-header {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  /* line 143, app/assets/stylesheets/marketing/feature_cards/header.scss */
  .marketing-page .feature-card-stack .feature-card.main-feature .feature-card-header {
    margin-bottom: 40px;
  }
}

/* line 6, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col {
  display: flex;
  flex-direction: column;
  padding: 0px;
}

/* line 13, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-v="center"] {
  justify-content: center;
}

/* line 16, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-v="bottom"] {
  justify-content: end;
}

/* line 19, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-h="center"] {
  text-align: center;
}

/* line 21, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-h="center"] img {
  margin-left: auto;
  margin-right: auto;
}

/* line 23, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-h="right"] {
  text-align: right;
}

/* line 25, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .content-col[data-align-h="right"] img {
  margin-left: auto;
}

/* line 29, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-content {
  position: relative;
  z-index: 3;
}

/* line 35, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card img {
  display: block;
  max-width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Content Alignments
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Perspective Image
/* ===================================================================== */
/* ===================================================================== */
/* line 73, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-content.perspective {
  perspective: 2000px;
}

/* line 77, app/assets/stylesheets/marketing/feature_cards/content.scss */
.marketing-page .feature-card-stack .feature-card .feature-card-content.perspective img {
  transform: rotateY(-9deg) rotateX(14deg) scale(1.1) translateX(9%);
}

/* Sales
======================================================================== */
/* line 3, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/home/first_dance.jpg");
  background-size: cover;
  background-position: top;
}

/* line 7, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales .backdrop-control {
  backdrop-filter: blur(0px) brightness(0.3);
  -webkit-backdrop-filter: blur(0px) brightness(0.3);
}

/* line 11, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales .screenshot {
  background-color: #ffffff00;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border: 2px solid #ffffff1c;
  border-bottom-width: 0px;
  padding: 5px;
  padding-bottom: 0px;
  backdrop-filter: blur(29px) brightness(1);
  -webkit-backdrop-filter: blur(29px) brightness(1);
  width: 160%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 70px;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-sales .screenshot {
    left: 0px;
    margin-top: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-sales .screenshot {
    width: 116%;
    left: 0px;
  }
}

/* line 34, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales .screenshot img {
  display: block;
  border-top-left-radius: 8px;
}

/* line 39, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales p {
  font-size: 26px;
  line-height: 35px;
}

/* line 43, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-sales button {
  margin-top: 20px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-sales .feature-card-header {
    padding-left: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-sales .feature-card-header {
    padding-left: 70px;
  }
}

/* Planning
======================================================================== */
/* line 59, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects {
  overflow: visible;
  background-size: cover;
  background-position: bottom center;
}

/* line 60, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects .feature-card-header {
  position: relative;
}

/* line 67, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects .backdrop-control {
  backdrop-filter: blur(0px) brightness(1);
  -webkit-backdrop-filter: blur(28px) brightness(1);
  background-color: #00000014;
}

/* line 72, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects img.orbit {
  margin-top: -35px;
}

@media (min-width: 1200px) {
  /* line 72, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-projects img.orbit {
    margin-top: -130px;
  }
}

/* line 78, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects p {
  font-weight: 800;
  font-size: 28px;
  line-height: 35px;
}

@media (min-width: 576px) {
  /* line 78, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-projects p {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-projects p {
    font-size: 35px;
    line-height: 40px;
  }
}

/* line 90, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-projects button {
  margin-top: 20px;
}

/* Clients
======================================================================== */
/* line 97, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients {
  overflow: visible;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/home/barn_wedding.webp");
  background-size: cover;
  background-position: right;
}

/* line 102, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients .backdrop-control {
  backdrop-filter: blur(0px) brightness(1);
  -webkit-backdrop-filter: blur(0px) brightness(1);
  background-image: linear-gradient(45deg, #842f8dbf, #3680c6d9);
}

/* line 108, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients .couple {
  position: relative;
  z-index: 5;
  width: 70%;
  margin-left: auto;
  position: relative;
  left: 60px;
  margin-top: -80px;
  top: 26px;
}

@media (min-width: 576px) {
  /* line 108, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients .couple {
    width: 45%;
    margin-top: -239px;
  }
}

@media (min-width: 1200px) {
  /* line 108, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients .couple {
    position: absolute;
    bottom: -20px;
    right: -50px;
    height: 400px;
    width: unset;
    margin-top: unset;
    left: unset;
    top: unset;
  }
}

/* line 133, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients p {
  font-size: 45px;
  line-height: 46px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-weight: 800;
}

@media (min-width: 576px) {
  /* line 133, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients p {
    font-size: 60px;
    line-height: 55px;
    margin-top: 50px;
    margin-left: 30px;
    margin-bottom: 15px;
    max-width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 133, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients p {
    margin-top: 50px;
    margin-left: 30px;
    max-width: unset;
  }
}

/* line 154, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients button#learn-more-button-mobile {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 6;
}

@media (min-width: 576px) {
  /* line 154, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients button#learn-more-button-mobile {
    display: none;
  }
}

/* line 165, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
.marketing-page .feature-card-stack .feature-card.use-case-clients button#learn-more-button-tablet-desktop {
  display: none;
  margin-left: 30px;
  position: relative;
  top: 30px;
}

@media (min-width: 576px) {
  /* line 165, app/assets/stylesheets/marketing/feature_cards/pages/home.scss */
  .marketing-page .feature-card-stack .feature-card.use-case-clients button#learn-more-button-tablet-desktop {
    display: block;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Computer And Features
/* ===================================================================== */
/* ===================================================================== */
/* Contract Document Page
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
.marketing-page .feature-card-stack .feature-card.contract-document-page img {
  width: 90%;
  max-width: 600px;
}

/* Question Mark
======================================================================== */
/* line 13, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
.marketing-page .feature-card-stack .feature-card.documents-question-mark img {
  height: 300px;
  margin-bottom: 50px;
}

/* Question Types
======================================================================== */
/* line 22, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
.marketing-page .feature-card-stack .feature-card.documents-question-types img {
  width: 90%;
  max-width: 700px;
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
  .marketing-page .feature-card-stack .feature-card.documents-question-types img {
    margin-top: 60px;
    margin-bottom: 90px;
  }
}

/* Brochure Services
======================================================================== */
/* line 36, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
.marketing-page .feature-card-stack .feature-card.documents-brochure-services img {
  width: 90%;
  max-width: 700px;
}

@media (min-width: 576px) {
  /* line 36, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
  .marketing-page .feature-card-stack .feature-card.documents-brochure-services img {
    position: relative;
    right: -20%;
    transform: scale(1.2);
  }
}

@media (min-width: 1034px) {
  /* line 36, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
  .marketing-page .feature-card-stack .feature-card.documents-brochure-services img {
    right: -13%;
    transform: scale(1);
    margin-top: 50px;
  }
}

/* Brochure Vendors
======================================================================== */
/* line 55, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
.marketing-page .feature-card-stack .feature-card.documents-brochure-vendors img {
  width: 90%;
  max-width: 600px;
}

/* Templates
======================================================================== */
@media (min-width: 1034px) {
  /* line 64, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
  .marketing-page .feature-card-stack .feature-card.documents-templates img {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/marketing/feature_cards/pages/documents.scss */
  .marketing-page .feature-card-stack .feature-card.documents-templates img {
    width: 70%;
  }
}

/* Lead Forms
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-forms img {
  width: 90%;
}

/* Lead Sources
======================================================================== */
/* line 13, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-sources img {
  width: 70%;
  margin-bottom: 60px;
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-sources img {
    width: 80%;
  }
}

/* Documents
======================================================================== */
/* line 25, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-documents img {
  padding-left: 27px;
}

@media (min-width: 576px) {
  /* line 25, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-documents img {
    margin-top: 30px;
  }
}

@media (min-width: 1034px) {
  /* line 25, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-documents img {
    padding-left: 35px;
  }
}

/* Quotes
======================================================================== */
/* line 39, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-quotes img {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 576px) {
  /* line 39, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-quotes img {
    width: 75%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1034px) {
  /* line 39, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-quotes img {
    width: 60%;
  }
}

/* Steps
======================================================================== */
/* line 59, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-steps img {
  padding-left: 25px;
  padding-right: 10px;
}

@media (min-width: 576px) {
  /* line 59, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-steps img {
    padding-left: 0px;
    padding-right: 0px;
    width: 85%;
  }
}

@media (min-width: 1034px) {
  /* line 59, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-steps img {
    width: 70%;
  }
}

/* Steps
======================================================================== */
/* line 76, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-activity img {
  transform: scale(1.2);
  transform-origin: top center;
}

@media (min-width: 1034px) {
  /* line 76, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-activity img {
    transform: scale(1);
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 76, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-activity img {
    padding-left: 50px;
  }
}

/* Workflows
======================================================================== */
/* line 92, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
.marketing-page .feature-card-stack .feature-card.leads-workflows img {
  transform: scale(2);
  transform-origin: top center;
  margin-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 92, app/assets/stylesheets/marketing/feature_cards/pages/leads.scss */
  .marketing-page .feature-card-stack .feature-card.leads-workflows img {
    transform: scale(1);
    margin-bottom: 0px;
  }
}

/* Visibility
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
.marketing-page .feature-card-stack .feature-card.calendar-visibility img {
  transform: scale(2);
  transform-origin: top right;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-visibility img {
    transform: scale(1);
    width: 90%;
  }
}

@media (min-width: 1034px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-visibility img {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-visibility img {
    width: 90%;
  }
}

/* Comments
======================================================================== */
/* line 24, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
.marketing-page .feature-card-stack .feature-card.calendar-comments img {
  padding-left: 25px;
  padding-right: 10px;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-comments img {
    padding-left: 0px;
    padding-right: 0px;
    width: 85%;
  }
}

@media (min-width: 1034px) {
  /* line 24, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-comments img {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-comments img {
    width: 67%;
    margin-top: 15px;
  }
}

/* Notifications
======================================================================== */
/* line 45, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
.marketing-page .feature-card-stack .feature-card.calendar-notifications img {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-notifications img {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    width: 75%;
  }
}

@media (min-width: 1034px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-notifications img {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-notifications img {
    width: 55%;
  }
}

/* Views
======================================================================== */
/* line 67, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
.marketing-page .feature-card-stack .feature-card.calendar-views img {
  transform: scale(1.7);
  transform-origin: top right;
  margin-bottom: 65px;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-views img {
    transform: scale(1);
    margin-bottom: 0px;
    width: 90%;
  }
}

@media (min-width: 1034px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-views img {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/calendar.scss */
  .marketing-page .feature-card-stack .feature-card.calendar-views img {
    width: 85%;
  }
}

/* Builder
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
.marketing-page .feature-card-stack .feature-card.quotes-builder img {
  padding-left: 25px;
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-builder img {
    padding-left: 50px;
  }
}

/* Mobile
======================================================================== */
/* line 15, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
.marketing-page .feature-card-stack .feature-card.quotes-mobile img {
  transform: scale(1.3);
  transform-origin: top center;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 15, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-mobile img {
    transform: scale(1);
    margin-bottom: 0px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-mobile img {
    width: 75%;
    margin-top: 20px;
  }
}

/* Selectable Options
======================================================================== */
/* line 34, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
.marketing-page .feature-card-stack .feature-card.quotes-selectable-options img {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 20px;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 34, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-selectable-options img {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 150px;
    margin-bottom: 150px;
    width: 90%;
  }
}

/* Approvals
======================================================================== */
/* line 52, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
.marketing-page .feature-card-stack .feature-card.quotes-approvals img {
  padding-left: 10px;
  padding-right: 20px;
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 52, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-approvals img {
    padding-left: 0px;
    padding-right: 0px;
    width: 90%;
  }
}

@media (min-width: 1034px) {
  /* line 52, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-approvals img {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 52, app/assets/stylesheets/marketing/feature_cards/pages/quotes.scss */
  .marketing-page .feature-card-stack .feature-card.quotes-approvals img {
    width: 80%;
  }
}

/* Builder
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-builder img {
  padding-left: 25px;
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-builder img {
    padding-left: 50px;
  }
}

/* Mobile
======================================================================== */
/* line 15, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-mobile img {
  transform: scale(1.3);
  transform-origin: top center;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 15, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-mobile img {
    transform: scale(1);
    margin-bottom: 0px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-mobile img {
    width: 75%;
    margin-top: 20px;
  }
}

/* Mobile
======================================================================== */
/* line 34, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-due-dates img {
  padding-left: 25px;
  margin-bottom: 50px;
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-due-dates img {
    padding-left: 50px;
  }
}

/* Mobile
======================================================================== */
/* line 46, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-status img {
  transform: scale(1.5) translateX(45px);
  transform-origin: top right;
  margin-bottom: 65px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-status img {
    transform: scale(1) translateX(30px);
    margin-bottom: 0px;
  }
}

@media (min-width: 1034px) {
  /* line 46, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-status img {
    transform: scale(1) translateX(0px);
    width: 70%;
    margin-top: 20px;
  }
}

/* Online Payments
======================================================================== */
/* line 64, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-online-payments {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/invoices/card_online_payments_bg.jpg");
  background-size: cover;
}

/* line 67, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-online-payments img {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-online-payments img {
    padding-left: 0px;
    padding-right: 0px;
    width: 80%;
  }
}

@media (min-width: 1034px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-online-payments img {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-online-payments img {
    width: 45%;
    margin-top: 30px;
    margin-bottom: 80px;
  }
}

/* Offline Payments
======================================================================== */
/* line 90, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-offline-payments img {
  padding-left: 27px;
}

@media (min-width: 1034px) {
  /* line 90, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-offline-payments img {
    padding-left: 45px;
  }
}

@media (min-width: 1200px) {
  /* line 90, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-offline-payments img {
    padding-left: 0px;
    width: 80%;
  }
}

/* Templates
======================================================================== */
/* line 105, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-templates img {
  padding-left: 27px;
  padding-right: 27px;
}

@media (min-width: 1034px) {
  /* line 105, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-templates img {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  /* line 105, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-templates img {
    padding-left: 0px;
    padding-right: 0px;
    width: 80%;
    margin-top: 35px;
  }
}

/* Packages
======================================================================== */
/* line 125, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
.marketing-page .feature-card-stack .feature-card.invoices-packages img {
  padding-left: 27px;
}

@media (min-width: 1034px) {
  /* line 125, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-packages img {
    padding-left: 70px;
  }
}

@media (min-width: 1200px) {
  /* line 125, app/assets/stylesheets/marketing/feature_cards/pages/invoices.scss */
  .marketing-page .feature-card-stack .feature-card.invoices-packages img {
    padding-left: 0px;
    width: 80%;
  }
}

/* Builder
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
.marketing-page .feature-card-stack .feature-card.timelines-builder img {
  transform: scale(1.8) translateX(15px);
  transform-origin: top left;
  margin-bottom: 130px;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-builder img {
    transform: scale(1) translateX(0px);
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1034px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-builder img {
    padding-left: 0px;
    padding-right: 0px;
    width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-builder img {
    width: 80%;
  }
}

/* Details
======================================================================== */
/* line 28, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
.marketing-page .feature-card-stack .feature-card.timelines-details img {
  padding-left: 27px;
}

@media (min-width: 1034px) {
  /* line 28, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-details img {
    padding-left: 0px;
    width: 85%;
  }
}

@media (min-width: 1200px) {
  /* line 28, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-details img {
    margin-top: 20px;
  }
}

/* Multiple Timelines
======================================================================== */
/* line 45, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
.marketing-page .feature-card-stack .feature-card.timelines-multiple-timelines img {
  width: 90%;
  margin-top: 20px;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-multiple-timelines img {
    width: 80%;
  }
}

@media (min-width: 1034px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-multiple-timelines img {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 45, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-multiple-timelines img {
    width: 60%;
  }
}

/* Shareable Views
======================================================================== */
/* line 64, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
.marketing-page .feature-card-stack .feature-card.timelines-shareable-views img {
  transform: scale(1.3) translateX(15px);
  transform-origin: top left;
  margin-bottom: 20px;
}

@media (min-width: 1034px) {
  /* line 64, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-shareable-views img {
    transform: scale(1.3) translateX(0px);
  }
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/marketing/feature_cards/pages/timelines.scss */
  .marketing-page .feature-card-stack .feature-card.timelines-shareable-views img {
    transform: scale(1.1) translateX(110px) translateY(60px);
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* Builder
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-adding-guests img {
  transform: scale(1.5) translateX(75px);
  transform-origin: top right;
  margin-bottom: 120px;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-adding-guests img {
    transform: scale(1) translateX(0px);
    margin-bottom: 0px;
    margin-top: 40px;
    margin-bottom: 25px;
  }
}

@media (min-width: 1034px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-adding-guests img {
    width: 90%;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-adding-guests img {
    width: 100%;
  }
}

/* Plus Ones
======================================================================== */
/* line 27, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-plus-ones img {
  padding-left: 27px;
  padding-right: 27px;
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-plus-ones img {
    padding-left: 0px;
    padding-right: 0px;
    width: 80%;
    margin-bottom: 60px;
  }
}

/* Groups
======================================================================== */
/* line 43, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-groups img {
  padding-left: 27px;
  margin-top: 20px;
}

@media (min-width: 1034px) {
  /* line 43, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-groups img {
    padding-left: 0px;
    width: 70%;
  }
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-groups img {
    width: 80%;
  }
}

/* Waitlists
======================================================================== */
/* line 58, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-waitlists {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/guests/card_waitlists_bg.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* line 63, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-waitlists img {
  margin-top: 10px;
  margin-bottom: 95px;
  width: 80%;
}

@media (min-width: 576px) {
  /* line 63, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-waitlists img {
    margin-top: 30px;
    margin-bottom: 140px;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  /* line 63, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-waitlists img {
    width: 40%;
    margin-bottom: 160px;
  }
}

/* Roles
======================================================================== */
/* line 81, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-roles {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/guests/card_roles_bg.jpg");
  background-size: cover;
}

/* line 84, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-roles img {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 20px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-roles img {
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
    margin-bottom: 60px;
  }
}

@media (min-width: 1034px) {
  /* line 84, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-roles img {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-roles img {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 80%;
  }
}

/* Collect Addresses
======================================================================== */
/* line 109, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-collect-addresses img {
  padding-right: 27px;
  margin-top: 20px;
}

@media (min-width: 1034px) {
  /* line 109, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-collect-addresses img {
    padding-right: 0px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 109, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-collect-addresses img {
    margin-top: 40px;
    width: 85%;
  }
}

/* Events
======================================================================== */
/* line 126, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-events img {
  margin-top: 20px;
  padding-left: 27px;
  transform: scale(1.2);
  transform-origin: top left;
  margin-bottom: 80px;
}

@media (min-width: 576px) {
  /* line 126, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-events img {
    margin-top: 170px;
    margin-bottom: 170px;
    transform: scale(1.5);
    transform-origin: center left;
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 126, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-events img {
    transform: scale(1);
    width: 85%;
  }
}

/* Meals
======================================================================== */
/* line 149, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-meals img {
  width: 65%;
  margin-bottom: 40px;
  margin-top: 15px;
}

/* Insights
======================================================================== */
/* line 159, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-insights img {
  width: 80%;
  margin-bottom: 60px;
  margin-top: 15px;
}

/* Insights
======================================================================== */
/* line 169, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-layout img {
  transform: scale(1.2);
  transform-origin: top center;
  margin-top: 15px;
  margin-bottom: 90px;
}

@media (min-width: 576px) {
  /* line 169, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-layout img {
    transform: scale(1);
    width: 70%;
    margin-top: 40px;
  }
}

@media (min-width: 1034px) {
  /* line 169, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-layout img {
    width: 100%;
    transform: scale(1.2);
  }
}

/* Etiquette
======================================================================== */
/* line 189, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-etiquette img {
  transform: scale(2.1) translateX(14px);
  transform-origin: top left;
  margin-bottom: 205px;
}

@media (min-width: 576px) {
  /* line 189, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-etiquette img {
    transform: scale(1) translateX(0px);
    margin-top: 20px;
    margin-bottom: 50px;
    width: 90%;
  }
}

@media (min-width: 1034px) {
  /* line 189, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-etiquette img {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 189, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-etiquette img {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}

/* Addressing
======================================================================== */
@media (min-width: 576px) {
  /* line 212, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-addressing img {
    width: 70%;
  }
}

/* Addressing
======================================================================== */
/* line 222, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
.marketing-page .feature-card-stack .feature-card.guests-invitation-status img {
  padding-left: 27px;
}

@media (min-width: 576px) {
  /* line 222, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-invitation-status img {
    padding-left: 0px;
    width: 80%;
    margin-top: 40px;
  }
}

@media (min-width: 1034px) {
  /* line 222, app/assets/stylesheets/marketing/feature_cards/pages/guests.scss */
  .marketing-page .feature-card-stack .feature-card.guests-invitation-status img {
    width: 90%;
  }
}

/* View List
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-view-list img {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 15px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-view-list img {
    padding-left: 0px;
    padding-right: 0px;
    width: 70%;
  }
}

/* View Board
======================================================================== */
/* line 20, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-view-board img {
  padding-left: 27px;
  margin-top: 15px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 20, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-view-board img {
    padding-left: 0px;
    width: 85%;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 20, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-view-board img {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 80px;
  }
}

/* Assign
======================================================================== */
/* line 40, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-assign img {
  width: 75%;
  margin-bottom: 40px;
}

@media (min-width: 1034px) {
  /* line 40, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-assign img {
    width: 60%;
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-assign img {
    width: 55%;
    margin-top: 80px;
    margin-bottom: 120px;
  }
}

/* Workloads
======================================================================== */
@media (min-width: 576px) {
  /* line 58, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads {
    background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/tasks/card_workloads_bg.jpg");
    background-size: cover;
    background-position: bottom right;
  }
  /* line 63, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads h3 {
    color: #204a69 !important;
  }
  /* line 66, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads p {
    color: #656565 !important;
  }
}

/* line 70, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-workloads img {
  margin-top: 0px;
  margin-bottom: 60px;
  padding-left: 15px;
  transform: scale(1.5);
  transform-origin: top left;
}

@media (min-width: 576px) {
  /* line 70, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads img {
    transform: scale(1) translateX(5%);
    margin-bottom: 20px;
    width: 80%;
  }
}

@media (min-width: 1034px) {
  /* line 70, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads img {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 70, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-workloads img {
    width: 72%;
    margin-bottom: 70px;
  }
}

/* Comments
======================================================================== */
/* line 94, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-comments img {
  width: 80%;
  margin-top: 40px;
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  /* line 94, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-comments img {
    width: 60%;
  }
}

@media (min-width: 1034px) {
  /* line 94, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-comments img {
    width: 50%;
  }
}

/* Statuses
======================================================================== */
/* line 110, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-statuses img {
  transform: scale(1.3) translateX(27px);
  transform-origin: top left;
  margin-top: 20px;
  margin-bottom: 120px;
}

@media (min-width: 576px) {
  /* line 110, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-statuses img {
    margin-top: 40px;
    transform: scale(1.1) translateX(27px);
  }
}

@media (min-width: 1034px) {
  /* line 110, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-statuses img {
    transform: scale(1) translateX(0px);
    margin-top: 0px;
    margin-bottom: 0px;
    width: 80%;
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

/* Due Dates
======================================================================== */
/* line 133, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-due-dates img {
  transform: scale(1.25) translateX(27px);
  transform-origin: top left;
  margin-top: 20px;
  margin-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 133, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-due-dates img {
    transform: scale(1.25) translateX(65px);
  }
}

@media (min-width: 1034px) {
  /* line 133, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-due-dates img {
    transform: scale(1) translateX(0px);
    margin-top: 0px;
    margin-bottom: 0px;
    width: 80%;
  }
}

/* Assign
======================================================================== */
/* line 153, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-progress img {
  margin-top: 20px;
  margin-bottom: 80px;
  padding-left: 27px;
  padding-right: 27px;
}

@media (min-width: 576px) {
  /* line 153, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-progress img {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20vh;
    margin-bottom: 30vh;
    width: 80%;
    transform: scale(1.6);
    transform-origin: top left;
  }
}

@media (min-width: 1034px) {
  /* line 153, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-progress img {
    transform: scale(1);
    margin-top: 30vh;
  }
}

@media (min-width: 1200px) {
  /* line 153, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-progress img {
    margin-top: 250px;
    margin-bottom: 250px;
    width: 70%;
  }
}

/* Organize
======================================================================== */
/* line 182, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-organize img {
  padding-left: 20px;
  margin-top: 20px;
}

@media (min-width: 1200px) {
  /* line 182, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-organize img {
    padding-left: 0px;
    width: 90%;
    margin-top: 70px;
  }
}

/* Filter
======================================================================== */
/* line 196, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
.marketing-page .feature-card-stack .feature-card.tasks-filter img {
  margin-top: 20px;
}

@media (min-width: 576px) {
  /* line 196, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-filter img {
    width: 70%;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 196, app/assets/stylesheets/marketing/feature_cards/pages/tasks.scss */
  .marketing-page .feature-card-stack .feature-card.tasks-filter img {
    width: 60%;
  }
}

/* View List
======================================================================== */
/* line 3, app/assets/stylesheets/marketing/feature_cards/pages/mobile.scss */
.marketing-page .mobile-feature-image-device-collage-container {
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: -50px;
}

@media (min-width: 576px) {
  /* line 3, app/assets/stylesheets/marketing/feature_cards/pages/mobile.scss */
  .marketing-page .mobile-feature-image-device-collage-container {
    margin-top: 0px;
    padding-top: 0px;
  }
}

/* line 14, app/assets/stylesheets/marketing/feature_cards/pages/mobile.scss */
.marketing-page img.mobile-feature-image-device-collage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  transform: scale(1.8) rotate(354deg);
  transform-origin: center;
}

@media (min-width: 576px) {
  /* line 14, app/assets/stylesheets/marketing/feature_cards/pages/mobile.scss */
  .marketing-page img.mobile-feature-image-device-collage {
    transform: scale(1) rotate(0deg);
  }
}

@media (min-width: 1200px) {
  /* line 14, app/assets/stylesheets/marketing/feature_cards/pages/mobile.scss */
  .marketing-page img.mobile-feature-image-device-collage {
    width: 100%;
    max-width: 1600px;
  }
}

/* Organize
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-organize img {
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 35px;
  transform: scale(1.2);
  transform-origin: top left;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-organize img {
    transform: scale(1);
    padding-left: 0px;
    margin-top: 200px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-organize img {
    width: 85%;
    margin-top: 130px;
  }
}

/* Details
======================================================================== */
/* line 26, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-details img {
  transform: scale(1.7) translateX(2.5%);
  transform-origin: top center;
  margin-top: 40px;
  margin-bottom: 150px;
}

@media (min-width: 576px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-details img {
    transform: scale(1) translateX(0%);
    width: 85%;
  }
}

@media (min-width: 1034px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-details img {
    width: 75%;
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-details img {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}

/* Documents
======================================================================== */
/* line 49, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-documents img {
  margin-top: 20px;
  margin-bottom: 115px;
  padding-left: 20px;
  transform: scale(1.3);
  transform-origin: top left;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-documents img {
    transform: scale(1);
    padding-left: 0px;
    width: 80%;
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 49, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-documents img {
    margin-top: 85px;
    margin-bottom: 150px;
  }
}

/* Mood Boards
======================================================================== */
/* line 71, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-mood-boards img {
  margin-top: 20px;
  margin-bottom: 115px;
  padding-left: 20px;
  transform: scale(1.3);
  transform-origin: top left;
}

@media (min-width: 576px) {
  /* line 71, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-mood-boards img {
    transform: scale(1) translateY(-3%);
    padding-left: 0px;
    width: 80%;
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 71, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-mood-boards img {
    width: 75%;
  }
}

/* Attach
======================================================================== */
/* line 92, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-attach img {
  margin-top: 20px;
  margin-bottom: 100px;
  padding-left: 10px;
  transform: scale(1.2);
  transform-origin: top left;
}

@media (min-width: 576px) {
  /* line 92, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-attach img {
    transform: scale(1);
    padding-left: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1034px) {
  /* line 92, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-attach img {
    padding-left: 0px;
    width: 70%;
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-attach img {
    width: 65%;
  }
}

/* Status
======================================================================== */
/* line 117, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-status img {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 20px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 117, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-status img {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1034px) {
  /* line 117, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-status img {
    padding-left: 0px;
    padding-right: 0px;
    width: 65%;
  }
}

/* Profiles
======================================================================== */
/* line 137, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
.marketing-page .feature-card-stack .feature-card.vendors-profiles img {
  padding-left: 27px;
  margin-top: 15px;
}

@media (min-width: 1200px) {
  /* line 137, app/assets/stylesheets/marketing/feature_cards/pages/vendors.scss */
  .marketing-page .feature-card-stack .feature-card.vendors-profiles img {
    padding-left: 0px;
    width: 85%;
  }
}

/* Organize
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-parties img {
  padding-left: 27px;
  padding-right: 27px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-parties img {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 150px;
    margin-bottom: 150px;
    transform: translateX(5%);
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-parties img {
    width: 85%;
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

/* Updates
======================================================================== */
/* line 26, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-updates img.phone {
  transform: scale(1.5);
  transform: bottom center;
  margin-top: 75px;
}

@media (min-width: 576px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-updates img.phone {
    transform: scale(1.3);
  }
}

@media (min-width: 1034px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-updates img.phone {
    transform: scale(1);
    margin-top: 0px;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-updates img.phone {
    margin-top: 20px;
  }
}

/* line 43, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-updates img.bubbles {
  display: none;
  position: absolute;
  top: 40px;
  right: 50px;
  width: 80px;
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-updates img.bubbles {
    display: block;
  }
}

/* Permissions
======================================================================== */
/* line 59, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-permissions img {
  width: 50%;
  margin-top: 20px;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 59, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-permissions img {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  /* line 59, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-permissions img {
    width: 50%;
  }
}

/* Approval
======================================================================== */
/* line 75, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-approval img {
  padding-left: 27px;
  padding-right: 27px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-approval img {
    padding-left: 0px;
    padding-right: 0px;
    width: 70%;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1034px) {
  /* line 75, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-approval img {
    width: 55%;
    margin-top: 70px;
    margin-bottom: 100px;
  }
}

/* Payments
======================================================================== */
/* line 97, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-payments img {
  margin-top: 0px;
  margin-bottom: 80px;
  transform: scale(1.2) translateX(27px);
  transform-origin: top left;
}

@media (min-width: 1034px) {
  /* line 97, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-payments img {
    transform: scale(1) translateX(0px);
    width: 80%;
    margin-top: 40px;
  }
}

/* Signatures
======================================================================== */
/* line 113, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-signatures img {
  padding-left: 27px;
  margin-bottom: 80px;
}

@media (min-width: 1200px) {
  /* line 113, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-signatures img {
    padding-left: 0px;
    width: 80%;
    margin-top: 160px;
  }
}

/* Questions
======================================================================== */
/* line 127, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
.marketing-page .feature-card-stack .feature-card.portal-questions img {
  transform: scale(1.15) translateX(27px);
  transform-origin: top left;
  margin-top: 10px;
  margin-bottom: 80px;
}

@media (min-width: 1034px) {
  /* line 127, app/assets/stylesheets/marketing/feature_cards/pages/portal.scss */
  .marketing-page .feature-card-stack .feature-card.portal-questions img {
    transform: scale(1) translateX(0px);
    width: 80%;
  }
}

/* Two-Way Sync
======================================================================== */
/* line 4, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-two-way-sync img {
  position: relative;
  left: 4%;
}

@media (min-width: 576px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-two-way-sync img {
    margin-top: 150px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-two-way-sync img {
    margin-top: 0px;
    margin-bottom: 0px;
    transform: scale(0.8);
  }
}

/* Organize
======================================================================== */
/* line 22, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-organize img {
  transform: translateX(4vw);
  margin-bottom: -20px;
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-organize img {
    transform: translateX(0px);
    padding-left: 20vw;
    padding-right: 20vw;
    margin-bottom: 50px;
  }
}

@media (min-width: 1034px) {
  /* line 22, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-organize img {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-organize img {
    padding-left: 0px;
    padding-right: 0px;
    width: 80%;
    margin-top: 35px;
  }
}

/* Integrated
======================================================================== */
/* line 47, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-integrated img {
  padding-left: 27px;
}

@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-integrated img {
    padding-left: 30%;
  }
}

@media (min-width: 1034px) {
  /* line 47, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-integrated img {
    padding-left: 70px;
  }
}

@media (min-width: 1200px) {
  /* line 47, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-integrated img {
    padding-left: 0px;
    width: 80%;
  }
}

/* Tasks
======================================================================== */
/* line 65, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-tasks img {
  padding-left: 20px;
  transform: scale(1.15);
  transform-origin: top left;
  padding-bottom: 40px;
}

@media (min-width: 576px) {
  /* line 65, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-tasks img {
    transform: scale(1);
    padding-left: 0px;
    padding-right: 0px;
    max-width: 85%;
    padding-top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 65, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-tasks img {
    max-width: 75%;
  }
}

/* Calendar
======================================================================== */
/* line 86, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-calendar img {
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-calendar img {
    padding-left: 0px;
    max-width: 65%;
  }
}

@media (min-width: 1034px) {
  /* line 86, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-calendar img {
    margin-top: 0px;
    max-width: 90%;
  }
}

@media (min-width: 1200px) {
  /* line 86, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-calendar img {
    max-width: 95%;
  }
}

/* Contacts
======================================================================== */
/* line 107, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-contacts img {
  margin-top: 15px;
}

/* Documents
======================================================================== */
/* line 115, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-documents img {
  margin-top: 15px;
  padding-right: 15px;
  transform-origin: top right;
  transform: scale(1.2);
}

@media (min-width: 576px) {
  /* line 115, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-documents img {
    transform: scale(1);
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1034px) {
  /* line 115, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-documents img {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 75%;
  }
}

/* Mood Boards
======================================================================== */
/* line 137, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-mood-boards img {
  transform: scale(1.5);
  transform-origin: top center;
  padding-bottom: 120px;
}

@media (min-width: 576px) {
  /* line 137, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-mood-boards img {
    transform: scale(1);
    width: 80%;
    padding-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  /* line 137, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-mood-boards img {
    width: 70%;
  }
}

/* Templates
======================================================================== */
/* line 155, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-templates img {
  transform-origin: top left;
  transform: scale(1.3);
  padding-left: 20px;
  padding-bottom: 80px;
}

@media (min-width: 576px) {
  /* line 155, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-templates img {
    transform: scale(1);
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 50px;
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 155, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-templates img {
    max-width: 100%;
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

/* Smart Fields
======================================================================== */
/* line 180, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
.marketing-page .feature-card-stack .feature-card.email-smart-fields img {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 50px;
}

@media (min-width: 576px) {
  /* line 180, app/assets/stylesheets/marketing/feature_cards/pages/email.scss */
  .marketing-page .feature-card-stack .feature-card.email-smart-fields img {
    margin-top: 40px;
  }
}

/* line 7, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  border-radius: 20px;
  overflow: hidden;
}

/* line 15, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .simple-card-row-container {
  height: 100%;
}

/* line 19, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card h3 {
  font-size: 23px;
  margin-bottom: 24px;
  font-weight: 800;
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
  .marketing-page .simple-card-stack .simple-card h3 {
    font-size: 26px;
  }
}

/* line 28, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card p {
  font-size: 15px;
  line-height: 21px;
}

/* line 34, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .padded-content.x {
  padding-left: 35px;
  padding-right: 35px;
}

@media (min-width: 1200px) {
  /* line 34, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
  .marketing-page .simple-card-stack .simple-card .padded-content.x {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* line 42, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .padded-content.y {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
  .marketing-page .simple-card-stack .simple-card .padded-content.y {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* line 53, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .squiggle-header {
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 57, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .squiggle-header h4 {
  margin-bottom: 0;
  white-space: nowrap;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 600;
}

/* line 63, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .squiggle-header h4 i {
  margin-right: 5px;
}

/* line 67, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .squiggle-header .wave-divider {
  width: 40%;
}

/* line 72, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.with-shadow {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 77, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card img {
  display: block;
  max-width: 100%;
}

/* line 86, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .cta-button {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 100px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 86, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
  .marketing-page .simple-card-stack .simple-card .cta-button {
    font-size: 14.5px;
  }
}

/* line 93, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card .cta-button.icon-right i {
  margin-left: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature List Card
/* ===================================================================== */
/* ===================================================================== */
/* line 103, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list {
  border-color: #e0e0e0;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 106, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list h3 {
  color: #375767;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}

/* line 112, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list p {
  color: #375767;
}

/* line 117, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list .visual-header {
  background-color: #c4c4c4;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-top-left-radius: calc(20px - 1px);
  border-top-right-radius: calc(20px - 1px);
  position: relative;
  align-items: center;
  overflow: hidden;
  padding-top: 50%;
}

/* line 128, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list .visual-header img {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

/* line 137, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
.marketing-page .simple-card-stack .simple-card.for-feature-list .padded-content {
  padding: 25px;
}

@media (min-width: 1200px) {
  /* line 137, app/assets/stylesheets/marketing/simple_cards/base_styles.scss */
  .marketing-page .simple-card-stack .simple-card.for-feature-list .padded-content {
    padding: 35px;
  }
}

/* line 1, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block {
  min-height: calc(100vh - 110px);
  background-color: #f4f4f4;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: visible;
  position: relative;
  width: calc(100vw - 40px);
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position: center bottom;
  border-radius: 20px;
}

/* line 17, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block .background-control {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #0000005c;
  border-radius: 20px;
}

/* line 23, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block .main-content {
  position: relative;
  z-index: 2;
  width: 80%;
}

/* line 29, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block h2 {
  color: #fff;
  font-size: 5vw;
  text-shadow: 4px 4px 47px #000;
}

/* line 35, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block h3 {
  color: #fff;
  max-width: 50%;
  text-align: center;
  margin: auto;
  margin-bottom: 15vh;
  text-shadow: 4px 4px 47px #000;
}

/* line 52, app/assets/stylesheets/marketing/simple_cards/wide_feature.scss */
.marketing-page .showcase-block .knockout-card {
  background-color: #ffffff00;
  height: 300px;
  border-radius: 23px;
  backdrop-filter: blur(24px) brightness(1);
  border: 2px solid #ffffff1c;
}

/* ===================================================================== */
/* ===================================================================== */
/* Bento Grid
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
.marketing-page .bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 30px;
  column-gap: 30px;
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
  .marketing-page .bento-grid {
    row-gap: 40px;
    column-gap: 40px;
  }
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
  .marketing-page .bento-grid.bento-grid-sm {
    row-gap: 20px;
    column-gap: 20px;
  }
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
  .marketing-page .bento-grid.bento-grid-sm .tile {
    border-radius: 15px;
  }
}

/* line 27, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
.marketing-page .bento-grid.bento-grid-sm .tile .cell.padded {
  padding: 25px;
}

@media (min-width: 576px) {
  /* line 27, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
  .marketing-page .bento-grid.bento-grid-sm .tile .cell.padded {
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/marketing/bento_grid/grid_layout.scss */
  .marketing-page .bento-grid.bento-grid-sm .tile .cell.padded {
    padding: 35px;
  }
}

/* line 1, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile {
  position: relative;
  grid-column: span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  overflow: hidden;
}

/* Tile Backdrop Control
======================================================================== */
/* line 11, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-backdrop-control {
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

/* Tile Noise
======================================================================== */
/* line 19, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-noise {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/noise.png");
}

/* line 23, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-noise.none {
  opacity: 0;
}

/* line 24, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-noise.light {
  opacity: 0.2;
}

/* line 25, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-noise.medium {
  opacity: 0.35;
}

/* line 26, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .tile-noise.heavy {
  opacity: 0.5;
}

/* Tile Border Radius
======================================================================== */
/* line 31, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile,
.marketing-page .bento-grid .tile .tile-backdrop-control,
.marketing-page .bento-grid .tile .tile-noise {
  border-radius: 10px;
}

@media (min-width: 576px) {
  /* line 31, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile,
.marketing-page .bento-grid .tile .tile-backdrop-control,
.marketing-page .bento-grid .tile .tile-noise {
    border-radius: 30px;
  }
}

@media (max-width: 480px) {
  /* line 41, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page section.mobile-full-width .bento-grid .tile,
.marketing-page section.mobile-full-width .bento-grid .tile-backdrop-control,
.marketing-page section.mobile-full-width .bento-grid .tile-noise {
    border-radius: 0px;
    border-left: 0px !important;
    border-right: 0px !important;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Tablet Col Spans
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 768px) {
  /* line 57, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='1'] {
    grid-column: span 1;
  }
}

@media (min-width: 768px) {
  /* line 58, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='2'] {
    grid-column: span 2;
  }
}

@media (min-width: 768px) {
  /* line 59, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='3'] {
    grid-column: span 3;
  }
}

@media (min-width: 768px) {
  /* line 60, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='4'] {
    grid-column: span 4;
  }
}

@media (min-width: 768px) {
  /* line 61, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='5'] {
    grid-column: span 5;
  }
}

@media (min-width: 768px) {
  /* line 62, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='6'] {
    grid-column: span 6;
  }
}

@media (min-width: 768px) {
  /* line 63, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='7'] {
    grid-column: span 7;
  }
}

@media (min-width: 768px) {
  /* line 64, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='8'] {
    grid-column: span 8;
  }
}

@media (min-width: 768px) {
  /* line 65, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='9'] {
    grid-column: span 9;
  }
}

@media (min-width: 768px) {
  /* line 66, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='10'] {
    grid-column: span 10;
  }
}

@media (min-width: 768px) {
  /* line 67, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='11'] {
    grid-column: span 11;
  }
}

@media (min-width: 768px) {
  /* line 68, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-tablet-col-span='12'] {
    grid-column: span 12;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Desktop Col Spans
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 74, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='1'] {
    grid-column: span 1;
  }
}

@media (min-width: 1200px) {
  /* line 75, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='2'] {
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 76, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='3'] {
    grid-column: span 3;
  }
}

@media (min-width: 1200px) {
  /* line 77, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='4'] {
    grid-column: span 4;
  }
}

@media (min-width: 1200px) {
  /* line 78, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='5'] {
    grid-column: span 5;
  }
}

@media (min-width: 1200px) {
  /* line 79, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='6'] {
    grid-column: span 6;
  }
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='7'] {
    grid-column: span 7;
  }
}

@media (min-width: 1200px) {
  /* line 81, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='8'] {
    grid-column: span 8;
  }
}

@media (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='9'] {
    grid-column: span 9;
  }
}

@media (min-width: 1200px) {
  /* line 83, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='10'] {
    grid-column: span 10;
  }
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='11'] {
    grid-column: span 11;
  }
}

@media (min-width: 1200px) {
  /* line 85, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile[data-desktop-col-span='12'] {
    grid-column: span 12;
  }
}

/* line 88, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  grid-column: span 12;
}

/* line 96, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell[data-align-h="center"] {
  align-items: center;
}

/* line 98, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell[data-align-h="center"] .cell-content {
  text-align: center;
}

/* line 102, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell[data-align-h="right"] {
  align-items: end;
}

/* line 105, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell[data-align-v="center"] {
  justify-content: center;
}

/* line 108, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell[data-align-v="bottom"] {
  justify-content: end;
}

/* line 112, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell img {
  width: 100%;
  display: block;
}

/* line 117, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
.marketing-page .bento-grid .tile .cell.padded {
  padding: 50px 35px;
}

@media (min-width: 576px) {
  /* line 117, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell.padded {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 117, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell.padded {
    padding: 55px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Cell - Tablet Col Spans
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 768px) {
  /* line 134, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='1'] {
    grid-column: span 1;
  }
}

@media (min-width: 768px) {
  /* line 135, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='2'] {
    grid-column: span 2;
  }
}

@media (min-width: 768px) {
  /* line 136, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='3'] {
    grid-column: span 3;
  }
}

@media (min-width: 768px) {
  /* line 137, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='4'] {
    grid-column: span 4;
  }
}

@media (min-width: 768px) {
  /* line 138, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='5'] {
    grid-column: span 5;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='6'] {
    grid-column: span 6;
  }
}

@media (min-width: 768px) {
  /* line 140, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='7'] {
    grid-column: span 7;
  }
}

@media (min-width: 768px) {
  /* line 141, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='8'] {
    grid-column: span 8;
  }
}

@media (min-width: 768px) {
  /* line 142, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='9'] {
    grid-column: span 9;
  }
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='10'] {
    grid-column: span 10;
  }
}

@media (min-width: 768px) {
  /* line 144, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='11'] {
    grid-column: span 11;
  }
}

@media (min-width: 768px) {
  /* line 145, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-tablet-col-span='12'] {
    grid-column: span 12;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Cell - Desktop Col Spans
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 151, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='1'] {
    grid-column: span 1;
  }
}

@media (min-width: 1200px) {
  /* line 152, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='2'] {
    grid-column: span 2;
  }
}

@media (min-width: 1200px) {
  /* line 153, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='3'] {
    grid-column: span 3;
  }
}

@media (min-width: 1200px) {
  /* line 154, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='4'] {
    grid-column: span 4;
  }
}

@media (min-width: 1200px) {
  /* line 155, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='5'] {
    grid-column: span 5;
  }
}

@media (min-width: 1200px) {
  /* line 156, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='6'] {
    grid-column: span 6;
  }
}

@media (min-width: 1200px) {
  /* line 157, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='7'] {
    grid-column: span 7;
  }
}

@media (min-width: 1200px) {
  /* line 158, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='8'] {
    grid-column: span 8;
  }
}

@media (min-width: 1200px) {
  /* line 159, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='9'] {
    grid-column: span 9;
  }
}

@media (min-width: 1200px) {
  /* line 160, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='10'] {
    grid-column: span 10;
  }
}

@media (min-width: 1200px) {
  /* line 161, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='11'] {
    grid-column: span 11;
  }
}

@media (min-width: 1200px) {
  /* line 162, app/assets/stylesheets/marketing/bento_grid/tile_base_layout.scss */
  .marketing-page .bento-grid .tile .cell[data-desktop-col-span='12'] {
    grid-column: span 12;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tablet Arrangement
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 768px) {
  /* line 6, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-tablet-arrangement="side-by-side"] {
    grid-template-rows: 1fr;
  }
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-tablet-arrangement="stacked-grow-1"] {
    grid-template-rows: 1fr auto;
  }
}

@media (min-width: 768px) {
  /* line 16, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-tablet-arrangement="stacked-grow-2"] {
    grid-template-rows: auto 1fr;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Arrangement
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 27, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-desktop-arrangement="side-by-side"] {
    grid-template-rows: 1fr;
  }
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-desktop-arrangement="stacked-grow-1"] {
    grid-template-rows: 1fr auto;
  }
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/marketing/bento_grid/tile_layouts/two_cell.scss */
  .marketing-page .bento-grid .tile[data-layout="two-cell"][data-desktop-arrangement="stacked-grow-2"] {
    grid-template-rows: auto 1fr;
  }
}

/* line 1, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
.marketing-page .bento-grid .tile[data-layout="three-cell-flank"] {
  grid-template-areas: "C C C C C C C C C C C C" "L L L L L L R R R R R R";
}

/* line 5, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
.marketing-page .bento-grid .tile[data-layout="three-cell-flank"] .cell.one {
  grid-area: C;
}

/* line 8, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
.marketing-page .bento-grid .tile[data-layout="three-cell-flank"] .cell.two {
  grid-area: L;
}

/* line 11, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
.marketing-page .bento-grid .tile[data-layout="three-cell-flank"] .cell.three {
  grid-area: R;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tablet Arrangement
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 768px) {
  /* line 21, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
  .marketing-page .bento-grid .tile[data-layout="three-cell-flank"][data-tablet-arrangement="single-row"] {
    grid-template-areas: "L L L C C C C C C R R R";
  }
}

@media (min-width: 768px) {
  /* line 27, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
  .marketing-page .bento-grid .tile[data-layout="three-cell-flank"][data-tablet-arrangement="double-row"] {
    grid-template-areas: "C C C C C C C C C C C C" "L L L L L L R R R R R R";
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Desktop Arrangement
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 1200px) {
  /* line 40, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
  .marketing-page .bento-grid .tile[data-layout="three-cell-flank"][data-desktop-arrangement="single-row"] {
    grid-template-areas: "L L L C C C C C C R R R";
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/marketing/bento_grid/tile_layouts/three_cell_flank.scss */
  .marketing-page .bento-grid .tile[data-layout="three-cell-flank"][data-desktop-arrangement="double-row"] {
    grid-template-areas: "C C C C C C C C C C C C" "L L L L L L R R R R R R";
  }
}

/* line 1, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene {
  overflow: hidden;
  pointer-events: none;
}

/* line 4, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene.active {
  pointer-events: auto;
}

/* line 9, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene .black-full-screen-knockout {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
  background-color: #000;
  opacity: 0;
  overflow: hidden;
}

/* line 21, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene .black-full-screen-knockout .couple-over-black-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  width: 100vw;
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
  #marketing-animation-client-scene .black-full-screen-knockout .couple-over-black-container {
    width: 30vw;
  }
}

/* line 28, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene .black-full-screen-knockout .couple-over-black-container img {
  max-width: 100%;
  opacity: 0;
  transform: scale(2);
  transform-origin: bottom center;
}

/* line 36, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #trigger-knockout-fade-in {
  height: 50vh;
}

/* line 39, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #trigger-couple-fade-in {
  height: 50vh;
}

/* line 43, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene .scrolling-content-container {
  position: relative;
  z-index: 4;
}

/* Impress Your Clients Headline
======================================================================== */
/* line 50, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #impress-your-clients-container {
  position: fixed;
  z-index: 7;
  top: 65px;
  left: 0px;
  right: 0px;
  color: #fff;
  text-align: center;
  padding-left: 10vw;
  padding-right: 10vw;
  padding-top: 10vh;
  opacity: 0;
  transform: translateY(10vh);
}

@media (min-width: 1200px) {
  /* line 50, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
  #marketing-animation-client-scene #impress-your-clients-container {
    padding-top: 10vh;
  }
}

/* line 66, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #impress-your-clients-container h4 {
  font-size: 49px;
  font-weight: 800;
  color: #f9e1b4;
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
  #marketing-animation-client-scene #impress-your-clients-container h4 {
    font-size: 75px;
  }
}

/* line 74, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #impress-your-clients-container p.wow-factor {
  color: #f9e1b4;
  margin-bottom: 0px;
  font-size: 16px;
  margin-bottom: 5px;
}

/* Sub Description Paragraph
======================================================================== */
/* line 85, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #sub-desc-container {
  color: #fff;
  position: absolute;
  z-index: 7;
  left: 0px;
  right: 0px;
  padding-left: 6vw;
  padding-right: 6vw;
  padding-top: 20px;
  opacity: 0;
}

@media (min-width: 1200px) {
  /* line 85, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
  #marketing-animation-client-scene #sub-desc-container {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

/* line 101, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #sub-desc-container p {
  color: #fff7e7;
  font-size: 20px;
  line-height: 26px;
}

@media (min-width: 1200px) {
  /* line 101, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
  #marketing-animation-client-scene #sub-desc-container p {
    font-size: 22px;
  }
}

/* Learn More Button
======================================================================== */
/* line 113, app/assets/stylesheets/marketing/animation_scenes/client_animation.scss */
#marketing-animation-client-scene #learn-more-button {
  color: #f9e1b4;
  background-color: #000;
  border: 1px solid #f9e1b4;
  width: fit-content;
  border-radius: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 10px 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Use Cases Sales
/* ===================================================================== */
/* ===================================================================== */
/* line 8, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-sales {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/home/first_dance.jpg");
  background-size: cover;
  min-height: 100vh;
}

/* line 13, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-sales .tile-backdrop-control {
  backdrop-filter: blur(0px) brightness(0.3);
  -webkit-backdrop-filter: blur(0px) brightness(0.3);
}

/* line 20, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-sales .cell.two .cell-content {
  width: 150vw;
  margin-left: 50px;
}

@media (min-width: 576px) {
  /* line 20, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
  .marketing-page section.section-home-use-cases .tile.use-cases-sales .cell.two .cell-content {
    margin-left: 0px;
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 20, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
  .marketing-page section.section-home-use-cases .tile.use-cases-sales .cell.two .cell-content {
    width: 150%;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Use Cases Planning
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-planning {
  background-image: linear-gradient(45deg, rgba(254, 246, 210, 0.53) 0%, rgba(254, 246, 210, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 100.002%), linear-gradient(135deg, #f663c8 0%, #f663c8 12.5%, #df62c4 12.5%, #df62c4 25%, #c761c0 25%, #c761c0 37.5%, #b060bc 37.5%, #b060bc 50%, #985fb8 50%, #985fb8 62.5%, #815eb4 62.5%, #815eb4 75%, #695db0 75%, #695db0 87.5%, #525cac 87.5%, #525cac 100%);
}

/* line 39, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-planning .tile-backdrop-control {
  backdrop-filter: blur(0px) brightness(1);
  -webkit-backdrop-filter: blur(28px) brightness(1);
  background-color: #00000014;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Use Cases Clients
/* ===================================================================== */
/* ===================================================================== */
/* line 52, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-clients {
  overflow: visible;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/home/barn_wedding.webp");
  background-size: cover;
  background-position: right;
}

/* line 57, app/assets/stylesheets/marketing/sections/home/use_cases.scss */
.marketing-page section.section-home-use-cases .tile.use-cases-clients .tile-backdrop-control {
  backdrop-filter: blur(0px) brightness(1);
  -webkit-backdrop-filter: blur(0px) brightness(1);
  background-image: linear-gradient(45deg, #842f8dbf, #3680c6d9);
}

/* line 1, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-company-dashboard {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Company & Project Dashboards
/* ===================================================================== */
/* ===================================================================== */
/* line 10, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview {
  border-radius: 0px;
}

/* line 25, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview .light-glass-frame,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview .light-glass-frame {
  background-color: #15384a1f;
  padding: 4px;
}

@media (min-width: 576px) {
  /* line 29, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview .light-glass-frame img,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview .light-glass-frame img {
    border-radius: 25px;
  }
}

/* line 37, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview img,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview img {
  border: 8px solid #15384a1f;
  border-left-width: 0px;
  border-right-width: 0px;
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview img,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview img {
    border-width: 8px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-company-dashboard .tile.activity-dashboard-overview img,
.marketing-page section.section-activity-project-dashboard .tile.activity-dashboard-overview img {
    border-width: 10px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Activity Collage
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage {
  background-color: #000;
  background-image: repeating-linear-gradient(135deg, black 0px, black 10px, transparent 10px, transparent 11px), repeating-linear-gradient(22.5deg, black 0px, black 10px, transparent 10px, transparent 11px), linear-gradient(90deg, #3cbbe2, #843ce2, #e23c79, #e2c63c, #3ce241);
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

/* line 71, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .section-backdrop-control {
  background-color: #0000008a;
}

/* line 75, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container .language-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

@media (min-width: 576px) {
  /* line 75, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container .language-container {
    max-width: 600px;
  }
}

/* line 92, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container {
  position: relative;
  z-index: 4;
  min-height: 100vh;
}

/* line 98, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item {
  position: absolute;
  display: block;
  width: 50%;
  border-radius: 5px;
}

@media (min-width: 576px) {
  /* line 98, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item {
    border-radius: 20px;
  }
}

/* line 106, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.one {
  top: 24%;
  left: -2%;
  width: 49%;
}

@media (min-width: 1200px) {
  /* line 106, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.one {
    top: 10%;
    left: 10%;
    width: 35%;
  }
}

/* line 116, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.two {
  top: 8%;
  right: 23%;
}

@media (min-width: 1200px) {
  /* line 116, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.two {
    top: 16%;
    right: 8%;
    width: 29%;
  }
}

/* line 125, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.three {
  bottom: 5%;
  left: -1%;
  width: 60%;
}

@media (min-width: 576px) {
  /* line 125, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.three {
    left: 2%;
  }
}

@media (min-width: 1200px) {
  /* line 125, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.three {
    bottom: 10%;
    left: 10%;
    width: 30%;
  }
}

/* line 138, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.four {
  bottom: 9%;
  right: -70%;
  width: 100%;
}

@media (min-width: 1200px) {
  /* line 138, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.four {
    bottom: 10%;
    right: 10%;
    width: 30%;
  }
}

/* line 148, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.five {
  top: 21%;
  left: 53%;
  width: 59%;
}

@media (min-width: 1200px) {
  /* line 148, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.five {
    top: 39%;
    left: -5%;
    width: 28%;
  }
}

/* line 158, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
.marketing-page section.section-activity-collage .collage-container img.activity-item.six {
  bottom: 21%;
  right: 41%;
  width: 47%;
}

@media (min-width: 1200px) {
  /* line 158, app/assets/stylesheets/marketing/sections/features/activity/sections.scss */
  .marketing-page section.section-activity-collage .collage-container img.activity-item.six {
    bottom: 34%;
    right: -8%;
    width: 27%;
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/contact_list/vendor_list.scss */
.marketing-page section.section-contact-list-vendor-list {
  background-color: #fff;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features {
  background-color: #131417;
}

/* line 9, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .visual-wrapper {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 3px #15384a24;
  -webkit-box-shadow: 0px 0px 4px 3px #15384a24;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Flip - Auto Formatting
/* ===================================================================== */
/* ===================================================================== */
/* line 23, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-auto-formatting .visual-wrapper {
  padding-bottom: 105px;
}

@media (min-width: 1200px) {
  /* line 23, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-auto-formatting .visual-wrapper {
    padding-bottom: 0px;
  }
}

/* line 29, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-auto-formatting .visual-wrapper video {
  transform-origin: top left;
  transform: scale(1.4) translateX(20px) translateY(20px);
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-auto-formatting .visual-wrapper video {
    transform: scale(1) translateX(20px) translateY(20px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Flip - Smart Fields
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-smart-fields .visual-wrapper {
  padding-bottom: 105px;
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-smart-fields .visual-wrapper {
    padding-bottom: 0px;
  }
}

/* line 50, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-smart-fields .visual-wrapper video {
  transform-origin: top left;
  transform: scale(1.4) translateX(20px) translateY(20px);
}

@media (min-width: 1200px) {
  /* line 50, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-smart-fields .visual-wrapper video {
    transform: scale(1) translateX(20px) translateY(20px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Flip - Payment Schedule & Services Summary
/* ===================================================================== */
/* ===================================================================== */
/* line 66, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-payment-schedule .visual-wrapper,
.marketing-page section.section-contracts-primary-features .contract-services-summary .visual-wrapper {
  padding-bottom: 105px;
}

@media (min-width: 1200px) {
  /* line 66, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-payment-schedule .visual-wrapper,
.marketing-page section.section-contracts-primary-features .contract-services-summary .visual-wrapper {
    padding-bottom: 0px;
  }
}

/* line 72, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-payment-schedule .visual-wrapper img,
.marketing-page section.section-contracts-primary-features .contract-services-summary .visual-wrapper img {
  transform-origin: top left;
  transform: scale(1.4) translateX(10px) translateY(10px);
}

@media (min-width: 1200px) {
  /* line 72, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-payment-schedule .visual-wrapper img,
.marketing-page section.section-contracts-primary-features .contract-services-summary .visual-wrapper img {
    transform: scale(0.9) translateX(80px) translateY(40px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Flip - Client Initials
/* ===================================================================== */
/* ===================================================================== */
/* line 87, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-client-initials .visual-wrapper {
  padding-bottom: 105px;
}

@media (min-width: 1200px) {
  /* line 87, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-client-initials .visual-wrapper {
    padding-bottom: 0px;
  }
}

/* line 93, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-client-initials .visual-wrapper img {
  transform-origin: top left;
  transform: scale(1.7) translateX(10px) translateY(-15px);
}

@media (min-width: 1200px) {
  /* line 93, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-client-initials .visual-wrapper img {
    transform: scale(1) translateX(60px) translateY(0px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Flip - Exhibits
/* ===================================================================== */
/* ===================================================================== */
/* line 108, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-exhibits .visual-wrapper {
  padding-bottom: 105px;
}

@media (min-width: 1200px) {
  /* line 108, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-exhibits .visual-wrapper {
    padding-bottom: 0px;
  }
}

/* line 114, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
.marketing-page section.section-contracts-primary-features .contract-exhibits .visual-wrapper img {
  transform-origin: top center;
  transform: scale(1.4);
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/marketing/sections/features/contracts/primary_features.scss */
  .marketing-page section.section-contracts-primary-features .contract-exhibits .visual-wrapper img {
    transform: scale(1);
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/contracts/any_device.scss */
.marketing-page section.section-contracts-any-device {
  background-color: #fff;
}

/* line 9, app/assets/stylesheets/marketing/sections/features/contracts/any_device.scss */
.marketing-page section.section-contracts-any-device .mobile-signature-image-container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 100vh;
  transform-origin: top right;
  transform: translateX(-15vw);
  margin-top: 20px;
}

@media (min-width: 576px) {
  /* line 9, app/assets/stylesheets/marketing/sections/features/contracts/any_device.scss */
  .marketing-page section.section-contracts-any-device .mobile-signature-image-container {
    transform: translateX(0);
    height: 80vh;
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 9, app/assets/stylesheets/marketing/sections/features/contracts/any_device.scss */
  .marketing-page section.section-contracts-any-device .mobile-signature-image-container {
    margin-top: 100px;
    height: 90vh;
  }
}

/* line 26, app/assets/stylesheets/marketing/sections/features/contracts/any_device.scss */
.marketing-page section.section-contracts-any-device .mobile-signature-image-container img {
  display: inline-block;
  height: 100%;
  width: auto;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/email/supercharge.scss */
.marketing-page section.section-email-supercharge {
  background-color: #000;
  background-image: linear-gradient(309deg, rgba(187, 187, 187, 0.03) 0%, rgba(187, 187, 187, 0.03) 22%, rgba(207, 207, 207, 0.03) 22%, rgba(207, 207, 207, 0.03) 43%, rgba(148, 148, 148, 0.03) 43%, rgba(148, 148, 148, 0.03) 62%, rgba(90, 90, 90, 0.03) 62%, rgba(90, 90, 90, 0.03) 68%, rgba(195, 195, 195, 0.03) 68%, rgba(195, 195, 195, 0.03) 88%, rgba(34, 34, 34, 0.03) 88%, rgba(34, 34, 34, 0.03) 95%, rgba(215, 215, 215, 0.03) 95%, rgba(215, 215, 215, 0.03) 100%), linear-gradient(35deg, rgba(100, 100, 100, 0.03) 0%, rgba(100, 100, 100, 0.03) 9%, rgba(5, 5, 5, 0.03) 9%, rgba(5, 5, 5, 0.03) 40%, rgba(89, 89, 89, 0.03) 40%, rgba(89, 89, 89, 0.03) 44%, rgba(5, 5, 5, 0.03) 44%, rgba(5, 5, 5, 0.03) 69%, rgba(130, 130, 130, 0.03) 69%, rgba(130, 130, 130, 0.03) 79%, rgba(204, 204, 204, 0.03) 79%, rgba(204, 204, 204, 0.03) 88%, rgba(247, 247, 247, 0.03) 88%, rgba(247, 247, 247, 0.03) 100%), linear-gradient(90deg, #353535, black);
}

/* line 6, app/assets/stylesheets/marketing/sections/features/email/supercharge.scss */
.marketing-page section.section-email-supercharge .section-backdrop-control {
  background-color: #0000006b;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

/* line 1, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management {
  background-color: #f5f5f6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Lead Contact Form
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form {
  background-color: #fff;
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form {
    min-height: 600px;
  }
}

/* line 16, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one {
  z-index: 5;
}

/* line 19, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one .cell-content {
  padding-top: 30px;
}

@media (min-width: 576px) {
  /* line 19, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one .cell-content {
    max-width: 60%;
  }
}

@media (min-width: 1200px) {
  /* line 19, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one .cell-content {
    padding-top: 0px;
    max-width: 100%;
  }
}

/* line 29, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one img.arrow {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  opacity: 0.1;
}

@media (min-width: 576px) {
  /* line 29, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one img.arrow {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  /* line 29, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.one img.arrow {
    width: 50%;
  }
}

/* line 42, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.two .cell-content {
  transform-origin: top right;
  transform: scale(2.3) translateX(10px);
  margin-bottom: 80px;
}

@media (min-width: 576px) {
  /* line 42, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.two .cell-content {
    margin-bottom: 120px;
    transform: scale(1.8) translateX(10px);
  }
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.two .cell-content {
    margin-top: 0px;
    margin-bottom: 0px;
    transform-origin: center right;
    transform: scale(2.5) translateX(35px);
  }
}

/* line 57, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.three .cell-content {
  transform-origin: top left;
  transform: scale(2.3) translateX(-10px);
  margin-bottom: 80px;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.three .cell-content {
    margin-bottom: 120px;
    transform: scale(1.8) translateX(-10px);
  }
}

@media (min-width: 1200px) {
  /* line 57, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-contact-form .cell.three .cell-content {
    margin-top: 0px;
    margin-bottom: 0px;
    transform-origin: center left;
    transform: scale(2.5) translateX(-35px);
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Instant Notifications
/* ===================================================================== */
/* ===================================================================== */
/* line 80, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-instant-notifications {
  background-color: #fff;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/leads/card_notifications_phone_bg_1.jpg");
  background-size: cover;
  background-position: center;
}

@media (min-width: 576px) {
  /* line 80, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-instant-notifications {
    max-height: 65vh;
  }
}

@media (min-width: 1200px) {
  /* line 80, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-instant-notifications {
    max-height: 90vh;
  }
}

/* line 91, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-instant-notifications .tile-backdrop-control {
  background-image: linear-gradient(151deg, #000000b3, transparent);
}

/* line 94, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-instant-notifications .cell.two .cell-content {
  width: 52%;
  margin-left: 30px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 94, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-instant-notifications .cell.two .cell-content {
    width: 39%;
    margin-left: 35px;
  }
}

@media (min-width: 1200px) {
  /* line 94, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-instant-notifications .cell.two .cell-content {
    width: 30%;
    margin-left: 50px;
  }
}

/* line 109, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-instant-notifications img {
  border: 10px solid #fff;
  border-radius: 5px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Lead Sources
/* ===================================================================== */
/* ===================================================================== */
/* line 121, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-sources {
  background-color: #fff;
  background-image: linear-gradient(45deg, rgba(254, 246, 210, 0.53) 0%, rgba(254, 246, 210, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 14.286%, rgba(221, 240, 216, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 28.572%, rgba(188, 233, 223, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 42.858%, rgba(156, 227, 229, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 57.144%, rgba(123, 220, 235, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 71.43%, rgba(90, 214, 242, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 85.716%, rgba(57, 207, 248, 0.53) 100.002%), linear-gradient(135deg, #f663c8 0%, #f663c8 12.5%, #df62c4 12.5%, #df62c4 25%, #c761c0 25%, #c761c0 37.5%, #b060bc 37.5%, #b060bc 50%, #985fb8 50%, #985fb8 62.5%, #815eb4 62.5%, #815eb4 75%, #695db0 75%, #695db0 87.5%, #525cac 87.5%, #525cac 100%);
}

/* line 124, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-sources .tile-backdrop-control {
  background-color: #0000003d;
}

/* line 127, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-sources .cell.two .cell-content {
  padding: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  /* line 127, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-sources .cell.two .cell-content {
    padding: 0px;
    width: 80%;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-right: 30px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Lost Reasons
/* ===================================================================== */
/* ===================================================================== */
/* line 149, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-lost-reasons {
  background-color: #fff;
}

/* line 151, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-lost-reasons .cell.two .cell-content {
  margin: 25px;
  margin-top: 40px;
}

@media (min-width: 576px) {
  /* line 151, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-lost-reasons .cell.two .cell-content {
    margin: 0px;
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 151, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-lost-reasons .cell.two .cell-content {
    width: 90%;
  }
}

/* line 163, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-lost-reasons img {
  border-radius: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Custom Pipeline Steps
/* ===================================================================== */
/* ===================================================================== */
/* line 174, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-custom-pipeline-steps {
  background-color: #fff;
}

/* line 176, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
.marketing-page section.section-leads-lead-management .tile.lead-custom-pipeline-steps .cell.two .cell-content {
  width: 80%;
}

@media (min-width: 576px) {
  /* line 176, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-custom-pipeline-steps .cell.two .cell-content {
    width: 70%;
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  /* line 176, app/assets/stylesheets/marketing/sections/features/leads/lead_management.scss */
  .marketing-page section.section-leads-lead-management .tile.lead-custom-pipeline-steps .cell.two .cell-content {
    width: 70%;
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking {
  background-image: linear-gradient(309deg, rgba(187, 187, 187, 0.03) 0%, rgba(187, 187, 187, 0.03) 22%, rgba(207, 207, 207, 0.03) 22%, rgba(207, 207, 207, 0.03) 43%, rgba(148, 148, 148, 0.03) 43%, rgba(148, 148, 148, 0.03) 62%, rgba(90, 90, 90, 0.03) 62%, rgba(90, 90, 90, 0.03) 68%, rgba(195, 195, 195, 0.03) 68%, rgba(195, 195, 195, 0.03) 88%, rgba(34, 34, 34, 0.03) 88%, rgba(34, 34, 34, 0.03) 95%, rgba(215, 215, 215, 0.03) 95%, rgba(215, 215, 215, 0.03) 100%), linear-gradient(35deg, rgba(100, 100, 100, 0.03) 0%, rgba(100, 100, 100, 0.03) 9%, rgba(5, 5, 5, 0.03) 9%, rgba(5, 5, 5, 0.03) 40%, rgba(89, 89, 89, 0.03) 40%, rgba(89, 89, 89, 0.03) 44%, rgba(5, 5, 5, 0.03) 44%, rgba(5, 5, 5, 0.03) 69%, rgba(130, 130, 130, 0.03) 69%, rgba(130, 130, 130, 0.03) 79%, rgba(204, 204, 204, 0.03) 79%, rgba(204, 204, 204, 0.03) 88%, rgba(247, 247, 247, 0.03) 88%, rgba(247, 247, 247, 0.03) 100%), linear-gradient(90deg, #353535, black);
}

/* line 6, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .booking-collage {
  transform-origin: top center;
  transform: scale(1.1) rotate(-2deg);
  pointer-events: none;
  margin-bottom: 100px;
}

@media (min-width: 576px) {
  /* line 6, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .booking-collage {
    transform: scale(1.05) rotate(0deg);
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .booking-collage {
    transform: scale(1) rotate(0deg);
  }
}

/* line 17, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .booking-collage img {
  display: block;
  width: 100%;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Quotes, Contracts, Invoices
/* ===================================================================== */
/* ===================================================================== */
/* line 28, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices {
  background-color: #fff;
  border: 1px solid #ffffff24;
  box-shadow: 0px 0px 18px -4px #ffffff24;
  -webkit-box-shadow: 0px 0px 18px -4px #ffffff24;
}

/* line 33, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.two .cell-content {
  width: 90%;
}

@media (min-width: 576px) {
  /* line 33, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.two .cell-content {
    width: 85%;
  }
}

@media (min-width: 1200px) {
  /* line 33, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.two .cell-content {
    width: 90%;
  }
}

/* line 43, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.two img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 47, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.two .light-glass-frame {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 5px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

@media (max-width: 480px) {
  /* line 54, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-quotes-contracts-invoices .cell.one h4.sub-headline {
    font-size: 28px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Proposals
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-proposals {
  background-color: #00000038;
  border: 1px solid #ffffff24;
}

@media (min-width: 1200px) {
  /* line 67, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals {
    min-height: 450px;
  }
}

@media (min-width: 1200px) {
  /* line 73, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.one {
    justify-content: center;
  }
}

/* line 84, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.two .cell-content {
  transform-origin: top right;
  transform: scale(1) translateX(1px);
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 84, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.two .cell-content {
    transform: scale(1) translateX(1px);
  }
}

@media (min-width: 1200px) {
  /* line 84, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.two .cell-content {
    margin-top: 0px;
    margin-bottom: 0px;
    transform-origin: center right;
    transform: scale(1) translateX(0px);
  }
}

/* line 99, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
.marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.three .cell-content {
  transform-origin: top left;
  transform: scale(1) translateX(0px);
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.three .cell-content {
    transform: scale(1) translateX(0px);
  }
}

@media (min-width: 1200px) {
  /* line 99, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.three .cell-content {
    margin-top: 0px;
    margin-bottom: 0px;
    transform-origin: center left;
    transform: scale(1) translateX(0px);
  }
}

@media (max-width: 480px) {
  /* line 114, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.one h4.sub-headline {
    font-size: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/marketing/sections/features/leads/lead_booking.scss */
  .marketing-page section.section-leads-lead-booking .tile.lead-proposals .cell.one h4.sub-headline {
    font-size: 35px;
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/mood_boards/get_inspired.scss */
.marketing-page section.section-mood-boards-get-inspired {
  background-color: #111111;
}

/* Get Inspired
======================================================================== */
/* line 7, app/assets/stylesheets/marketing/sections/features/mood_boards/get_inspired.scss */
.marketing-page section.section-mood-boards-get-inspired img.mood-boards-get-inspired {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/marketing/sections/features/mood_boards/get_inspired.scss */
  .marketing-page section.section-mood-boards-get-inspired img.mood-boards-get-inspired {
    width: 90%;
    max-width: 900px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Before
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-before {
  background-color: #343435;
}

/* line 22, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-before .cell.two .cell-content {
  width: 100%;
}

/* line 27, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-before .coms-items-container {
  position: relative;
  height: 50vh;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-left: auto;
  margin-right: auto;
}

/* line 37, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-before .coms-item {
  position: absolute;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 8px;
  padding-right: 12px;
  border-radius: 5px;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  scale: 0.9;
}

@media (min-width: 576px) {
  /* line 37, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
  .marketing-page section.section-portal-chaos .tile.portal-chaos-before .coms-item {
    scale: 1.3;
  }
}

@media (min-width: 1200px) {
  /* line 37, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
  .marketing-page section.section-portal-chaos .tile.portal-chaos-before .coms-item {
    scale: 1;
    font-size: 13px;
  }
}

/* line 55, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-before .coms-item img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - After Planpage
/* ===================================================================== */
/* ===================================================================== */
/* line 68, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-after-planpage {
  background-color: #f9f9f9;
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/portal/card_chaos_after_planpage.jpg");
  background-size: cover;
  background-position: center;
}

/* line 73, app/assets/stylesheets/marketing/sections/features/portal/chaos.scss */
.marketing-page section.section-portal-chaos .tile.portal-chaos-after-planpage .cell.two {
  height: 53vh;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-documents {
  background-image: linear-gradient(180deg, #f9f9f9, #ffffff00 400px);
  border-top: 1px solid #dcdcdc;
}

/* ===================================================================== */
/* ===================================================================== */
/* Section - Tasks
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks {
  background-image: linear-gradient(180deg, #f9f9f9, #ffffff00 400px);
  border-top: 1px solid #dcdcdc;
}

/* line 16, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks img.laptop-index {
  width: 100%;
  margin-left: -34px;
  transform-origin: top left;
  transform: scale(1.8);
  margin-bottom: 205px;
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
  .marketing-page section.section-portal-tasks img.laptop-index {
    margin-left: unset;
    margin-bottom: 0px;
    transform: scale(1);
  }
}

/* line 29, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks .tile.portal-task-assignments {
  background-color: #fff;
  border: 1px solid #ededed;
}

/* line 32, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks .tile.portal-task-assignments .cell.two .cell-content {
  width: 80%;
  margin-top: 30px;
  margin-bottom: 50px;
  max-width: 325px;
}

/* line 40, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks .tile.portal-task-comments {
  background-color: #fff;
  border: 1px solid #ededed;
}

/* line 43, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks .tile.portal-task-comments .cell.two .cell-content {
  margin-left: 25px;
  margin-top: 40px;
}

@media (min-width: 1200px) {
  /* line 43, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
  .marketing-page section.section-portal-tasks .tile.portal-task-comments .cell.two .cell-content {
    margin-left: 60px;
    margin-top: 60px;
  }
}

/* line 51, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-tasks .tile.portal-task-comments .cell.two img {
  border-top-left-radius: 20px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* ===================================================================== */
/* ===================================================================== */
/* Section - Vendors
/* ===================================================================== */
/* ===================================================================== */
/* line 63, app/assets/stylesheets/marketing/sections/features/portal/primary_features.scss */
.marketing-page section.section-portal-vendors {
  background-image: linear-gradient(180deg, #f9f9f9, #ffffff00 400px);
  border-top: 1px solid #dcdcdc;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth {
  background-color: #f5f5f6;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Instant Notifications
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine {
  background-image: url("https://planpage-public.s3.us-west-1.amazonaws.com/marketing/pages/proposals/card_combine_bg.jpg");
  background-size: cover;
  background-position: center;
}

/* line 21, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .tile-backdrop-control {
  background-image: linear-gradient(180deg, #000000d1, #00000066);
}

@media (min-width: 576px) {
  /* line 21, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
  .marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .tile-backdrop-control {
    background-image: linear-gradient(180deg, #0000009e, #000000bf);
  }
}

/* line 28, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .cell.one .cell-content {
  max-width: 700px;
  padding-top: 30px;
}

/* line 33, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .cell.two .cell-content {
  position: relative;
  width: 100%;
  margin-top: 66vw;
}

@media (min-width: 576px) {
  /* line 33, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
  .marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .cell.two .cell-content {
    width: 70%;
    margin-top: 45vw;
  }
}

@media (min-width: 1200px) {
  /* line 33, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
  .marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .cell.two .cell-content {
    width: 50%;
    margin-top: 19vw;
    left: 5vw;
  }
}

/* line 47, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .dark-glass-frame {
  border-radius: 30px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 0px;
}

/* line 53, app/assets/stylesheets/marketing/sections/features/proposals/skip_back_and_forth.scss */
.marketing-page section.section-proposals-skip-back-and-forth .tile.proposals-combine .dark-glass-frame img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
.marketing-page section.section-proposals-how-it-works {
  background-color: #fff;
}

/* line 7, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
.marketing-page section.section-proposals-how-it-works .document-page-cell {
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
  .marketing-page section.section-proposals-how-it-works .document-page-cell {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
  .marketing-page section.section-proposals-how-it-works .document-page-cell {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0px;
    opacity: 0.8;
  }
}

/* line 23, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
.marketing-page section.section-proposals-how-it-works .document-page-container {
  padding: 0px;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 17px 1px #00000026;
  -webkit-box-shadow: 0px 0px 17px 1px #00000026;
}

@media (min-width: 1200px) {
  /* line 32, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
  .marketing-page section.section-proposals-how-it-works .tile .cell.two {
    padding-left: 80px;
    padding-right: 80px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Instant Notifications
/* ===================================================================== */
/* ===================================================================== */
/* line 44, app/assets/stylesheets/marketing/sections/features/proposals/how_it_works.scss */
.marketing-page section.section-proposals-how-it-works .tile.proposals-quotes {
  background-color: #fafafa;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight {
  background-color: #fff;
  background-image: radial-gradient(circle at top right, #319deb 0%, #319deb 13%, #4ca6ea 13%, #4ca6ea 23%, #67b0e8 23%, #67b0e8 33%, #82b9e7 33%, #82b9e7 46%, #9cc2e6 46%, #9cc2e6 48%, #b7cbe5 48%, #b7cbe5 63%, #d2d5e3 63%, #d2d5e3 83%, #eddee2 83%, #eddee2 100%);
}

/* line 7, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .section-backdrop-control {
  background-color: #ffffffd4;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

/* ===================================================================== */
/* ===================================================================== */
/* Bento Grid
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 18, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .bento-grid {
    grid-template-areas: "A A A A A A B B B B B B" "C C C C C C B B B B B B" "D D D D D D D D D D D D";
  }
}

@media (min-width: 1200px) {
  /* line 18, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .bento-grid {
    grid-template-areas: "A A A A C C C C B B B B" "D D D D D D D D B B B B";
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile Shared Styles
/* ===================================================================== */
/* ===================================================================== */
/* line 37, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .tile {
  background-color: #fff;
  border: 1px solid #e7ebee;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Views
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 47, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-views {
    grid-area: A;
  }
}

/* line 51, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .tile.proposals-views .cell.two .cell-content {
  width: 90%;
}

@media (min-width: 1200px) {
  /* line 51, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-views .cell.two .cell-content {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Dashboard
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 66, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-dashboard {
    grid-area: B;
  }
}

/* line 70, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .tile.proposals-dashboard .cell.two .cell-content {
  margin-left: 50px;
}

@media (min-width: 1200px) {
  /* line 70, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-dashboard .cell.two .cell-content {
    margin-left: 0px;
    width: 80%;
  }
}

/* line 77, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .tile.proposals-dashboard .cell.two img {
  border-top-left-radius: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Notifications
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 87, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-notifications {
    grid-area: C;
  }
}

/* line 91, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
.marketing-page section.section-proposals-insight .tile.proposals-notifications .cell.two .cell-content {
  width: 90%;
}

@media (min-width: 1200px) {
  /* line 91, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-notifications .cell.two .cell-content {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Actions
/* ===================================================================== */
/* ===================================================================== */
@media (min-width: 576px) {
  /* line 106, app/assets/stylesheets/marketing/sections/features/proposals/insight.scss */
  .marketing-page section.section-proposals-insight .tile.proposals-actions {
    grid-area: D;
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
.marketing-page section.section-quotes-approval {
  background-color: #fff;
  background-image: linear-gradient(153deg, rgba(152, 152, 152, 0.03) 0%, rgba(152, 152, 152, 0.03) 9%, rgba(197, 197, 197, 0.03) 9%, rgba(197, 197, 197, 0.03) 21%, rgba(106, 106, 106, 0.03) 21%, rgba(106, 106, 106, 0.03) 32%, rgba(222, 222, 222, 0.03) 32%, rgba(222, 222, 222, 0.03) 72%, rgba(16, 16, 16, 0.03) 72%, rgba(16, 16, 16, 0.03) 92%, rgba(181, 181, 181, 0.03) 92%, rgba(181, 181, 181, 0.03) 97%, rgba(130, 130, 130, 0.03) 97%, rgba(130, 130, 130, 0.03) 100%), linear-gradient(39deg, rgba(237, 237, 237, 0.03) 0%, rgba(237, 237, 237, 0.03) 22%, rgba(126, 126, 126, 0.03) 22%, rgba(126, 126, 126, 0.03) 55%, rgba(196, 196, 196, 0.03) 55%, rgba(196, 196, 196, 0.03) 61%, rgba(121, 121, 121, 0.03) 61%, rgba(121, 121, 121, 0.03) 71%, rgba(133, 133, 133, 0.03) 71%, rgba(133, 133, 133, 0.03) 84%, rgba(132, 132, 132, 0.03) 84%, rgba(132, 132, 132, 0.03) 97%, rgba(185, 185, 185, 0.03) 97%, rgba(185, 185, 185, 0.03) 100%), linear-gradient(124deg, rgba(168, 168, 168, 0.03) 0%, rgba(168, 168, 168, 0.03) 7%, rgba(169, 169, 169, 0.03) 7%, rgba(169, 169, 169, 0.03) 19%, rgba(73, 73, 73, 0.03) 19%, rgba(73, 73, 73, 0.03) 50%, rgba(150, 150, 150, 0.03) 50%, rgba(150, 150, 150, 0.03) 67%, rgba(68, 68, 68, 0.03) 67%, rgba(68, 68, 68, 0.03) 81%, rgba(111, 111, 111, 0.03) 81%, rgba(111, 111, 111, 0.03) 91%, rgba(191, 191, 191, 0.03) 91%, rgba(191, 191, 191, 0.03) 100%), linear-gradient(95deg, rgba(147, 147, 147, 0.03) 0%, rgba(147, 147, 147, 0.03) 17%, rgba(79, 79, 79, 0.03) 17%, rgba(79, 79, 79, 0.03) 27%, rgba(28, 28, 28, 0.03) 27%, rgba(28, 28, 28, 0.03) 45%, rgba(27, 27, 27, 0.03) 45%, rgba(27, 27, 27, 0.03) 56%, rgba(228, 228, 228, 0.03) 56%, rgba(228, 228, 228, 0.03) 64%, rgba(38, 38, 38, 0.03) 64%, rgba(38, 38, 38, 0.03) 72%, rgba(42, 42, 42, 0.03) 72%, rgba(42, 42, 42, 0.03) 100%), linear-gradient(346deg, rgba(59, 59, 59, 0.03) 0%, rgba(59, 59, 59, 0.03) 16%, rgba(66, 66, 66, 0.03) 16%, rgba(66, 66, 66, 0.03) 20%, rgba(236, 236, 236, 0.03) 20%, rgba(236, 236, 236, 0.03) 41%, rgba(244, 244, 244, 0.03) 41%, rgba(244, 244, 244, 0.03) 55%, rgba(106, 106, 106, 0.03) 55%, rgba(106, 106, 106, 0.03) 61%, rgba(220, 220, 220, 0.03) 61%, rgba(220, 220, 220, 0.03) 63%, rgba(209, 209, 209, 0.03) 63%, rgba(209, 209, 209, 0.03) 100%), linear-gradient(90deg, #613bbb, #11080d);
}

/* line 13, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
.marketing-page section.section-quotes-approval .video-container {
  height: 45vh;
  display: flex;
  justify-content: end;
  overflow: hidden;
  border: 10px solid #ffffff38;
}

@media (max-width: 480px) {
  /* line 13, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
  .marketing-page section.section-quotes-approval .video-container {
    border-left-width: 0px;
    border-right-width: 0px;
  }
}

@media (min-width: 576px) {
  /* line 13, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
  .marketing-page section.section-quotes-approval .video-container {
    box-shadow: none;
    border: 10px solid #ffffff38;
    border-radius: 25px;
  }
}

@media (min-width: 1200px) {
  /* line 13, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
  .marketing-page section.section-quotes-approval .video-container {
    margin-top: -50px;
    justify-content: center;
    height: 75vh;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
}

/* line 36, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
.marketing-page section.section-quotes-approval .video-container video {
  width: auto;
  height: 100%;
}

@media (min-width: 1200px) {
  /* line 36, app/assets/stylesheets/marketing/sections/features/quotes/approval.scss */
  .marketing-page section.section-quotes-approval .video-container video {
    width: 100%;
    height: auto;
  }
}

/* line 1, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation {
  background-color: #fafafa;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  height: 100vh;
  overflow: hidden;
}

/* line 17, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .section-content-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding-top: 100px;
}

@media (min-width: 576px) {
  /* line 17, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .section-content-container {
    padding-top: 200px;
  }
}

@media (min-width: 1200px) {
  /* line 17, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .section-content-container {
    padding-top: 13vh;
  }
}

/* line 38, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .top-headline-container {
  text-align: center;
  width: 100vw;
}

/* line 41, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .top-headline-container h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-wrap: unset;
}

/* line 48, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-container {
  opacity: 1;
  position: relative;
  height: calc(100% - 60px);
  width: calc(100% - 40px);
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 48, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-container {
    width: 80%;
    max-width: 800px;
    margin-top: 200px;
  }
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-container {
    height: 100%;
    margin-top: 20vh;
    max-width: 700px;
  }
}

/* line 68, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-page {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

@media (min-width: 576px) {
  /* line 68, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-page {
    border-radius: 15px;
  }
}

@media (min-width: 1200px) {
  /* line 68, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-page {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

/* line 82, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-content-container {
  position: relative;
  z-index: 1;
  height: 100%;
  perspective-origin: top;
  perspective: 100vw;
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 82, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-content-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-content-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Quote Items
/* ===================================================================== */
/* ===================================================================== */
/* line 104, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-logo {
  display: block;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 104, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-logo {
    width: 120px;
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  /* line 104, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-logo {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

/* line 122, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-item {
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
}

/* line 130, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-item .image-container {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 6px;
  background-color: #c4c4c4;
  background-size: cover;
}

@media (min-width: 576px) {
  /* line 130, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-item .image-container {
    width: 90px;
    height: 90px;
    margin-right: 45px;
  }
}

/* line 145, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-item h4 {
  font-size: 17px;
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  /* line 145, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-item h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

/* line 153, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .quote-item p {
  font-size: 13px;
  line-height: 16px;
  text-wrap: balance;
}

@media (min-width: 576px) {
  /* line 153, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .quote-item p {
    text-wrap: pretty;
    font-size: 15px;
    line-height: 19px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Couple Images Container
/* ===================================================================== */
/* ===================================================================== */
/* line 173, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .couple-images-container {
  transform-origin: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 60%;
  width: 40vw;
  height: 40vw;
  z-index: 3;
}

@media (min-width: 576px) {
  /* line 173, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .couple-images-container {
    top: 50%;
  }
}

@media (min-width: 1200px) {
  /* line 173, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .couple-images-container {
    top: 60%;
    transform: translateY(-50%) translateX(-50%);
  }
}

/* line 190, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .couple-images-container .couple.center-heart {
  background-color: #15384a;
}

/* line 192, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .couple-images-container .couple.center-heart i {
  font-size: 80px;
  color: #fff;
}

@media (min-width: 576px) {
  /* line 190, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
  .marketing-page section.section-quotes-page-animation .couple-images-container .couple.center-heart {
    display: none;
  }
}

/* line 201, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .couple-images-container .couple {
  transform-origin: center;
  overflow: hidden;
  width: 40vw;
  height: 40vw;
  border-radius: 10px;
  position: absolute;
  border-radius: 40px;
}

/* line 216, app/assets/stylesheets/marketing/sections/features/quotes/page_animation.scss */
.marketing-page section.section-quotes-page-animation .couple-images-container .couple img {
  width: 100%;
  display: block;
}

/* line 1, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
.marketing-page section.section-tasks-flexible-views {
  background-color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Tile - Instant Notifications
/* ===================================================================== */
/* ===================================================================== */
/* line 11, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
.marketing-page section.section-tasks-flexible-views .tile.tasks-list-view {
  background-color: #fbfbfb;
}

/* line 30, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
.marketing-page section.section-tasks-flexible-views .tile.tasks-list-view .cell.two .cell-content {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 60px;
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
  .marketing-page section.section-tasks-flexible-views .tile.tasks-list-view .cell.two .cell-content {
    margin-bottom: 30px;
  }
}

/* line 38, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
.marketing-page section.section-tasks-flexible-views .tile.tasks-list-view .light-glass-frame {
  background-color: #15384a1f;
  padding: 4px;
}

@media (min-width: 576px) {
  /* line 46, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
  .marketing-page section.section-tasks-flexible-views .tile.tasks-list-view .light-glass-frame video {
    border-radius: 10px;
  }
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/marketing/sections/features/tasks/flexible_views.scss */
  .marketing-page section.section-tasks-flexible-views .tile.tasks-list-view .light-glass-frame video {
    max-height: 70vh;
  }
}

/* Dev Tracker
======================================================================== */
/* ===================================================================== */
/* ===================================================================== */
/* Left Nav Bar
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 250px;
  padding: 10px;
  z-index: 5;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* Dev Page Group Header
======================================================================== */
/* line 20, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar .dev-page-group-header {
  margin-bottom: 10px;
  padding-left: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #8f8f8f;
  display: flex;
  align-items: center;
}

/* line 30, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar .dev-page-link {
  display: block;
  padding: 12px 7px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 800;
  color: #525252;
  border-radius: 6px;
}

/* line 38, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar .dev-page-link i {
  margin-right: 5px;
  opacity: 0.7;
}

/* line 44, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar .dev-page-link:not(.selected):hover {
  background-color: #f6f6f6;
}

/* line 48, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #left-nav-bar .dev-page-link.selected {
  background-color: #dbe9f1;
}

/* line 54, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #content-container {
  margin-left: 250px;
  position: relative;
  min-height: 100vh;
}

/* line 60, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #content-container.padded {
  padding: 20px;
}

/* line 65, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #content-container .content-bg-container {
  margin-left: 0px;
  margin-right: 0px;
}

/* line 70, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker p {
  font-size: 15px;
  color: #333333;
}

/* ===================================================================== */
/* ===================================================================== */
/* Lists
/* ===================================================================== */
/* ===================================================================== */
/* line 81, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker ul, #dev-tracker ol {
  padding-left: 23px;
}

/* line 84, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker ul ul, #dev-tracker ul ol, #dev-tracker ol ul, #dev-tracker ol ol {
  margin-top: 10px;
}

/* line 91, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #333333;
}

/* line 98, app/assets/stylesheets/dev_tracker/layout.scss */
#dev-tracker #dev-item-description ul.tox-checklist li {
  list-style: none;
}

/* line 1, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 100px;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* ===================================================================== */
/* ===================================================================== */
/* Status Lane
/* ===================================================================== */
/* ===================================================================== */
/* line 14, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane {
  position: relative;
  flex: 0 0 290px;
  margin: 0px 5px;
}

/* line 19, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane:first-child {
  margin-left: 20px;
}

/* line 22, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane:last-child {
  margin-right: 10px;
}

/* line 33, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .status-lane.new-status-lane .lane-header {
  border: 1px dashed #c7c7c7;
  color: #c4c4c4;
  padding: 17px;
  border-radius: 5px;
}

/* line 38, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .status-lane.new-status-lane .lane-header:hover {
  border-color: teal;
  color: teal;
}

/* ===================================================================== */
/* ===================================================================== */
/* DevBoard Page Header
/* ===================================================================== */
/* ===================================================================== */
/* line 49, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-board-page-header {
  padding: 15px;
  display: flex;
  align-items: center;
}

/* ===================================================================== */
/* ===================================================================== */
/* Cards
/* ===================================================================== */
/* ===================================================================== */
/* line 61, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane .board-cards-container {
  overflow-y: scroll;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}

/* New Card Form
======================================================================== */
/* line 70, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane #new-card-container {
  position: absolute;
  top: 41px;
  right: 0px;
  left: 0px;
  z-index: 1;
  padding-top: 10px;
  background-color: #f9f9f9;
}

/* line 78, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-view .dev-task-board-container .status-lane #new-card-container .board-card {
  margin-bottom: 15px !important;
}

/* line 83, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 6px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  position: relative;
  line-height: 19px;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 83, app/assets/stylesheets/dev_tracker/board.scss */
  #dev-tracker .board-card {
    font-size: 14.5px;
  }
}

/* line 93, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card:hover {
  cursor: pointer;
  border-color: #c5c5c5;
}

/* line 97, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card:last-child {
  margin-bottom: 100px;
}

/* line 102, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-epic-modal .board-card {
  padding: 15px;
}

/* line 106, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card.active {
  border: 1px solid #dfb8ea;
  background-color: #faf4ff;
}

/* line 111, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card .card-icon-container {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 10px;
  padding: 3px;
}

/* line 119, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .board-card[data-request-count="0"] .request-and-mention-badges-container {
  display: none;
}

/* line 124, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-label-badge {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  background-color: #e5e5e5;
  padding: 1px 6px;
  border-radius: 12px;
}

/* line 133, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-label-badge.lg {
  font-size: 15px;
  padding: 8px 12px;
  border-radius: 100px;
}

/* line 139, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-label-badge.request-and-mention {
  background-color: transparent;
  color: #873f7f;
  border: 1px solid #debcda;
}

/* line 145, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-label-badge.expand-collapse-badge {
  background-color: #fff;
  color: #a2a0a1;
  border: 1px solid #dddddd;
}

/* line 149, app/assets/stylesheets/dev_tracker/board.scss */
#dev-tracker .dev-label-badge.expand-collapse-badge:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

/* line 1, app/assets/stylesheets/dev_tracker/shell_companies.scss */
#dev-tracker #shell-company-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 70%;
  max-width: 1400px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  padding: 30px;
}

/* line 14, app/assets/stylesheets/dev_tracker/shell_companies.scss */
#dev-tracker #shell-company-modal .dev-requests-scroll-container {
  background-color: #fff;
  position: absolute;
  left: 0px;
  right: 30%;
  overflow: scroll;
  bottom: 0px;
  top: 120px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
}

/* line 27, app/assets/stylesheets/dev_tracker/shell_companies.scss */
#dev-tracker #shell-company-modal .right-column-container {
  background-color: #fff;
  position: absolute;
  left: 75%;
  right: 0px;
  overflow: scroll;
  bottom: 0px;
  top: 120px;
  padding-right: 24px;
  padding-top: 32px;
}

/* line 5, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-header {
  background-color: #f2f2f2;
  padding: 8px;
  border-radius: 5px;
  color: #464646;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 5, app/assets/stylesheets/dev_tracker/data_columns.scss */
  #dev-tracker .data-column .data-section .data-header {
    font-size: 13.5px;
  }
}

/* line 11, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-header a {
  color: #464646;
}

/* line 13, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-header a:hover {
  color: teal;
}

/* line 19, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-content {
  padding: 8px;
  padding-top: 10px;
  padding-bottom: 22px;
}

/* line 26, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-content.links-block a {
  font-size: 14px;
  display: block;
  color: #464646;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  /* line 26, app/assets/stylesheets/dev_tracker/data_columns.scss */
  #dev-tracker .data-column .data-section .data-content.links-block a {
    font-size: 13.5px;
  }
}

/* line 32, app/assets/stylesheets/dev_tracker/data_columns.scss */
#dev-tracker .data-column .data-section .data-content.links-block a:hover {
  color: teal;
}

/* Image Handling
======================================================================== */
/* line 8, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-modal #dev-item-description img,
#dev-tracker .dev-item-modal #dev-item-description-editor img {
  max-width: 100%;
}

/* line 13, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-modal #dev-item-description img:hover {
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 380px;
  z-index: 1000;
  background-color: #fff;
  border-left: 1px solid #cacaca;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  overflow: scroll;
}

/* line 33, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .question-button.for-board {
  padding: 16px;
}

/* line 35, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .question-button.for-board .question-text {
  font-size: 15px;
}

/* line 40, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .question-button.for-epic {
  padding: 6px 24px;
  padding-right: 32px;
}

/* line 43, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .question-button.for-epic .question-text {
  font-size: 14px;
  color: #2f2f2f;
}

/* line 49, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .dev-status-move-trigger-link {
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
  #dev-tracker .dev-item-mover-modal .dev-status-move-trigger-link {
    font-size: 14.5px;
  }
}

/* line 53, app/assets/stylesheets/dev_tracker/dev_item_modal.scss */
#dev-tracker .dev-item-mover-modal .dev-status-move-trigger-link:hover {
  background-color: #f2f2f2;
}

/* line 1, app/assets/stylesheets/dev_tracker/dev_feature_modal.scss */
#dev-tracker .dev-feature-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 70%;
  max-width: 1200px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  padding: 30px;
  z-index: 40;
  overflow: scroll;
}

/* line 16, app/assets/stylesheets/dev_tracker/dev_feature_modal.scss */
#dev-tracker .dev-feature-modal #tinymce-toolbar-container .tox.tox-tinymce-aux {
  z-index: 999999;
}

/* line 1, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000b3;
  z-index: 10;
  overflow: scroll;
}

/* line 8, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal .modal-content-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #f9f9f9;
  border-radius: 0px;
  padding: 30px;
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal .modal-content-container #board-container {
  position: absolute;
  top: 75px;
  left: 0px;
  bottom: 0px;
  right: 1220px;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal .modal-content-container #panels-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 1200px;
  overflow: hidden;
  background-color: #fff;
  border-left: 1px solid #d4d4d4;
}

/* line 40, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal .modal-content-container #panels-container .panels-content-container {
  background-color: #fff;
  position: absolute;
  top: 65px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
  padding: 30px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Collapsed Panels Container
/* ===================================================================== */
/* ===================================================================== */
/* line 57, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal.collapsed-panels-container #board-container {
  right: 40px;
}

/* line 60, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal.collapsed-panels-container #panels-container {
  display: none;
}

/* line 63, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal.collapsed-panels-container #expand-panels-container-button {
  display: block;
}

/* line 68, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal #expand-panels-container-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 40px;
  height: 300px;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  display: none;
}

/* line 78, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal #expand-panels-container-button:hover {
  cursor: pointer;
}

/* ===================================================================== */
/* ===================================================================== */
/* Board View Overrides
/* ===================================================================== */
/* ===================================================================== */
/* line 88, app/assets/stylesheets/dev_tracker/dev_epic_modal.scss */
#dev-tracker .dev-epic-modal .board-view .dev-task-board-container {
  top: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Feature Request Container
/* ===================================================================== */
/* ===================================================================== */
/* line 6, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container {
  margin-bottom: 15px;
  display: flex;
}

/* line 11, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .info-column {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  padding: 15px;
  flex-grow: 1;
}

/* line 18, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .info-column .dev-request-header {
  margin-bottom: 1rem;
}

/* line 22, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .info-column .dev-request-header .left-col:hover {
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .info-column .dev-request-header .left-col .fa-caret-right {
  display: none;
}

/* line 30, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .info-column .dev-request-action-menu-container {
  display: inline-block;
}

/* line 34, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .mentions-counter-widget {
  text-align: center;
  font-size: 17px;
  font-weight: 800;
  padding: 10px 15px;
  margin-left: 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.12);
}

/* line 42, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container .mentions-counter-widget i {
  display: block;
  font-size: 20px;
}

/* Collapsed
======================================================================== */
/* line 51, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .dev-request-description-container, #dev-tracker .feature-request-container.collapsed .dev-request-action-menu-container {
  display: none;
}

/* line 54, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .mentions-column .fa-caret-up, #dev-tracker .feature-request-container.collapsed .mentions-column .fa-caret-down {
  display: none;
}

/* line 57, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .info-column .dev-request-header {
  margin-bottom: 0px;
}

/* line 60, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .mentions-counter-widget {
  padding: 15px;
}

/* line 63, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .dev-request-header .left-col .fa-caret-down {
  display: none;
}

/* line 66, app/assets/stylesheets/dev_tracker/dev_requests.scss */
#dev-tracker .feature-request-container.collapsed .dev-request-header .left-col .fa-caret-right {
  display: initial;
}

/* line 1, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 320px;
  background-color: #fff;
  z-index: 45;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 12, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option {
  position: relative;
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px dashed #ececec;
}

@media (min-width: 576px) {
  /* line 12, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
  #dev-tracker #dev-feature-group-assignments-modal .feature-group-option {
    font-size: 14.5px;
  }
}

/* line 17, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option i {
  margin-right: 4px;
}

/* line 26, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option .fa-check-circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100px;
  color: teal;
  font-size: 20px;
}

/* line 33, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option.selected {
  background-color: #ebf7f7;
}

/* line 36, app/assets/stylesheets/dev_tracker/dev_feature_group_assignments.scss */
#dev-tracker #dev-feature-group-assignments-modal .feature-group-option.selected .fa-check-circle {
  right: 15px;
}

/* Themes
=========================================================================================================================*/
/* Main Layout Background Colors
=========================================================================================================================*/
/* line 4, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode #top-nav-bar {
  background-color: #121212;
}

/* line 8, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .page-header .primary-header {
  background-color: #121212;
  border-bottom-color: #3e3e3e;
}

/* line 12, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .page-header .page-nav-container {
  background-color: #121212;
}

/* line 16, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .content-bg-container {
  background-color: #121212;
}

/* line 19, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode #primary-content-container {
  background-color: #121212;
}

/* Tags
=========================================================================================================================*/
/* line 27, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode a {
  color: #04d9c5;
}

/* line 30, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode p {
  color: #c4c4c4;
}

/* Table
=========================================================================================================================*/
/* line 38, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode table {
  color: #fff;
}

/* line 41, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .table-scroll-head {
  background-color: #121212;
}

/* line 43, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .table-scroll-head thead {
  background-color: #121212;
}

/* line 47, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode table thead th {
  border-top-color: transparent !important;
}

/* line 50, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode table.table td, body.dark-mode table.table th {
  border-top-color: #333;
}

/* line 53, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode table.table-hover tbody tr:hover {
  background-color: #272727 !important;
}

/* User Avatar
=========================================================================================================================*/
/* line 60, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .user-avatar {
  background-color: #3c3c3c;
}

/* line 62, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode .user-avatar.current-user {
  border-color: #545454;
}

/* Tasks
=========================================================================================================================*/
/* line 70, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode #tasks-page .task-row .event-name {
  color: #8c8c8c;
}

/* line 74, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode #tasks-page .circle-container .fa-circle {
  color: #8c8c8c;
}

/* line 77, app/assets/stylesheets/themes/dark_mode.scss */
body.dark-mode #tasks-page .circle-container .fa-check-circle {
  color: #29d029;
}

/* guest_groups, not sure what to do with this one */
/* GuestGroup metrics (Party count, Individuals, etc.) */
/* line 3, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-metrics {
  margin-bottom: 15px;
}

/* line 5, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-metrics .metric-container {
  display: inline-block;
  margin-right: 25px;
}

/* line 8, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-metrics .metric-container span {
  display: block;
}

/* line 11, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-metrics .metric-container .number {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
}

/* line 16, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-metrics .metric-container .label {
  font-size: 13px;
}

@media (min-width: 1200px) {
  /* line 26, app/assets/stylesheets/other/guest_groups.scss */
  #guest_parties-page .guest-group-metrics {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #a6a9b4;
  }
  /* line 31, app/assets/stylesheets/other/guest_groups.scss */
  #guest_parties-page .guest-group-metrics .metric-container {
    display: inline-block;
    margin-right: 0px;
    margin-left: 12px;
  }
  /* line 35, app/assets/stylesheets/other/guest_groups.scss */
  #guest_parties-page .guest-group-metrics .metric-container span {
    display: inline;
  }
  /* line 38, app/assets/stylesheets/other/guest_groups.scss */
  #guest_parties-page .guest-group-metrics .metric-container .number {
    font-size: 17px;
  }
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Group Container (Desktop)
/* ===================================================================== */
/* ===================================================================== */
/* line 51, app/assets/stylesheets/other/guest_groups.scss */
#guest-groups-container .guest-group-table-header {
  display: flex;
  align-items: center;
}

/* line 54, app/assets/stylesheets/other/guest_groups.scss */
#guest-groups-container .guest-group-table-header div.name-and-edit-buttons {
  flex-grow: 1;
}

/* line 57, app/assets/stylesheets/other/guest_groups.scss */
#guest-groups-container .guest-group-table-header div.action-items {
  text-align: right;
}

/* GuestGroup Headers */
/* line 64, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-container {
  position: relative;
}

/* line 66, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page .guest-group-container h4 {
  display: inline-block;
  margin-right: 20px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Group Container (Mobile)
/* ===================================================================== */
/* ===================================================================== */
/* Guest Group Container
======================================================================== */
/* line 87, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page #guest-groups-container .guest-group-container.cards {
  background-color: #fff;
  padding: 15px;
}

/* Name & Edit Button
======================================================================== */
/* line 93, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page #guest-groups-container .guest-group-container.cards .name-and-edit-buttons {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 15px;
}

/* line 101, app/assets/stylesheets/other/guest_groups.scss */
#guest_parties-page #guest-groups-container .guest-group-container.cards .name-and-edit-buttons h3 {
  flex-grow: 1;
  font-size: 18px;
  margin-bottom: 0px;
}

/* GuestGroup New/Edit Modal */
/* line 112, app/assets/stylesheets/other/guest_groups.scss */
#guest_group-modal {
  /* Container Formatting */
}

/* line 114, app/assets/stylesheets/other/guest_groups.scss */
#guest_group-modal .person-link-option, #guest_group-modal .group-type-option {
  padding: 10px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Groups Manager Index Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 124, app/assets/stylesheets/other/guest_groups.scss */
.guest-groups-manager-index .sortable-handle:hover {
  cursor: grab;
}

/* line 1, app/assets/stylesheets/other/guest_parties.scss */
#guest_parties-page #guest-groups-container .guest-group-container .guest-party-card .sub-guest-count {
  opacity: .7;
  margin-left: 4px;
}

/* line 8, app/assets/stylesheets/other/guest_parties.scss */
#guest_parties-page #guest-groups-container .guest-group-container .guest-party-card .guest-party-name-and-edit-button .fa-user, #guest_parties-page #guest-groups-container .guest-group-container .guest-party-card .guest-party-name-and-edit-button .fa-users, #guest_parties-page #guest-groups-container .guest-group-container .guest-party-card .guest-party-name-and-edit-button .fa-envelope,
#guest_parties-page #guest-groups-container .guest-group-container .guest-card .guest-party-name-and-edit-button .fa-user,
#guest_parties-page #guest-groups-container .guest-group-container .guest-card .guest-party-name-and-edit-button .fa-users,
#guest_parties-page #guest-groups-container .guest-group-container .guest-card .guest-party-name-and-edit-button .fa-envelope {
  margin-right: 4px;
  font-size: 13px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Guest Sub Event Invite Status
/* ===================================================================== */
/* ===================================================================== */
/* line 19, app/assets/stylesheets/other/guest_parties.scss */
.guest-sub-event-invite-status-label[data-is-invited='true'] {
  color: #008001;
}

/* line 23, app/assets/stylesheets/other/guest_parties.scss */
.guest-sub-event-invite-status-label[data-is-invited='false'] {
  color: grey;
}

/* line 27, app/assets/stylesheets/other/guest_parties.scss */
.guest-sub-event-invite-status-label .invitation-summary-tooltip-icon {
  margin-left: 5px;
  opacity: .5;
}

/* sub_events needs to be refactored: probably can be a more generic form style */
/* line 3, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page #menu-options-container input, #sub_events-page #guest-lists-container input {
  padding: 13px;
  height: initial !important;
}

/* line 7, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page #menu-options-container .item-inline-delete, #sub_events-page #guest-lists-container .item-inline-delete {
  display: inline-block;
  padding: 14px;
  font-size: 18px;
  position: relative;
  left: -30px;
  border-radius: 6px;
}

/* line 14, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page #menu-options-container .item-inline-delete:hover, #sub_events-page #guest-lists-container .item-inline-delete:hover {
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/other/sub_events.scss */
#guest_parties-page .sub-event-invites-cards-container {
  background-color: #fff;
  padding: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* SubEvent Type Picker
/* ===================================================================== */
/* ===================================================================== */
/* line 31, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal #type-picker .type-option {
  background-color: #fff;
  text-align: center;
  padding: 20px;
  border-radius: 11px;
  height: 100%;
  border: 1px solid #e1e1e1;
  transition: all 0.3s;
}

/* line 39, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal #type-picker .type-option:not(.selected):hover {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  cursor: pointer;
}

/* line 45, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal #type-picker .type-option i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #c4c4c4;
  font-size: 32px;
  margin-bottom: 13px;
}

/* line 54, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal #type-picker .type-option.selected {
  background-color: #3f5d6c;
  color: #fff;
}

/* line 57, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal #type-picker .type-option.selected i {
  color: #fff;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event Type Form Container
/* ===================================================================== */
/* ===================================================================== */
/* line 67, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal form .sub-event-type-form-container {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* line 73, app/assets/stylesheets/other/sub_events.scss */
#sub_event-modal form .sub-event-type-form-container .sub-event-type {
  background-color: #e7e7e7;
  padding: 12px;
  border-radius: 6px;
  font-size: 16px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Event for List Builder Overview
/* ===================================================================== */
/* ===================================================================== */
/* line 85, app/assets/stylesheets/other/sub_events.scss */
.sub-event-for-list-builder-overview {
  background-color: #ebebeb;
  margin-bottom: 5px;
  width: fit-content;
  padding: 10px;
  border-radius: 6px;
}

/* line 91, app/assets/stylesheets/other/sub_events.scss */
.sub-event-for-list-builder-overview i {
  padding-right: 4px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Sub Events Index Page
/* ===================================================================== */
/* ===================================================================== */
/* line 101, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card {
  padding: 32px;
  padding-right: 15px;
  border-bottom: 1px solid #dfdfdf;
}

/* line 109, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .header-row, #sub_events-page .sub-event-desktop-card .details-row {
  display: flex;
}

/* line 112, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .details-row {
  margin-top: 15px;
}

/* line 118, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .sub-event-name-column {
  flex: 0 0 30%;
}

/* line 121, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .when-column, #sub_events-page .sub-event-desktop-card .where-column, #sub_events-page .sub-event-desktop-card .meals-column {
  flex: 0 0 30%;
}

/* line 124, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .actions-column {
  text-align: right;
  flex-grow: 1;
}

/* line 131, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .when-column, #sub_events-page .sub-event-desktop-card .where-column, #sub_events-page .sub-event-desktop-card .meals-column {
  display: flex;
}

/* line 133, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .when-column p, #sub_events-page .sub-event-desktop-card .when-column i, #sub_events-page .sub-event-desktop-card .where-column p, #sub_events-page .sub-event-desktop-card .where-column i, #sub_events-page .sub-event-desktop-card .meals-column p, #sub_events-page .sub-event-desktop-card .meals-column i {
  color: #505050;
  display: block;
  line-height: 1.6;
  font-size: 14.5px;
}

/* line 139, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .when-column i, #sub_events-page .sub-event-desktop-card .where-column i, #sub_events-page .sub-event-desktop-card .meals-column i {
  margin-left: 4px;
  margin-right: 19px;
  opacity: 0.4;
}

/* line 144, app/assets/stylesheets/other/sub_events.scss */
#sub_events-page .sub-event-desktop-card .when-column p.not-set-label, #sub_events-page .sub-event-desktop-card .where-column p.not-set-label, #sub_events-page .sub-event-desktop-card .meals-column p.not-set-label {
  opacity: 0.6;
}

/* line 1, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container {
  display: grid;
  gap: 24px;
}

/* line 6, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container .continue-picker-card {
  position: relative;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #eaeaea;
  transition: all 0.2s;
}

/* line 17, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container .continue-picker-card:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  border-color: #d0d0d0;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container .continue-picker-card .icon-and-option {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #2f2f2f;
}

/* line 32, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container .continue-picker-card p {
  color: #727272;
  font-size: 16px;
}

@media (min-width: 576px) {
  /* line 32, app/assets/stylesheets/other/shame.scss */
  .continue-picker-cards-container .continue-picker-card p {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 32, app/assets/stylesheets/other/shame.scss */
  .continue-picker-cards-container .continue-picker-card p {
    font-size: 15px;
  }
}

/* line 40, app/assets/stylesheets/other/shame.scss */
.continue-picker-cards-container .continue-picker-card .fa-angle-right,
.continue-picker-cards-container .continue-picker-card .continue-picker-card--action-icon {
  font-size: 25px;
  color: #727272;
  opacity: 0.5;
}

/* line 48, app/assets/stylesheets/other/shame.scss */
.missing-or-not-linked-name {
  color: #959595;
  font-weight: 500;
}

/* line 54, app/assets/stylesheets/other/shame.scss */
.overflow-visible {
  overflow: visible !important;
}

/* Style Google Autocomplete (.pac classes)
======================================================================== */
/* line 60, app/assets/stylesheets/other/shame.scss */
.pac-icon {
  width: 0px;
}

/* line 64, app/assets/stylesheets/other/shame.scss */
.pac-item {
  padding: 10px;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 64, app/assets/stylesheets/other/shame.scss */
  .pac-item {
    font-size: 13.5px;
  }
}

@media (min-width: 1200px) {
  /* line 64, app/assets/stylesheets/other/shame.scss */
  .pac-item {
    padding: 8px;
  }
}

/* line 72, app/assets/stylesheets/other/shame.scss */
.pac-item-query {
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 72, app/assets/stylesheets/other/shame.scss */
  .pac-item-query {
    font-size: 13.5px;
  }
}

/* line 77, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions {
  display: flex;
}

/* line 79, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions.center {
  align-items: center;
}

/* line 82, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions.top {
  align-items: start;
}

/* line 85, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions .left-col {
  flex-grow: 1;
}

/* line 91, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions.grow-right .left-col {
  flex-grow: initial;
}

/* line 94, app/assets/stylesheets/other/shame.scss */
.flex-head-with-actions.grow-right .right-col {
  flex-grow: 1;
}

/* line 99, app/assets/stylesheets/other/shame.scss */
.tooltip {
  pointer-events: none;
  z-index: 2000;
}

/* line 104, app/assets/stylesheets/other/shame.scss */
.tooltip.show {
  opacity: 1;
}

/* line 108, app/assets/stylesheets/other/shame.scss */
.tooltip-inner {
  max-width: 350px;
  padding: 10px;
  color: #464646;
  text-align: center;
  background-color: #fff !important;
  border-radius: 0.3rem;
  font-size: 13px;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 119, app/assets/stylesheets/other/shame.scss */
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
  display: none;
}

/* line 124, app/assets/stylesheets/other/shame.scss */
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
  display: none;
}

/* line 129, app/assets/stylesheets/other/shame.scss */
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
  display: none;
}

/* line 134, app/assets/stylesheets/other/shame.scss */
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
  display: none;
}

/* line 139, app/assets/stylesheets/other/shame.scss */
.tooltip.small-tooltip-dark {
  opacity: 0.2;
}

/* line 143, app/assets/stylesheets/other/shame.scss */
.task-desc-tooltip-icon-container .tooltip .tooltip-inner {
  width: 500px !important;
  max-width: initial;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 16px;
  border: 1px solid #c4c4c4;
  border-radius: 12px;
}

/* line 152, app/assets/stylesheets/other/shame.scss */
.created-in-portal-icon {
  color: #e68f8f;
  margin-left: 10px;
}

/* line 157, app/assets/stylesheets/other/shame.scss */
.created-from-lead-form-submission-icon {
  color: #52a8cc;
  margin-left: 10px;
}

/* Google Autocomplete (z-index fix for showing autocomplete in a Bootstrap modal)
======================================================================== */
/* line 164, app/assets/stylesheets/other/shame.scss */
.pac-container, .pac-item {
  z-index: 2000 !important;
}

/* line 169, app/assets/stylesheets/other/shame.scss */
#event-layouts-page .coming-soon-container {
  background-color: #15384a;
  max-width: 550px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border-radius: 10px;
  margin-top: 15px;
}

@media (min-width: 576px) {
  /* line 169, app/assets/stylesheets/other/shame.scss */
  #event-layouts-page .coming-soon-container {
    padding: 40px;
    margin-top: 80px;
  }
}

/* line 182, app/assets/stylesheets/other/shame.scss */
#event-layouts-page .coming-soon-container h4 {
  color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media (min-width: 576px) {
  /* line 182, app/assets/stylesheets/other/shame.scss */
  #event-layouts-page .coming-soon-container h4 {
    font-size: 30px;
  }
}

/* line 190, app/assets/stylesheets/other/shame.scss */
#event-layouts-page .coming-soon-container p {
  color: #c4c4c4;
  margin-bottom: 40px;
}

/* line 194, app/assets/stylesheets/other/shame.scss */
#event-layouts-page .coming-soon-container img {
  max-width: 100%;
  margin-bottom: 25px;
}

/* line 202, app/assets/stylesheets/other/shame.scss */
.pointer-on-hover:hover {
  cursor: pointer;
}

/* line 208, app/assets/stylesheets/other/shame.scss */
form#new_event #set-location-field, form.edit_event #set-location-field, form#new_lead_form_submission #set-location-field {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  padding: 12px;
  border-radius: 8px;
  position: relative;
  line-height: 1.5;
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  /* line 208, app/assets/stylesheets/other/shame.scss */
  form#new_event #set-location-field, form.edit_event #set-location-field, form#new_lead_form_submission #set-location-field {
    margin-bottom: 24px;
  }
}

/* line 222, app/assets/stylesheets/other/shame.scss */
#signature-svg {
  width: 200px;
  height: auto;
}

/* line 227, app/assets/stylesheets/other/shame.scss */
.lg-container.lg-show.lg-show-in {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 6;
}

/* line 236, app/assets/stylesheets/other/shame.scss */
#tinymce-toolbar-container-outer {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  background-color: #fff;
}

/* line 242, app/assets/stylesheets/other/shame.scss */
#tinymce-toolbar-container-outer.fixed-position {
  position: fixed;
  top: 50px;
  left: 0px;
  right: 0px;
  z-index: 1;
  padding-top: 7px;
  width: 100%;
}

@media (min-width: 576px) {
  /* line 242, app/assets/stylesheets/other/shame.scss */
  #tinymce-toolbar-container-outer.fixed-position {
    top: 56px;
  }
}

@media (min-width: 1200px) {
  /* line 242, app/assets/stylesheets/other/shame.scss */
  #tinymce-toolbar-container-outer.fixed-position {
    width: initial;
    top: 90px;
    left: 229px;
    right: 535px;
    padding-top: 0px;
    background-color: transparent;
  }
}

/* line 264, app/assets/stylesheets/other/shame.scss */
#tinymce-toolbar-container-inner {
  background-color: #fff;
}

@media (min-width: 1200px) {
  /* line 264, app/assets/stylesheets/other/shame.scss */
  #tinymce-toolbar-container-inner {
    max-width: calc(1100px - 6px);
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 274, app/assets/stylesheets/other/shame.scss */
#tinymce-toolbar-container-inner .tox-tinymce {
  box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.2);
}

/* line 281, app/assets/stylesheets/other/shame.scss */
.cropping-block {
  width: calc(100%);
}

/* line 286, app/assets/stylesheets/other/shame.scss */
.cropping-block.circle .cropper-view-box {
  box-shadow: 0 0 0 1px #39f;
  border-radius: 50%;
  outline: 0;
}

/* line 291, app/assets/stylesheets/other/shame.scss */
.cropping-block.circle .cropper-face {
  background-color: inherit !important;
}

/* line 294, app/assets/stylesheets/other/shame.scss */
.cropping-block.circle .cropper-view-box {
  outline: inherit !important;
}

/* line 300, app/assets/stylesheets/other/shame.scss */
.mbsc-calendar-header-today {
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

/* line 305, app/assets/stylesheets/other/shame.scss */
.mbsc-popup-content {
  font-family: 'Nunito', sans-serif;
}

/* line 310, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-calendar-height-md .mbsc-calendar-week-day, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day, .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #f1f1f1;
}

/* line 314, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-all-day-item:after, .mbsc-windows.mbsc-schedule-column, .mbsc-windows.mbsc-schedule-item, .mbsc-windows.mbsc-schedule-resource, .mbsc-windows.mbsc-schedule-resource-group, .mbsc-windows.mbsc-schedule-time-col, .mbsc-windows.mbsc-timeline-column, .mbsc-windows.mbsc-timeline-day:after, .mbsc-windows.mbsc-timeline-footer, .mbsc-windows.mbsc-timeline-footer-column, .mbsc-windows.mbsc-timeline-footer-date, .mbsc-windows.mbsc-timeline-footer-week, .mbsc-windows.mbsc-timeline-header, .mbsc-windows.mbsc-timeline-header-column, .mbsc-windows.mbsc-timeline-header-date, .mbsc-windows.mbsc-timeline-header-month, .mbsc-windows.mbsc-timeline-header-week, .mbsc-windows.mbsc-timeline-resource, .mbsc-windows.mbsc-timeline-resource-footer-cont, .mbsc-windows.mbsc-timeline-resource-header-cont, .mbsc-windows.mbsc-timeline-row, .mbsc-windows.mbsc-timeline-row-date, .mbsc-windows.mbsc-timeline-row-group:after, .mbsc-windows.mbsc-timeline-sidebar-footer-cont, .mbsc-windows.mbsc-timeline-sidebar-header-cont, .mbsc-windows.mbsc-timeline-sidebar-resource, .mbsc-windows.mbsc-timeline-slot-header, .mbsc-windows.mbsc-timeline-slots {
  border-color: #f1f1f1;
}

/* Calendar Cell Hover */
/* line 319, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(51, 51, 51, 0);
}

@media (min-width: 1200px) {
  /* line 324, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-calendar-day-text, .mbsc-windows.mbsc-schedule-header-dayname {
    font-size: .8rem;
  }
}

@media (min-width: 1200px) {
  /* line 330, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-schedule-header-day {
    font-size: .9rem;
  }
}

@media (min-width: 1200px) {
  /* line 336, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title {
    font-size: 1.4rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  /* line 344, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day {
    font-size: .8rem;
  }
}

/* line 351, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-calendar-month-name {
  font-family: 'Nunito', sans-serif;
}

@media (min-width: 1200px) {
  /* line 351, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-calendar-month-name {
    font-size: .8rem;
  }
}

/* Today Highlight of Number in Cell */
@media (min-width: 1200px) {
  /* line 359, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-calendar-today {
    color: #ffffff;
    background-color: #0078d7;
  }
}

/* line 366, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: transparent;
}

/* line 371, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-header-day-today {
  color: #fff;
  background-color: #00ab86;
}

/* line 376, app/assets/stylesheets/other/shame.scss */
.mbsc-schedule-header-item-large.mbsc-hover .mbsc-schedule-header-day-today {
  background-color: #19cea7;
}

/* line 381, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-time-indicator, .mbsc-windows.mbsc-schedule-time-indicator-day {
  border-color: #03ab86;
}

/* line 384, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-time-indicator-time {
  color: #03ab86;
  font-weight: 600;
}

/* Selected Cell Background Color */
@media (min-width: 1200px) {
  /* line 390, app/assets/stylesheets/other/shame.scss */
  .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner {
    background: rgba(0, 120, 215, 0);
  }
}

/* line 396, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-event-time {
  width: 8em;
}

/* line 401, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-calendar-label-inner,
.mbsc-calendar-width-md
.mbsc-schedule-event-title,
.mbsc-schedule-event-range,
.mbsc-calendar-width-md .mbsc-schedule-event-title,
.mbsc-windows.mbsc-schedule-date-header-text,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day,
.mbsc-windows.mbsc-calendar-day-text, .mbsc-windows.mbsc-schedule-header-dayname {
  font-family: 'Nunito', sans-serif;
}

/* line 412, app/assets/stylesheets/other/shame.scss */
.mbsc-windows.mbsc-schedule-date-header-text,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day {
  font-weight: 600;
}

/* Record Overlay
=========================================================================================================================*/
/* line 419, app/assets/stylesheets/other/shame.scss */
.record-overlay {
  position: fixed;
  z-index: 2;
  top: 20px;
  right: 0px;
  bottom: 20px;
  left: 20px;
  border-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: -1px 0px 14px 0px #000000;
  box-shadow: -1px 0px 14px 0px #000000;
  transform: translateX(640px);
  transition: all 0.5s;
}

/* line 435, app/assets/stylesheets/other/shame.scss */
.record-overlay.open {
  transform: translateX(0px);
}

@media (min-width: 576px) {
  /* line 419, app/assets/stylesheets/other/shame.scss */
  .record-overlay {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: initial;
    width: 600px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

/* Stripe Button
=========================================================================================================================*/
/* line 452, app/assets/stylesheets/other/shame.scss */
.stripe-connect {
  background: #635bff;
  display: inline-block;
  height: 38px;
  text-decoration: none;
  width: 180px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-font-smoothing: antialiased;
}

/* line 471, app/assets/stylesheets/other/shame.scss */
.stripe-connect span {
  color: #ffffff;
  display: block;
  font-family: sohne-var, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
  padding: 11px 0px 0px 24px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  /* line 471, app/assets/stylesheets/other/shame.scss */
  .stripe-connect span {
    font-size: 14.5px;
  }
}

/* line 486, app/assets/stylesheets/other/shame.scss */
.stripe-connect:hover {
  background: #7a73ff;
}

/* line 490, app/assets/stylesheets/other/shame.scss */
.stripe-connect.slate {
  background: #0a2540;
}

/* line 494, app/assets/stylesheets/other/shame.scss */
.stripe-connect.slate:hover {
  background: #425466;
}

/* line 498, app/assets/stylesheets/other/shame.scss */
.stripe-connect.white {
  background: #ffffff;
}

/* line 502, app/assets/stylesheets/other/shame.scss */
.stripe-connect.white span {
  color: #0a2540;
}

/* line 506, app/assets/stylesheets/other/shame.scss */
.stripe-connect.white:hover {
  background: #f6f9fc;
}

/* line 510, app/assets/stylesheets/other/shame.scss */
.stripe-connect span::after {
  background-repeat: no-repeat;
  background-size: 49.58px;
  content: "";
  height: 20px;
  left: 62%;
  position: absolute;
  top: 28.95%;
  width: 49.58px;
}

/* Logos */
/* line 522, app/assets/stylesheets/other/shame.scss */
.stripe-connect span::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
}

/* line 526, app/assets/stylesheets/other/shame.scss */
.stripe-connect.white span::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230A2540;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Please remove from your implementation. Used to display the white button on the white background */
/* line 531, app/assets/stylesheets/other/shame.scss */
.stripe-connect.white {
  left: 1px;
  position: relative;
  top: 1px;
}

/* Hidden
=========================================================================================================================*/
/* line 539, app/assets/stylesheets/other/shame.scss */
.hidden {
  visibility: hidden;
}

/* line 543, app/assets/stylesheets/other/shame.scss */
.z-index-3 {
  z-index: 3;
}

/* line 546, app/assets/stylesheets/other/shame.scss */
.z-index-10 {
  z-index: 10;
}

/* line 549, app/assets/stylesheets/other/shame.scss */
.z-index-200 {
  z-index: 200;
}

/* ===================================================================== */
/* ===================================================================== */
/* Settings Email Feature Notice
/* ===================================================================== */
/* ===================================================================== */
/* line 558, app/assets/stylesheets/other/shame.scss */
#settings-email-feature-notice {
  text-align: center;
  padding: 25px;
}

@media (min-width: 576px) {
  /* line 558, app/assets/stylesheets/other/shame.scss */
  #settings-email-feature-notice {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (min-width: 1200px) {
  /* line 558, app/assets/stylesheets/other/shame.scss */
  #settings-email-feature-notice {
    padding: 50px;
  }
}

/* line 570, app/assets/stylesheets/other/shame.scss */
#settings-email-feature-notice button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  /* line 570, app/assets/stylesheets/other/shame.scss */
  #settings-email-feature-notice button {
    margin-bottom: 50px;
  }
}

/* line 579, app/assets/stylesheets/other/shame.scss */
#settings-email-feature-notice img {
  width: 80%;
  max-width: 400px;
}

/* ===================================================================== */
/* ===================================================================== */
/* New Ad Hoc Project Modal
/* ===================================================================== */
/* ===================================================================== */
/* line 589, app/assets/stylesheets/other/shame.scss */
#new-ad-hoc-project-modal .event-type-picker {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  /* line 589, app/assets/stylesheets/other/shame.scss */
  #new-ad-hoc-project-modal .event-type-picker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    top: 30%;
    width: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* line 602, app/assets/stylesheets/other/shame.scss */
#new-ad-hoc-project-modal .event-type-picker .description-container p {
  font-size: 16px;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  /* line 602, app/assets/stylesheets/other/shame.scss */
  #new-ad-hoc-project-modal .event-type-picker .description-container p {
    font-size: 14.5px;
  }
}

@media (min-width: 576px) {
  /* line 602, app/assets/stylesheets/other/shame.scss */
  #new-ad-hoc-project-modal .event-type-picker .description-container p {
    max-width: 100%;
  }
}

/* line 612, app/assets/stylesheets/other/shame.scss */
#new-ad-hoc-project-modal .event-type-picker .option-title {
  font-size: 18px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Stylized Event Nav Header
/* ===================================================================== */
/* ===================================================================== */
/* line 621, app/assets/stylesheets/other/shame.scss */
.stylized-event-nav-header {
  position: relative;
  background-size: cover;
  overflow: hidden;
  height: 166px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d0d0d0;
}

/* line 637, app/assets/stylesheets/other/shame.scss */
.stylized-event-nav-header .event-name-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  color: #fff;
  padding: 8px 13px;
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  backdrop-filter: blur(3px) saturate(0.5) brightness(0.5);
  -webkit-backdrop-filter: blur(3px) saturate(0.5) brightness(0.5);
}

/* line 652, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header .image-actions-container {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
}

/* line 659, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header[data-avatar-present='false'] .image-actions-container.for-image-present {
  display: none;
}

/* line 664, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header[data-avatar-present='true'] .image-actions-container.for-image-blank {
  display: none;
}

/* line 669, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header .image-actions-container.for-image-present {
  transform: translateY(-100px);
  transition: all 0.2s;
  transition-delay: 0.4s;
}

/* line 675, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header:hover .image-actions-container.for-image-present {
  transform: translateY(0px);
}

/* line 680, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header .image-actions-container a {
  display: flex;
  align-items: center;
  background-color: #15384a;
  padding: 5px;
  border-radius: 5px;
  margin: 0px;
  color: #fff !important;
  transition: all 0.3s;
  font-size: 12px;
  font-weight: normal;
}

/* line 691, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header .image-actions-container a i {
  display: inline-block;
  color: #fff !important;
  font-weight: 600;
  font-size: 12px;
}

/* line 697, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .stylized-event-nav-header .image-actions-container a:hover {
  background-color: #1f4a60;
}

/* line 702, app/assets/stylesheets/other/shame.scss */
#primary-nav-column #secondary-column.project-mode .demo-data-record-badge {
  box-shadow: 0px 4px 7px 1px #0000008c;
  -webkit-box-shadow: 0px 4px 7px 1px #0000008c;
}

/* line 709, app/assets/stylesheets/other/shame.scss */
.stylized-event-nav-header[data-style-with-company-logo='true'] {
  border-radius: 10px;
}

/* line 713, app/assets/stylesheets/other/shame.scss */
body[data-portal='true'] img.company-logo-for-portal-nav {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 100%;
  max-height: 70px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* ===================================================================== */
/* ===================================================================== */
/* Shimmer Primary
/* ===================================================================== */
/* ===================================================================== */
/* line 730, app/assets/stylesheets/other/shame.scss */
.success-background-shimmer {
  animation: success_background_shimmer 3s;
  animation-timing-function: ease-in-out;
}

@keyframes success_background_shimmer {
  0% {
    background-color: #fff;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0);
  }
  10% {
    background-color: #e9fff2;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.55);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.55);
  }
  60% {
    background-color: #f9fffb;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.33);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.33);
  }
  100% {
    background-color: #fff;
  }
}

/* line 756, app/assets/stylesheets/other/shame.scss */
.success-background-shimmer-no-shadow {
  animation: success_background_shimmer_no_shadow 3s;
  animation-timing-function: ease-in-out;
}

@keyframes success_background_shimmer_no_shadow {
  0% {
    background-color: #fff;
  }
  10% {
    background-color: #e9fff2;
  }
  60% {
    background-color: #f9fffb;
  }
  100% {
    background-color: #fff;
  }
}

/* line 776, app/assets/stylesheets/other/shame.scss */
.failure-background-shimmer {
  animation: failure_background_shimmer 3s;
  animation-timing-function: ease-in-out;
}

@keyframes failure_background_shimmer {
  0% {
    background-color: #fff6f6;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0);
  }
  10% {
    background-color: #ffb6b6;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.55);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.55);
  }
  60% {
    background-color: #eea5a5;
    box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.33);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(33, 125, 31, 0.33);
  }
  100% {
    background-color: #fff6f6;
  }
}

/* line 803, app/assets/stylesheets/other/shame.scss */
.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 2, app/assets/stylesheets/components/drag_and_drop/styles.scss */
html:has(.ui-sortable-helper) body, html:has(.ui-sortable-helper) a:hover, html:has(.ui-sortable-helper) .pointer-on-hover:hover, html:has(.ui-sortable-helper) .menu-toggle-header:hover, html:has(.ui-sortable-helper) .sortable-handle:hover {
  cursor: grabbing !important;
}

/* line 8, app/assets/stylesheets/components/drag_and_drop/styles.scss */
html:has(.is-dragging) body, html:has(.is-dragging) a:hover, html:has(.is-dragging) .pointer-on-hover:hover, html:has(.is-dragging) .menu-toggle-header:hover, html:has(.is-dragging) .sortable-handle:hover {
  cursor: grabbing !important;
}

/* line 13, app/assets/stylesheets/components/drag_and_drop/styles.scss */
.test-placeholder {
  background-color: #cce4e4;
  border: 3px dotted #adc6c6;
  width: 100%;
  height: 80px;
}

/* line 20, app/assets/stylesheets/components/drag_and_drop/styles.scss */
.board-show-card-placeholder {
  background-color: #cce4e4;
  border: 3px dotted #adc6c6;
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
}

/* line 28, app/assets/stylesheets/components/drag_and_drop/styles.scss */
.ui-sortable-helper {
  transform: scale(0.95);
  transform-origin: left;
}

/* line 33, app/assets/stylesheets/components/drag_and_drop/styles.scss */
tr.ui-sortable-helper {
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
}

/* line 37, app/assets/stylesheets/components/drag_and_drop/styles.scss */
tr.ui-sortable-helper:hover .green-bar {
  display: none;
}

/* ===================================================================== */
/* ===================================================================== */
/* Task Row Drag State
/* ===================================================================== */
/* ===================================================================== */
/* line 49, app/assets/stylesheets/components/drag_and_drop/styles.scss */
table.table-hover tbody tr.task-row.ui-sortable-helper:hover,
.task-row.ui-sortable-helper {
  background-color: #fff;
  transform: scale(1);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

/* line 57, app/assets/stylesheets/components/drag_and_drop/styles.scss */
.task-row-drag-and-drop-placeholder {
  background-color: #cce4e4;
  width: 100%;
  height: 80px;
}

/* Put this at the end so it overrides anything previously set */