/**
 * @license
 * MyFonts Webfont Build ID 3767435, 2019-05-28T13:47:10-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: PhosphatePro-Solid by Red Rooster Collection
 * URL: https://www.myfonts.com/fonts/redrooster/phosphate-pro/solid/
 * Copyright: Copyright (c) 2010 by International TypeFounders, Inc. All rights reserved.
 *
 * Webfont: Gordita-Bold by Type Atelier
 * URL: https://www.myfonts.com/fonts/type-atelier/gordita/bold/
 * Copyright: Copyright (c) 2016 by THOMAS GILLETT. All rights reserved.
 *
 * Webfont: Gordita-Medium by Type Atelier
 * URL: https://www.myfonts.com/fonts/type-atelier/gordita/medium/
 * Copyright: Copyright (c) 2016 by THOMAS GILLETT. All rights reserved.
 *
 * Webfont: Gordita-Regular by Type Atelier
 * URL: https://www.myfonts.com/fonts/type-atelier/gordita/regular/
 * Copyright: Copyright (c) 2016 by THOMAS GILLETT. All rights reserved.
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3767435
 * Licensed pageviews: 100,000
 *
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */


/* @import url("//hello.myfonts.net/count/397c8b"); */


@font-face {font-family: 'PhosphatePro-Solid';src: url('/static/fonts/397C8B_0_0.eot');src: url('/static/fonts/397C8B_0_0.eot?#iefix') format('embedded-opentype'),url('/static/fonts/397C8B_0_0.woff2') format('woff2'),url('/static/fonts/397C8B_0_0.woff') format('woff'),url('/static/fonts/397C8B_0_0.ttf') format('truetype');font-display: swap;}


@font-face {font-family: 'Gordita-Bold';src: url('/static/fonts/397C8B_1_0.eot');src: url('/static/fonts/397C8B_1_0.eot?#iefix') format('embedded-opentype'),url('/static/fonts/397C8B_1_0.woff2') format('woff2'),url('/static/fonts/397C8B_1_0.woff') format('woff'),url('/static/fonts/397C8B_1_0.ttf') format('truetype');font-display: swap;}


@font-face {font-family: 'Gordita-Medium';src: url('/static/fonts/397C8B_2_0.eot');src: url('/static/fonts/397C8B_2_0.eot?#iefix') format('embedded-opentype'),url('/static/fonts/397C8B_2_0.woff2') format('woff2'),url('/static/fonts/397C8B_2_0.woff') format('woff'),url('/static/fonts/397C8B_2_0.ttf') format('truetype');font-display: swap;}


@font-face {font-family: 'Gordita-Regular';src: url('/static/fonts/397C8B_3_0.eot');src: url('/static/fonts/397C8B_3_0.eot?#iefix') format('embedded-opentype'),url('/static/fonts/397C8B_3_0.woff2') format('woff2'),url('/static/fonts/397C8B_3_0.woff') format('woff'),url('/static/fonts/397C8B_3_0.ttf') format('truetype');font-display: swap;}


/* Vendor */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
/* Variables */
/* Colors */
/* Max Widths */
/* Breakpoints */
/* Padding and margins */
/* Font sizing */
/* Timing */
/* Fonts */
@font-face {
  font-family: "icons";
  src: url('/static/fonts/icons.eot');
  src: url('/static/fonts/icons.eot?#iefix') format('eot'),
    url('/static/fonts/icons.woff') format('woff'),
    url('/static/fonts/icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.public-layout, .admin-layout {
/* .icon-filters:before { content: "\EA10" } */
/* .icon-google:before { content: "\EA11" } */
/* .icon-heart:before { content: "\EA12" } */
/* .icon-hidden:before { content: "\EA13" } */
/* .icon-list:before { content: "\EA16" } */
/* .icon-lock:before { content: "\EA17" } */
/* .icon-map:before { content: "\EA18" } */
/* .icon-pending:before { content: "\EA1B" } */

}
.public-layout .icon:before, .admin-layout .icon:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* .icon-account:before { content: "\EA01" } */
.public-layout .icon-approved:before, .admin-layout .icon-approved:before { content: "\EA02" }
.public-layout .icon-arrow-down:before, .admin-layout .icon-arrow-down:before { content: "\EA03" }
.public-layout .icon-arrow-left:before, .admin-layout .icon-arrow-left:before { content: "\EA04" }
.public-layout .icon-arrow-right:before, .admin-layout .icon-arrow-right:before { content: "\EA05" }
.public-layout .icon-arrow-up:before, .admin-layout .icon-arrow-up:before { content: "\EA06" }
/* .icon-bell:before { content: "\EA07" } */
.public-layout .icon-calendar:before, .admin-layout .icon-calendar:before {
  content: url(/static/images/calendar.svg);
  line-height: unset;
}
.public-layout .icon-check:before, .admin-layout .icon-check:before { content: "\EA09" }
.public-layout .icon-clock:before, .admin-layout .icon-clock:before {
  content: url(/static/images/clock.svg);
  line-height: unset;
}
.public-layout .icon-close:before, .admin-layout .icon-close:before { content: "\EA0B" }
/* .icon-cutlery:before { content: "\EA0D" } */
.public-layout .icon-denied:before, .admin-layout .icon-denied:before { content: "\EA0E" }
/* .icon-comments:before { content: "\EA0C" } */
.public-layout .icon-facebook:before, .admin-layout .icon-facebook:before { content: "\EA0F" }
/* .icon-hide:before { content: "\EA14" } */
.public-layout .icon-instagram:before, .admin-layout .icon-instagram:before { content: "\EA15" }
/* .icon-options:before { content: "\EA19" } */
.public-layout .icon-paperclip:before, .admin-layout .icon-paperclip:before { content: "\EA1A" }
/* .icon-people:before { content: "\EA1C" } */
.public-layout .icon-pin:before, .admin-layout .icon-pin:before { content: url(/static/images/pin.svg) }
/* .icon-signs:before { content: "\EA1E" } */
.public-layout .icon-star:before, .admin-layout .icon-star:before { content: "\EA1F" }
/* .icon-thumbs-up:before { content: "\EA21" } */
.public-layout .icon-trash:before, .admin-layout .icon-trash:before { content: "\EA22" }
/* .icon-truck:before { content: "\EA24" } */
.public-layout .icon-twitter:before, .admin-layout .icon-twitter:before { content: "\EA25" }
/* .icon-truck-2:before { content: "\EA23" } */
.public-layout .icon-warning:before, .admin-layout .icon-warning:before { content: "\EA26" }
/* .icon-target:before { content: "\EA20" } */
.public-layout .icon-yelp:before, .admin-layout .icon-yelp:before { content: "\EA27" }
/* Utils */
/* .u-sm-$(name) {
    @mixin above $small {
      @mixin-content;
    }
  }

  .u-md-$(name) {
    @mixin above $medium {
      @mixin-content;
    }
  }

  .u-lg-$(name) {
    @mixin above $large {
      @mixin-content;
    }
  }
} */
/* Header Mixins */
/* Form Mixins */
/* ------------------------ */
/* Grid Utility Classes     */
/* ------------------------ */
.u-grid-row {
  display: flex !important;
  flex-flow: row wrap !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: flex-start !important;
  justify-content: left !important;
  margin-bottom: 1rem;
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  max-width: none !important;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 900px) {
  .u-grid-row {
    margin-bottom: 0;/* flex-direction: row; */
  }
}
.u-grid-row--center {
  align-items: center !important;
  justify-content: center !important;
}
.u-grid-col {
  width: 100%;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (min-width: 900px) {
  .u-grid-col {
    margin-bottom: 0;
  }
}
/* 7 Column Grid */
/* @for $i from 1 to $columns {
  .u-grid-col$i {
    lost-column: $i/$columns;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
/* @for $i from 1 to $columns {
  .u-grid-sm-col$i {
    @mixin above $small {
      lost-column: $i/$columns;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
  }
} */
@media screen and (min-width: 900px) {
  .u-grid-md-col1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/7 - (0rem - 0rem * 1/7));
    max-width: calc(99.9% * 1/7 - (0rem - 0rem * 1/7));
    width: calc(99.9% * 1/7 - (0rem - 0rem * 1/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col1:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col1:last-child {
    margin-right: 0;
  }
  .u-grid-md-col1:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 2/7 - (0rem - 0rem * 2/7));
    max-width: calc(99.9% * 2/7 - (0rem - 0rem * 2/7));
    width: calc(99.9% * 2/7 - (0rem - 0rem * 2/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col2:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col2:last-child {
    margin-right: 0;
  }
  .u-grid-md-col2:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 3/7 - (0rem - 0rem * 3/7));
    max-width: calc(99.9% * 3/7 - (0rem - 0rem * 3/7));
    width: calc(99.9% * 3/7 - (0rem - 0rem * 3/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col3:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col3:last-child {
    margin-right: 0;
  }
  .u-grid-md-col3:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 4/7 - (0rem - 0rem * 4/7));
    max-width: calc(99.9% * 4/7 - (0rem - 0rem * 4/7));
    width: calc(99.9% * 4/7 - (0rem - 0rem * 4/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col4:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col4:last-child {
    margin-right: 0;
  }
  .u-grid-md-col4:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 5/7 - (0rem - 0rem * 5/7));
    max-width: calc(99.9% * 5/7 - (0rem - 0rem * 5/7));
    width: calc(99.9% * 5/7 - (0rem - 0rem * 5/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col5:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col5:last-child {
    margin-right: 0;
  }
  .u-grid-md-col5:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 6/7 - (0rem - 0rem * 6/7));
    max-width: calc(99.9% * 6/7 - (0rem - 0rem * 6/7));
    width: calc(99.9% * 6/7 - (0rem - 0rem * 6/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col6:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col6:last-child {
    margin-right: 0;
  }
  .u-grid-md-col6:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .u-grid-md-col7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 7/7 - (0rem - 0rem * 7/7));
    max-width: calc(99.9% * 7/7 - (0rem - 0rem * 7/7));
    width: calc(99.9% * 7/7 - (0rem - 0rem * 7/7));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-col7:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-col7:last-child {
    margin-right: 0;
  }
  .u-grid-md-col7:nth-child(7n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* @for $i from 1 to $columns {
  .u-grid-lg-col$i {
    @mixin above $large {
      lost-column: $i/$columns;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
  }
} */
/* Simple Grid */
.u-grid-half {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
  max-width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
  width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.u-grid-half:nth-child(1n) {
  margin-right: 0rem;
  margin-left: 0;
}
.u-grid-half:last-child {
  margin-right: 0;
}
.u-grid-half:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 732px) {
  .u-grid-sm-half {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    max-width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-sm-half:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-sm-half:last-child {
    margin-right: 0;
  }
  .u-grid-sm-half:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
}
.u-grid-md-half {
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .u-grid-md-half {
    margin-bottom: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    max-width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    width: calc(99.9% * 1/2 - (0rem - 0rem * 1/2));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-half:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-half:last-child {
    margin-right: 0;
  }
  .u-grid-md-half:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* .u-grid-lg-half {
  @mixin above $large {
    lost-column: 1/2;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
/* .u-grid-third {
  lost-column: 1/3;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
} */
@media screen and (min-width: 732px) {
  .u-grid-sm-third {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    max-width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-sm-third:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-sm-third:last-child {
    margin-right: 0;
  }
  .u-grid-sm-third:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* .u-grid-sm-twoThirds {
  @mixin above $small {
    lost-column: 2/3;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
@media screen and (min-width: 900px) {
  .u-grid-md-third {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    max-width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-third:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-third:last-child {
    margin-right: 0;
  }
  .u-grid-md-third:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* .u-grid-md-twoThirds {
  @mixin above $medium {
    lost-column: 2/3;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
@media screen and (min-width: 1100px) {
  .u-grid-lg-third {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    max-width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    width: calc(99.9% * 1/3 - (0rem - 0rem * 1/3));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-lg-third:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-lg-third:last-child {
    margin-right: 0;
  }
  .u-grid-lg-third:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1100px) {
  .u-grid-lg-twoThirds {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 2/3 - (0rem - 0rem * 2/3));
    max-width: calc(99.9% * 2/3 - (0rem - 0rem * 2/3));
    width: calc(99.9% * 2/3 - (0rem - 0rem * 2/3));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-lg-twoThirds:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-lg-twoThirds:last-child {
    margin-right: 0;
  }
  .u-grid-lg-twoThirds:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* .u-grid-quarter {
  lost-column: 1/4;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.u-grid-sm-quarter {
  @mixin above $small {
    lost-column: 1/4;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
@media screen and (min-width: 900px) {
  .u-grid-md-quarter {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 1/4 - (0rem - 0rem * 1/4));
    max-width: calc(99.9% * 1/4 - (0rem - 0rem * 1/4));
    width: calc(99.9% * 1/4 - (0rem - 0rem * 1/4));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .u-grid-md-quarter:nth-child(1n) {
    margin-right: 0rem;
    margin-left: 0;
  }
  .u-grid-md-quarter:last-child {
    margin-right: 0;
  }
  .u-grid-md-quarter:nth-child(4n) {
    margin-right: 0;
    margin-left: auto;
  }
}
/* .u-grid-lg-quarter {
  @mixin above $large {
    lost-column: 1/4;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
} */
/* Display */
.u-block {
  display: block !important;
  }
.u-flex {
  display: flex !important;
  }
.u-align-center {
  align-items: center !important;
  }
.u-align-flex-end {
  align-items: flex-end !important;
  }
.u-flex-column {
  flex-direction: column !important;
  }
/* Floats */
.u-pullRight {
  float: right !important;
  }
.u-pullLeft {
  float: left !important;
  }
/* Alignment */
.u-textCenter {
  text-align: center !important;
  }
.u-textLeft {
  text-align: left !important;
  }
.u-textRight {
  text-align: right !important;
  }
.u-blockCenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  }
/* -------------------------- */
/* Spacing Utility Classes    */
/* -------------------------- */
/* Spacing Mixins */
/* Margins */
.u-m0 {
        margin: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m0 {
    margin: 0rem !important;
  }
}
.u-m05 {
        margin: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m05 {
    margin: 0.5rem !important;
  }
}
.u-m1 {
        margin: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m1 {
    margin: 1rem !important;
  }
}
.u-m2 {
        margin: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m2 {
    margin: 2rem !important;
  }
}
.u-m3 {
        margin: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m3 {
    margin: 3rem !important;
  }
}
.u-m4 {
        margin: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m4 {
    margin: 4rem !important;
  }
}
.u-m5 {
        margin: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-m5 {
    margin: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-mt0 {
        margin-top: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt0 {
    margin-top: 0rem !important;
  }
}
.u-mt05 {
        margin-top: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt05 {
    margin-top: 0.5rem !important;
  }
}
.u-mt1 {
        margin-top: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt1 {
    margin-top: 1rem !important;
  }
}
.u-mt2 {
        margin-top: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt2 {
    margin-top: 2rem !important;
  }
}
.u-mt3 {
        margin-top: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt3 {
    margin-top: 3rem !important;
  }
}
.u-mt4 {
        margin-top: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt4 {
    margin-top: 4rem !important;
  }
}
.u-mt5 {
        margin-top: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mt5 {
    margin-top: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-mb0 {
        margin-bottom: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb0 {
    margin-bottom: 0rem !important;
  }
}
.u-mb05 {
        margin-bottom: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb05 {
    margin-bottom: 0.5rem !important;
  }
}
.u-mb1 {
        margin-bottom: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb1 {
    margin-bottom: 1rem !important;
  }
}
.u-mb2 {
        margin-bottom: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb2 {
    margin-bottom: 2rem !important;
  }
}
.u-mb3 {
        margin-bottom: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb3 {
    margin-bottom: 3rem !important;
  }
}
.u-mb4 {
        margin-bottom: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb4 {
    margin-bottom: 4rem !important;
  }
}
.u-mb5 {
        margin-bottom: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mb5 {
    margin-bottom: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-ml0 {
        margin-left: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml0 {
    margin-left: 0rem !important;
  }
}
.u-ml05 {
        margin-left: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml05 {
    margin-left: 0.5rem !important;
  }
}
.u-ml1 {
        margin-left: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml1 {
    margin-left: 1rem !important;
  }
}
.u-ml2 {
        margin-left: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml2 {
    margin-left: 2rem !important;
  }
}
.u-ml3 {
        margin-left: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml3 {
    margin-left: 3rem !important;
  }
}
.u-ml4 {
        margin-left: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml4 {
    margin-left: 4rem !important;
  }
}
.u-ml5 {
        margin-left: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-ml5 {
    margin-left: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-mr0 {
        margin-right: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr0 {
    margin-right: 0rem !important;
  }
}
.u-mr05 {
        margin-right: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr05 {
    margin-right: 0.5rem !important;
  }
}
.u-mr1 {
        margin-right: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr1 {
    margin-right: 1rem !important;
  }
}
.u-mr2 {
        margin-right: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr2 {
    margin-right: 2rem !important;
  }
}
.u-mr3 {
        margin-right: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr3 {
    margin-right: 3rem !important;
  }
}
.u-mr4 {
        margin-right: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr4 {
    margin-right: 4rem !important;
  }
}
.u-mr5 {
        margin-right: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-mr5 {
    margin-right: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
/* Padding */
.u-p0 {
        padding: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p0 {
    padding: 0rem !important;
  }
}
.u-p05 {
        padding: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p05 {
    padding: 0.5rem !important;
  }
}
.u-p1 {
        padding: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p1 {
    padding: 1rem !important;
  }
}
.u-p2 {
        padding: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p2 {
    padding: 2rem !important;
  }
}
.u-p3 {
        padding: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p3 {
    padding: 3rem !important;
  }
}
.u-p4 {
        padding: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p4 {
    padding: 4rem !important;
  }
}
.u-p5 {
        padding: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-p5 {
    padding: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-pt0 {
        padding-top: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt0 {
    padding-top: 0rem !important;
  }
}
.u-pt05 {
        padding-top: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt05 {
    padding-top: 0.5rem !important;
  }
}
.u-pt1 {
        padding-top: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt1 {
    padding-top: 1rem !important;
  }
}
.u-pt2 {
        padding-top: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt2 {
    padding-top: 2rem !important;
  }
}
.u-pt3 {
        padding-top: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt3 {
    padding-top: 3rem !important;
  }
}
.u-pt4 {
        padding-top: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt4 {
    padding-top: 4rem !important;
  }
}
.u-pt5 {
        padding-top: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pt5 {
    padding-top: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-pb0 {
        padding-bottom: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb0 {
    padding-bottom: 0rem !important;
  }
}
.u-pb05 {
        padding-bottom: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb05 {
    padding-bottom: 0.5rem !important;
  }
}
.u-pb1 {
        padding-bottom: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb1 {
    padding-bottom: 1rem !important;
  }
}
.u-pb2 {
        padding-bottom: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb2 {
    padding-bottom: 2rem !important;
  }
}
.u-pb3 {
        padding-bottom: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb3 {
    padding-bottom: 3rem !important;
  }
}
.u-pb4 {
        padding-bottom: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb4 {
    padding-bottom: 4rem !important;
  }
}
.u-pb5 {
        padding-bottom: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pb5 {
    padding-bottom: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-pl0 {
        padding-left: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl0 {
    padding-left: 0rem !important;
  }
}
.u-pl05 {
        padding-left: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl05 {
    padding-left: 0.5rem !important;
  }
}
.u-pl1 {
        padding-left: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl1 {
    padding-left: 1rem !important;
  }
}
.u-pl2 {
        padding-left: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl2 {
    padding-left: 2rem !important;
  }
}
.u-pl3 {
        padding-left: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl3 {
    padding-left: 3rem !important;
  }
}
.u-pl4 {
        padding-left: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl4 {
    padding-left: 4rem !important;
  }
}
.u-pl5 {
        padding-left: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pl5 {
    padding-left: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-pr0 {
        padding-right: 0rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr0 {
    padding-right: 0rem !important;
  }
}
.u-pr05 {
        padding-right: 0.5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr05 {
    padding-right: 0.5rem !important;
  }
}
.u-pr1 {
        padding-right: 1rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr1 {
    padding-right: 1rem !important;
  }
}
.u-pr2 {
        padding-right: 2rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr2 {
    padding-right: 2rem !important;
  }
}
.u-pr3 {
        padding-right: 3rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr3 {
    padding-right: 3rem !important;
  }
}
.u-pr4 {
        padding-right: 4rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr4 {
    padding-right: 4rem !important;
  }
}
.u-pr5 {
        padding-right: 5rem !important
    }
@media screen and (min-width: 732px) {
  .u-sm-pr5 {
    padding-right: 5rem !important;
  }
}
/* .u-md-$(prefix)$(value) {
      @mixin above $medium {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }

    .u-lg-$(prefix)$(value) {
      @mixin above $large {
        @if $value == 05 {
          $(property): 0.5rem !important;
        } @else {
          $(property): $(value)rem !important;
        }
      }
    }
  } */
.u-mlAuto {
  margin-left: auto !important;
}
.u-mrAuto {
  margin-right: auto !important;
}
/* ----------------------- */
/* Sizing Utility Classes  */
/* ----------------------- */
/* Width Limiters */
.u-limitWidth20 {
    width: 100%;
    max-width: 20rem !important;
  }
.u-limitWidth25 {
    width: 100%;
    max-width: 25rem !important;
  }
.u-limitWidth30 {
    width: 100%;
    max-width: 30rem !important;
  }
.u-limitWidth35 {
    width: 100%;
    max-width: 35rem !important;
  }
.u-limitWidth50 {
    width: 100%;
    max-width: 50rem !important;
  }
.u-limitWidth70 {
    width: 100%;
    max-width: 70rem !important;
  }
.u-widthAuto {
  width: auto !important;
}
.u-w100 {
  width: 100% !important;
}
.u-h100 {
  height: 100%;
}
.u-minHeight500 {
  min-height: 500px;
}
/* ----------------------------- */
/* Visibility Utility Classes    */
/* ----------------------------- */
.u-visible {
  display: block !important;
}
.u-noMobile {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .u-noMobile {
    display: block !important;
  }
}
.u-noMobileInlineBlock {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .u-noMobileInlineBlock {
    display: inline-block !important;
  }
}
.u-noMobileFlex {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .u-noMobileFlex {
    display: flex !important;
  }
}
.u-noMobileInlineFlex {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .u-noMobileInlineFlex {
    display: inline-flex !important;
  }
}
.u-mobileOnly {
  display: block !important;
}
@media screen and (min-width: 900px) {
  .u-mobileOnly {
    display: none !important;
  }
}
.u-mobileOnlyFlex {
  display: flex !important;
}
@media screen and (min-width: 900px) {
  .u-mobileOnlyFlex {
    display: none !important;
  }
}
.u-flexMobileBlock {
  display: block !important;
}
@media screen and (min-width: 900px) {
  .u-flexMobileBlock {
    display: flex !important;
  }
}
.u-position-relative {
  position: relative;
}
/* JS Specific */
/* ------------------------------------------- */
/* JavaScript CSS                              */
/* Classes applied and managed by JavaScripts  */
/* ------------------------------------------- */
.wf-loading {
  visibility: hidden;
}
.wf-active {
  visibility: visible;
}
.wf-inactive {
  visibility: visible;
}
/* Base HTML Elements */
/* ------------------------- */
/* Base HTML Elements        */
/* No classes or IDs         */
/* ------------------------- */
*, *:before, *:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 16px;
}
body {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.75rem;
  -webkit-text-size-adjust: 100%;
  transition: background 500ms;
}
strong, b {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-weight: 700;
}
p {
  margin: 0;
  margin-bottom: 1rem;
}
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, ul:last-child, section:last-child, pre:last-child, div:last-child, button:last-child, figure:last-child, a:last-child {
  margin-bottom: 0;
}
a {
  color: #303030;
  text-decoration: none;
  transition: color 150ms
}
a:hover {
  color: #8A909B;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
ol li, ul li {
    margin-left: 1.25rem;
  }
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
  }
hr {
  border: none;
  height: 1px;
  width: 100%;
  margin-bottom: 1rem;
  background: rgba(0,0,0,0.1);
  margin-top: 0;
}
img {
  max-width: 100%;
}
form {
  width: 100%;
}
label {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
textarea {
  outline: none
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus {
  outline: none;
}
input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}
input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, input[type=password]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=number]:focus::placeholder, textarea:focus::placeholder {
  color: transparent;
}
input::-moz-placeholder, label::-moz-placeholder {
  color: #8A909B;
}
input::placeholder, label::placeholder {
  color: #8A909B;
}
@media screen and (min-width: 732px) {
  input, label {
    }
}
figure {
  margin: 0;
  display: inline-block;
}
figcaption {
  text-align: center;
  font-size: 0.66667rem;
  text-transform: uppercase;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/* Utils that depend on Base */
/* -------------------------- */
/* Type Utility Classes    */
/* -------------------------- */
/* Sizing */
@media screen and (min-width: 732px) {
  .u-big {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 732px) {
  .u-small {
    font-size: 0.875rem;
  }
}
.u-reallySmall {
  font-size: 0.8rem;
}
@media screen and (min-width: 732px) {
  .u-reallySmall {
    font-size: 0.7rem;
  }
}
/* Case */
.u-upperCase {
  text-transform: uppercase;
}
/* Weight */
.u-strong {
  font-weight: bold;
}
/* Color */
.u-lightGrey {
  color: #8A909B
}
/* Layouts */
.public-layout .MainContent, .admin-layout .MainContent {
  min-height: 100vh;
  position: relative;
}
.public-layout .PaddedSection, .admin-layout .PaddedSection {
  padding: 1.5rem 1rem;
}
@media screen and (min-width: 732px) {
  .public-layout .PaddedSection, .admin-layout .PaddedSection {
    padding: 2rem 3rem;
  }
}
.public-layout .PaddedSection--morePadding, .admin-layout .PaddedSection--morePadding {
  padding: 2rem 1rem;
}
@media screen and (min-width: 732px) {
  .public-layout .PaddedSection--morePadding, .admin-layout .PaddedSection--morePadding {
    padding: 4rem 3rem;
  }
}
@media screen and (min-width: 732px) {
  .public-layout .CenteredSection, .admin-layout .CenteredSection {
    top: 61px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
  }
}
.public-layout .CenteredSection-inner, .admin-layout .CenteredSection-inner {
  background: white;
  border-radius: 4px;
  padding: 1rem;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
@media screen and (min-width: 732px) {
  .public-layout .CenteredSection-inner, .admin-layout .CenteredSection-inner {
    width: 31rem;
  }
}
.public-layout .CenteredSection-inner--noBackground, .admin-layout .CenteredSection-inner--noBackground {
  background: none;
  border-radius: 0;
  padding: 1rem 0;
  box-shadow: none;
}
.public-layout .SecondaryHeader, .admin-layout .SecondaryHeader {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  align-items: center;
  background-color: #FAFAFA;
  border: 1px solid #D8E0E5;
  border-width: 1px 0;
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: calc(56px - 2px);
  z-index: 11;
}
.public-layout .SecondaryHeader ul, .admin-layout .SecondaryHeader ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 1rem;
  }
.public-layout .SecondaryHeader ul li:first-child, .admin-layout .SecondaryHeader ul li:first-child {
      margin-left: 0;
    }
@media screen and (min-width: 732px) {
  .public-layout .SecondaryHeader ul, .admin-layout .SecondaryHeader ul {
      padding: 1rem 3rem;
  }
}
@media screen and (min-width: 900px) {
  .public-layout .SecondaryHeader, .admin-layout .SecondaryHeader {
    height: 56px;
  }
  .public-layout .SecondaryHeader ul, .admin-layout .SecondaryHeader ul {
      padding: 1rem 0;
  }
}
.public-layout .AccountTooltip-inner, .admin-layout .AccountTooltip-inner {
  padding: .25rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.public-layout .AccountTooltip-inner a, .admin-layout .AccountTooltip-inner a {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    display: block;
    padding: .5rem;
    color: black
  }
.public-layout .AccountTooltip-inner a:hover, .admin-layout .AccountTooltip-inner a:hover {
  color: #8A909B;
}
/* Components */
.public-layout .Box, .admin-layout .Box {
  background: #efefef;
  padding: 1rem;
  position: relative;
  border-radius: 4px;
}
.public-layout .Box--white, .admin-layout .Box--white {
  background: white;
}
.public-layout .Box--grey, .admin-layout .Box--grey {
  background: #D8E0E5;
}
.public-layout .Container, .admin-layout .Container {
  max-width: 1680px;
  margin: 0 auto;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.public-layout .Loader-container, .admin-layout .Loader-container {
  position: relative;
  min-height: 100px;
}
.public-layout .LoaderContent, .admin-layout .LoaderContent {
  animation: none;
}
.public-layout .Loader, .admin-layout .Loader {
  display: block;
  vertical-align: middle;
  margin: 0px auto;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  font-size: 0;
  position: relative;
  border-top: 7px solid rgba(40, 165, 255, 0.3);
  border-right: 7px solid rgba(40, 165, 255, 0.3);
  border-bottom: 7px solid rgba(40, 165, 255, 0.3);
  border-left: 7px solid #28A5FF;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  z-index: 1000;
}
.public-layout .Loader--white, .admin-layout .Loader--white {
  border-top: 7px solid rgba(255, 255, 255, 0.3);
  border-right: 7px solid rgba(255, 255, 255, 0.3);
  border-bottom: 7px solid rgba(255, 255, 255, 0.3);
  border-left: 7px solid white;
}
.public-layout .Loader-screen, .admin-layout .Loader-screen {
  /* z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  padding: 1rem; */
  opacity: 0.5;
}
.public-layout .Loader--overlay, .admin-layout .Loader--overlay {
  position: absolute;
  top: 0%;
  right: 0%;
  padding: 0;
 }
.public-layout .Loader-container--screen .Loader--overlay, .admin-layout .Loader-container--screen .Loader--overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
  }
.public-layout .Loader-container--padded, .admin-layout .Loader-container--padded {
  padding: 1rem;
  min-height: unset !important;
}
.public-layout .Loader,
.public-layout .Loader:after,
.admin-layout .Loader,
.admin-layout .Loader:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.public-layout .Loader--padded, .admin-layout .Loader--padded {
  margin: 1rem;
}
.public-layout .Loader--center, .admin-layout .Loader--center {
  margin: 0 auto;
}
.public-layout .Loader--small, .admin-layout .Loader--small {
  border-top: 5px solid rgba(40, 165, 255, 0.3);
  border-right: 5px solid rgba(40, 165, 255, 0.3);
  border-bottom: 5px solid rgba(40, 165, 255, 0.3);
  border-left: 5px solid #28A5FF;
  vertical-align: top;
  margin-top: -1px;
}
.public-layout .Loader--small.Loader--white, .admin-layout .Loader--small.Loader--white {
  border-top: 5px solid rgba(255, 255, 255, 0.3);
  border-right: 5px solid rgba(255, 255, 255, 0.3);
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
  border-left: 5px solid white;
  vertical-align: top;
  margin-top: -1px;
}
.public-layout .Loader--small,
.public-layout .Loader--small:after,
.admin-layout .Loader--small,
.admin-layout .Loader--small:after {
  width: 25px;
  height: 25px;
}
.public-layout .Pagination, .admin-layout .Pagination {
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  text-align: center;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.25rem;
  padding: 0.5rem;
  border-radius: 4px;
}
@media screen and (min-width: 900px) {
  .public-layout .Pagination, .admin-layout .Pagination {
    font-size: 1rem;
  }
}
.public-layout .Pagination li, .admin-layout .Pagination li {
  margin: 0 0.25rem;
  display: inline-block;
}
.public-layout .Pagination li.Pagination-disabled, .admin-layout .Pagination li.Pagination-disabled {
  display: none;
}
.public-layout li.Pagination-break, .admin-layout li.Pagination-break {
  margin: 0;
}
.public-layout .Pagination a, .admin-layout .Pagination a {
  cursor: pointer;
}
.public-layout .Pagination a:active, .public-layout .Pagination a:focus, .admin-layout .Pagination a:active, .admin-layout .Pagination a:focus {
  outline: none;
}
.public-layout .Pagination-selected a, .admin-layout .Pagination-selected a {
    color: #433E36;
    font-weight: 900;
  }
.public-layout .Pagination-previous, .public-layout .Pagination-next, .admin-layout .Pagination-previous, .admin-layout .Pagination-next {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-weight: 500;
}
.public-layout .Search, .admin-layout .Search {
  align-items: center;
  background-color: white;
  border: 1px solid #D8E0E5;
  box-sizing: border-box;
  display: flex;
  font-size: 0.9375rem;
  padding: 0 0.5rem;
  position: relative;
  height: 3rem;
}
.public-layout .Search img, .admin-layout .Search img {
    margin-right: 0.5rem;
    min-width: 0.875rem;
  }
.public-layout .Search > input, .public-layout .Search > .geosuggest, .admin-layout .Search > input, .admin-layout .Search > .geosuggest {
    font-family: "gordita-regular", Helvetica, Arial, sans-serif;
    font-weight: 300;
    flex: 1;
    margin-top: 0.1rem;
  }
.public-layout .Search input, .admin-layout .Search input {
    border: 0;
    line-height: 1;
    outline: 0;
    text-overflow: ellipsis;
    overflow: hidden;
  }
.public-layout .Search__Clear, .admin-layout .Search__Clear {
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1rem;
    margin-right: 0.25rem;
    margin-top: 0.15rem;
  }
.public-layout .Search .geosuggest__input, .admin-layout .Search .geosuggest__input {
    padding: 0;
  }
.public-layout .Search .geosuggest__suggests, .admin-layout .Search .geosuggest__suggests {
    border-color: #D8E0E5 !important;
    left: -31px;
    width: calc(100% + 59px);
  }
@media screen and (min-width: 900px) {
  .public-layout .Search, .admin-layout .Search {
    width: 160px;
  }
}
@media screen and (min-width: 1000px) {
  .public-layout .Search, .admin-layout .Search {
    width: 200px;
  }
}
@media screen and (min-width: 1220px) {
  .public-layout .Search, .admin-layout .Search {
    width: 240px;
  }
}
.public-layout .Search--location, .admin-layout .Search--location {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.public-layout .Search--location input, .admin-layout .Search--location input {
    background-color: transparent;
  }
@media screen and (min-width: 900px) {
  .public-layout .Search--location, .admin-layout .Search--location {
    border-right-width: 0;
  }
}
.public-layout .Search--term, .admin-layout .Search--term {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
@media screen and (min-width: 1380px) {
  .public-layout .Search--term, .admin-layout .Search--term {
    min-width: 350px;
  }
}
.public-layout .Search--location-wrapper, .admin-layout .Search--location-wrapper {
  display: flex;
}
@media screen and (max-width: 732px) {
  .public-layout .Search--location-wrapper, .admin-layout .Search--location-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .public-layout .Search--location-wrapper .Search, .admin-layout .Search--location-wrapper .Search {
      width: 100% !important;
      margin-bottom: 0.5rem;
      margin-right: 0 !important;
  }
  .public-layout .Search--location-wrapper .Button, .admin-layout .Search--location-wrapper .Button {
      width: 100% !important;
  }
}
.public-layout .Search--location-wrapper .Search, .admin-layout .Search--location-wrapper .Search {
    border-radius: 4px;
    border-right-width: 1px;
    margin-right: 0.5rem;
    width: 60%;
}
.public-layout .Search--location-wrapper .Search input, .admin-layout .Search--location-wrapper .Search input {
    }
@media screen and (min-width: 732px) {
  .public-layout .Search--location-wrapper .Search, .admin-layout .Search--location-wrapper .Search {
    flex: 2;
    width: unset;
  }
  .public-layout .Search--location-wrapper .Search input, .admin-layout .Search--location-wrapper .Search input {
        max-width: unset;
  }
}
.public-layout .Search--location-wrapper .Button, .admin-layout .Search--location-wrapper .Button {
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 40%;
}
@media screen and (min-width: 732px) {
  .public-layout .Search--location-wrapper .Button, .admin-layout .Search--location-wrapper .Button {
    flex: 1;
    width: unset;
  }
}
/* Vendor */
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}
.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}
.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}
.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}
.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}
.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}
.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}
.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}
.DraftEditor-root{position:relative}
.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}
.public-DraftEditor-block{position:relative}
.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}
.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}
.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}
.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}
.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}
.DraftEditorPlaceholder-hidden{display:none}
.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}
.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}
.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}
.public-DraftStyleDefault-listLTR{direction:ltr}
.public-DraftStyleDefault-listRTL{direction:rtl}
.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}
.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}
.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}
.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
/* DayPicker styles */
.DayPicker {
  display: inline-block;
  font-size: 1rem;
}
.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}
.DayPicker-NavBar {
}
.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}
.DayPicker-NavButton:hover {
  opacity: 0.8;
}
.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}
.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}
.DayPicker-NavButton--interactionDisabled {
  display: none;
}
.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}
.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}
.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}
.DayPicker-WeekdaysRow {
  display: table-row;
}
.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}
.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
.DayPicker-Body {
  display: table-row-group;
}
.DayPicker-Week {
  display: table-row;
}
.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}
.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}
.DayPicker-Footer {
  padding-top: 0.5em;
}
.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}
/* Default modifiers */
.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}
.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}
.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}
/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}
.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}
.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}
/* DayPickerInput */
.DayPickerInput {
  display: inline-block;
}
.DayPickerInput-OverlayWrapper {
  position: relative;
}
.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
/* Variables */
/* Colors */
/* Utils */
.admin-layout {

}
/* Base */
/* ------------------------- */
/* Base HTML Elements        */
/* No classes or IDs         */
/* ------------------------- */
html.admin-layout {
  font-size: 15px;
  color: black;

}
html.admin-layout body {
    background: #F7F8FB;
  }
html.admin-layout a {
    color: #28A5FF
  }
html.admin-layout a:hover {
  color: #007FDB;
}
/* Layouts */
.admin-layout .AdminAccountForm .AdminAccountForm-Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
  }
.admin-layout .AdminAccountForm .AdminAccountForm-Header h2 {
      margin-bottom: 0;
    }
.admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader {
    margin-bottom: 1rem;
    margin-top: -0.5rem;
    text-align: right;
  }
.admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader--higher {
      margin-top: -2rem;
    }
.admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader .Loader {
      display: inline-block;
      margin-bottom: -4.75px;
      margin-top: -3px;
    }
.admin-layout .AdminAccountForm.AdminAccountForm--truck p {
      max-width: 750px;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader--inner {
        display: flex;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader img {
        margin-right: 1rem;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader h2 {
        margin: 0;
        margin-top: .5rem;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader p {
        font-size: 12px;
        color: #77838D;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader .ViewProfileButton {
        padding: .5rem .75rem;
        display: flex;
        align-items: center;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader .ViewProfileButton img {
          margin-top: 1px;
        }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader .ViewProfileButton div {
          margin-top: 4px;
        }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.5rem 2rem;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner img {
        margin-left: 1rem;
      }
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner {
    flex-direction: column-reverse;
    padding: 1.5rem;
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner h3 {
          margin-bottom: .5rem;
          text-align: center;
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner img {
          margin: 0;
          margin-bottom: 1.5rem;
  }
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect {
      display: flex;
      align-items: center;
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect {
    flex-direction: column;
  }
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Header {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 1;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Header > div {
  padding-top: 5px;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-ButtonContainer {
        margin-left: auto;
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-ButtonContainer {
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Status {
        display: flex;
        font-size: 12px;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Status-Text {
          padding-top: 1px;
        }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Status .icon {
          margin-right: 6px;
        }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Status--connected {
        color: #166a24;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect-Status--disconnected {
        color: #d25353;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect .Button--square {
        padding-right: 15px;
        padding-left: 15px;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormBanner,
    .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialConnect {
      max-width: 750px;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings-Title {
        color: #77838D;
        text-transform: uppercase;
        font-size: 14px;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings-Image img {
        border: 1px solid #D8E0E5;
        border-radius: 4px;
      }
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings-Tip {
        border: 1px dashed #C2C9CE;
        background: #F7F8FB;
        box-shadow: none;
      }
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings .Box.u-flex {
    flex-direction: column;
  }
}
@media screen and (min-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings .FormRow {
    flex: 0 0 66.6666666666%;
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings .FormRow.Switch {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings .u-grid-row {
          flex-direction: column-reverse !important;
  }
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .SocialSettings + .SocialSettings {
      margin-top: 3rem;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .VendorProfile .FormRow,
    .admin-layout .AdminAccountForm.AdminAccountForm--truck .VendorSocial .FormRow {
      padding: 0;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck h3.large {
      font-size: 1.3em;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck h4.large {
      font-size: 1.12em;
}
.admin-layout .AdminAccountForm.AdminAccountForm--truck .CoverPhotoIcon {
      color: #FFC457;
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminAccountForm.AdminAccountForm--truck {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader {
        flex-direction: column;
        margin-bottom: 1.5rem;
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .TruckFormHeader--inner + div {
        margin-top: 1rem;
  }
  .admin-layout .AdminAccountForm.AdminAccountForm--truck .BusinessProfile {
        flex-direction: column-reverse;
  }

        .admin-layout .AdminAccountForm.AdminAccountForm--truck .BusinessProfile img {
          margin-left: 0;
          margin-bottom: 1rem;
        }
}
.admin-layout .AdminAccountForm.TruckAccountForm .FormRow {
  padding: 0;
}
@media screen and (max-width: 732px) {
      .admin-layout .AdminAccountForm .AdminAccountForm-Header .Loader, .admin-layout .AdminAccountForm .AdminAccountForm-Header .LoaderContent, .admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader .Loader, .admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader .LoaderContent {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        z-index: 10;
      }
  .admin-layout .AdminAccountForm .AdminAccountForm-VendorHeader {
      margin-top: 0 !important;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .AdminAccountForm .react-tabs__tab-list {
      padding: 0;
  }
  .admin-layout .AdminAccountForm .react-tabs__tab {
      list-style: none;
      margin: 0;
      padding: .5rem 1rem;
      padding-bottom: .25rem;
      cursor: pointer;
      border: 1px solid #28A5FF;
      display: inline-block;
      background-color: white;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      margin-bottom: 5px;
  }

      .admin-layout .AdminAccountForm .react-tabs__tab--selected {
        color: white;
        background-color: #28A5FF;
      }
}
@media screen and (min-width: 900px) {
  .admin-layout .AdminAccountForm .react-tabs {
      display: flex;
      background: white;
      box-shadow: 2px 2px 16px #EEEEEE;
      border-radius: 4px;
      overflow: hidden;
  }
  .admin-layout .AdminAccountForm .react-tabs__tab-list {
      width: 25%;
      border-right: 1px solid #D8E0E5;
      margin: 0;
  }
  .admin-layout .AdminAccountForm .react-tabs__tab {
      list-style: none;
      margin: 0;
      padding: 2rem;
      padding-right: 4rem;
      cursor: pointer;
      border-bottom: 1px solid #D8E0E5;
      border-left: 2px solid white;
  }

      .admin-layout .AdminAccountForm .react-tabs__tab--selected {
        background-color: #F6FAFC;
        border-left: 2px solid #28A5FF;
      }
      .admin-layout .AdminAccountForm .react-tabs__tab-panel--selected {
        padding: 2rem;
        flex: 1 1 75%;
        min-height: 500px;
      }
}
@media screen and (min-width: 900px) {
  .admin-layout .AdminLayout {
    min-height: 100vh;
  }
  .admin-layout .AdminLayout .Container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: top;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .AdminLayout h2 {
      margin-left: 40px;
      margin-top: .25rem;
  }
  .admin-layout .AdminLayout .VendorHeader-badge {
      margin-left: 40px;
  }
      .admin-layout .AdminLayout--sidebarOpen h2 {
        margin-left: 0;
        margin-top: 0;
      }

      .admin-layout .AdminLayout--sidebarOpen .VendorHeader-badge {
        margin-left: 0;
      }
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminLayout .ListPage .newItemButton {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
  }
  .admin-layout .AdminLayout .ListPage .Table td {
        display: none;
  }
  .admin-layout .AdminLayout .ListPage .Table td:first-child,
        .admin-layout .AdminLayout .ListPage .Table td:last-child {
    display: table-cell;
  }
}
.admin-layout .AdminLayout .ListPage td .PlainLinkButton {
      text-align: left;
}
.admin-layout .AdminLayout .ListPage-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 5px;
}
.admin-layout .AdminLayout .ListPage-actionsTooltip {
      padding: .5rem;
      padding-bottom: 0;
      padding-top: .25rem;
}
.admin-layout .AdminLayout .ListPage-actionsTooltip a {
        font-family: "gordita-medium", Helvetica, Arial, sans-serif;
        font-weight: 500;
        display: block;
        color: #77838D;
      }
.admin-layout .AdminLayout .ListPage-actionsTooltip a + .admin-layout .AdminLayout .ListPage-actionsTooltip a {
          margin-top: .5rem;
        }
.admin-layout .AdminLayout .ListPage-actionsTooltip a:hover {
  color: black;
}
@media screen and (max-width: 732px) {
  .admin-layout .AdminLayout .PodListPage .ListPage .Table td:nth-child(3) {
        display: table-cell;
  }
}
.admin-layout .AdminSidebar {
  background: white;
  position: relative;
  z-index: 5;
}
.admin-layout .AdminSidebar .menuToggle {
    cursor: pointer;
    padding: 23px;
    background: none;
    border: none;
    margin-bottom: 64px
  }
.admin-layout .AdminSidebar .menuToggle:focus {
  outline: none;
}
.admin-layout .AdminSidebar .menuToggle-mobile {
    cursor: pointer;
    padding: 23px;
    background: none;
    border: none;
    position: absolute;
    left: 0;
    top: 0
  }
.admin-layout .AdminSidebar .menuToggle-mobile:focus {
  outline: none;
}
@media screen and (min-width: 900px) {
  .admin-layout .AdminSidebar {
    box-shadow: 4px 4px 25px rgba(0, 43, 79, 0.15);
    padding: 0;
    flex: 0 0 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 100vh;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: 0.4s;
    transition-property: flex;
  }
  .admin-layout .AdminSidebar.AdminSidebar--open {
    flex: 0 0 220px;
  }
  .admin-layout .AdminSidebar.AdminSidebar--open .menuTitle {
        opacity: 1;
        display: inline-block;
        max-width: 220px;
        transition-duration: 0.1s;
  }
  .admin-layout .AdminSidebar .LinkButton {
      margin-left: 1rem;
  }
}
.admin-layout .AdminLayout-content {
  flex: 0 1 100%;
}
.admin-layout .AdminLayout-body {
  padding: 1rem;
}
@media screen and (min-width: 900px) {
  .admin-layout .AdminLayout-body {
    flex: 0 1 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
  }
}
.admin-layout .AdminLayout-body h2 {
    margin-bottom: 2rem;
}
.admin-layout .AdminLayout-footer {
  text-align: center;
  color: #77838D;
  font-size: .75rem;
  padding-top: 3rem;
  margin-top: auto;
  line-height: 1;
}
.admin-layout .AdminLayout-mobileMenu {
  list-style-type: none;
  max-height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  transition-property: max-height;
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .admin-layout .AdminLayout-mobileMenu {
    display: none;
  }
}
.admin-layout .AdminLayout-mobileMenu li {
    margin: 0;
}
.admin-layout .AdminLayout-mobileMenu .AdminLayout-menuItem {
    width: 100%;
    display: flex;
    align-items: center;
}
.admin-layout .AdminLayout-mobileMenu .AdminLayout-menuItem--noImg {
      height: 54px;
      padding-left: 1.5rem;
    }
.admin-layout .AdminLayout-mobileMenu .menuTitle {
    opacity: 1;
    color: black !important;
    display: inline-block;
    line-height: 1;
    margin-bottom: -5px;
}
.admin-layout .AdminLayout-mobileMenu .menuIcon {
    opacity: 1 !important;
    margin-top: -5px;
    margin-bottom: -5px;
}
.admin-layout .AdminLayout-mobileMenu .menuIcon svg path {
      fill: black;
    }
@media screen and (max-width: 900px) {
  .admin-layout .AdminSidebar--open {
    background: white;
    position: fixed;
    width: 100%;
    height: 100%;
  }
}
.admin-layout .AdminSidebar--open .AdminLayout-mobileMenu {
  max-height: unset;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  height: 100%;
  overflow: auto;
}
.admin-layout .AdminSidebar--open .menuToggle-mobile {
  position: initial;
  padding-top: 21px;
  padding-bottom: 21px;
}
.admin-layout .AdminLayout-backButton {
  background-color: white;
  border-bottom: none;
  padding: 0 1rem 1rem 1rem;
  margin-bottom: 0 !important;
}
.admin-layout .AdminLayout-menu {
  list-style: none;
  text-align: center;
  display: none;
}
.admin-layout .AdminLayout-menu li {
    display: inline-block;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #D8E0E5
  }
.admin-layout .AdminLayout-menu li:first-child {
  border-top: 1px solid #D8E0E5;
}
.admin-layout .AdminLayout-menu li .AdminLayout-menuItem {
      display: flex;
      align-items: center;
}
.admin-layout .AdminLayout-menu .menuTitle {
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    transition-property: opacity, transform, max-width;
    opacity: 0;
    max-width: 0;
    margin-top: 6px;
    line-height: 1;
  }
@media screen and (min-width: 900px) {
  .admin-layout .AdminLayout-menu {
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
  .admin-layout .AdminLayout-menu li {
      margin-right: 0;
      display: block;
  }
}
.admin-layout .AdminLayout-menu hr {
    background: #e5e8ed;
    margin-bottom: 0;
}
.admin-layout li.AccountMenuItem .menuIcon {
    height: 64px;
    padding: 16px;
  }
.admin-layout li.AccountMenuItem .menuIcon-photo {
    border-radius: 50%;
    width: 64px;
  }
.admin-layout .AdminLayout-menuItem {
  cursor: pointer;
}
.admin-layout .AdminLayout-menuItem .menuTitle {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #77838D;
  }
.admin-layout .AdminLayout-menuItem:hover .menuIcon, .admin-layout .AdminLayout-menuItem.AdminLayout-menuItem--tippyShown .menuIcon {
      opacity: 1;
}
.admin-layout .AdminLayout-menuItem:hover .menuTitle, .admin-layout .AdminLayout-menuItem.AdminLayout-menuItem--tippyShown .menuTitle {
      color: black;
}
.admin-layout .AdminLayout-menuItem .menuIcon {
    display: inline-block;
    opacity: 0.25;
}
.admin-layout .AdminLayout-menuItem--active {
  color: black !important;
  transition: none !important;
}
.admin-layout .AdminLayout-menuItem--active .menuIcon {
    opacity: 1;
  }
.admin-layout .AdminLayout-menuItem--active .menuTitle {
    color: black;
  }
.admin-layout .AdminLayout-tabs {
  display: flex;
  list-style-type: none;
}
.admin-layout .AdminLayout-tabs li {
    margin: 0;
    padding: .5rem 1rem .25rem;
    background-color: white;
    cursor: pointer
  }
.admin-layout .AdminLayout-tabs li.AdminLayout-tabs--active {
  background-color: #28A5FF;
  color: white;
}
.admin-layout .AdminLayout-tabs li:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.admin-layout .AdminLayout-tabs li:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.admin-layout .AdminWrapper {
  margin: 0 auto;
  padding: 2rem 0;
}
.admin-layout .AdminWrapper h2 {
    margin-left: 0;
  }
.admin-layout .AdminWrapper hr {
    margin-bottom: 1.5rem;
    margin-top: 1.25rem;
  }
@media screen and (min-width: 732px) {
  .admin-layout .AdminWrapper {
    background-color: white;
    border: 1px solid #D8E0E5;
    border-radius: 4px;
    max-width: 960px;
    padding: 3rem;
  }
}
.admin-layout .AccountTooltip-inner {
  padding: .25rem;
  padding-bottom: 0;
}
.admin-layout .AccountTooltip-inner a {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    display: block;
    padding: .5rem;
    color: black
  }
.admin-layout .AccountTooltip-inner a:hover {
  color: #8A909B;
}
.admin-layout .BookPod-filters {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
.admin-layout .BookPod-filters .Button.SecondaryOutlineButton {
      border: 1px solid white;
      box-shadow: 2px 2px 16px #EEEEEE;
      margin-left: 0.375rem;
      margin-right: 0.375rem;
    }
.admin-layout .BookPod-filters .HelpCenterButton img {
      margin-right: 0 !important;
      margin-left: 0.5rem;
      margin-bottom: -0.45rem;
      vertical-align: sub;
    }
.admin-layout .BookPod-filters .ShowAvailableButton {
      display: inline-block;
      padding-top: 12px !important;
      padding-bottom: 0 !important;
    }
.admin-layout .BookPod-filters .ShowAvailableButton .react-toggle-track-x {
        margin-bottom: auto !important;
      }
.admin-layout .BookPod-filters .ShowAvailableButton label {
        cursor: pointer;
      }
.admin-layout .BookPod-filters .ShowAvailableButton:hover svg path {
  fill: white;
}
.admin-layout .BookPod .FilterPaneParent {
    display: inline-block;
  }
.admin-layout .FilterPane .slide-pane__content {
    padding-left: 0;
    padding-right: 0;
  }
.admin-layout .FilterPane h2 {
    padding: 0 32px;
  }
.admin-layout .FilterPane .Select-placeholder {
    line-height: 51px;
  }
.admin-layout .FilterPane .DateFilter-label {
    padding-top: 4px;
    padding-right: 5px;
  }
.admin-layout .FilterPane h3 {
    font-family: "gordita-regular", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
  }
.admin-layout .FilterPane h3 img {
    vertical-align: text-bottom;
    margin-right: 0.5rem;
  }
.admin-layout .FilterPane .Select .Select-input {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
  }
.admin-layout .FilterPane .Select--multi .Select-value {
    margin-left: 6px;
    margin-top: 6px;
  }
.admin-layout .FilterPane .DateFilter {
    border-radius: 4px;
  }
.admin-layout .FilterPane .DateFilter .Filter-arrow:before {
      content: '';
      border-color: #999 transparent transparent;
      border-style: solid;
      border-width: 5px 5px 2.5px;
      display: inline-block;
      height: 0;
      width: 0;
      position: relative;
    }
.admin-layout .FilterPane .DateFilter-closeIcon {
    cursor: pointer
  }
.admin-layout .FilterPane .DateFilter-closeIcon:hover:before {
  color: #D0021B;
}
.admin-layout .FilterPane .DateFilter-closeIcon:before {
    padding-top: 0;
    color: #999;
  }
.admin-layout .FilterGroup {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .25rem
}
.admin-layout .FilterGroup > div {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.admin-layout .FilterGroup .Select {
    display: inline-block;
    width: 230px;
}
.admin-layout .FilterGroup > div {
  margin-bottom: .75rem;
}
.admin-layout .FilterGroup .ToggleWrapper {
    margin-left: .75rem;
}
.admin-layout .FilterGroup .Select-placeholder,
  .admin-layout .FilterGroup .Select--single > .Select-control .Select-value,
  .admin-layout .FilterGroup .DateFilter-label {
    padding-top: 4px;
}
.admin-layout .FilterGroup .DateFilter .Filter-arrow-zone {
    padding-top: 9px;
}
.admin-layout .PodEvent {
  margin-bottom: .75rem;
  padding: 0;
  cursor: pointer;
}
.admin-layout .PodEvent:hover, .admin-layout .PodEvent--open {
    box-shadow: 2px 2px 16px #99aab8 !important;
  }
.admin-layout .PodEvent-header {
    display: flex;
    border-bottom: 1px solid #D8E0E5
  }
.admin-layout .PodEvent-header > div {
  padding: 1rem;
  padding-bottom: .75rem;
}
.admin-layout .PodEvent-header > div:first-child {
  flex: 2;
}
.admin-layout .PodEvent-header > div + div {
  border-left: 1px solid #D8E0E5;
}
.admin-layout .PodEvent-header img {
      vertical-align: bottom;
}
.admin-layout .PodEvent-bookings {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;

  }
.admin-layout .PodEvent-bookings .PodEvent-booking {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      display: inline-block;
      width: calc(33.33% - 0.5rem);
      margin: 0 .25rem .5rem .25rem;
      border: 1px solid #D8E0E5;
      padding: .5rem 1rem;
      border-radius: 6px;
      text-align: center;
      min-height: 67px;
    }
.admin-layout .PodEvent-bookings .PodEvent-booking .badges {
        margin-bottom: -2px;
      }
.admin-layout .PodEvent-bookings .PodEvent-booking .badge {
        line-height: 1.5;
        margin-bottom: .25rem;
      }
.admin-layout .PodEvent-bookings .PodEvent-booking .badge + .badge {
        margin-left: .25rem;
      }
.admin-layout .PodEvent-bookings .PodEvent-booking--claim {
        border-style: dashed;
        display: flex;
        align-items: center;
        justify-content: center;
      }
.admin-layout .PodEvent-bookings .PodEvent-booking--claim span {
          display: inline-block;
          padding-top: .25rem;
        }
.admin-layout .PodEvent-footer {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
.admin-layout .PodEvent-footer .Button {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      margin-left: .5rem;
    }
.admin-layout .PodEvent-footer > div:not(.PodEvent-showOnHover) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding: 1rem;
}
.admin-layout .PodEvent-footer > div:not(.PodEvent-showOnHover):first-child {
  flex: 2;
}
.admin-layout .PodEvent-footer .PodEvent-showOnHover {
      padding: 0 1rem 1rem 0 !important;
}
.admin-layout .PodEvent .PodEvent-showOnHover {
    display: none;
    padding: 1rem;
    padding-bottom: 0;
  }
@media screen and (max-width: 900px) {
  .admin-layout .PodEvent-header {
      flex-direction: column;
      border-bottom: none;
  }
  .admin-layout .PodEvent-header > div + div {
    border: none;
  }
  .admin-layout .PodEvent-header .u-mobileOnly {
        padding-top: 0;
        padding-bottom: 0;
  }
  .admin-layout .PodEvent-body .PodEvent-showOnHover {
      padding-top: 0;
  }
  .admin-layout .PodEvent-bookings {
      flex-direction: column;
      margin-bottom: 1rem !important;
  }

      .admin-layout .PodEvent-bookings .PodEvent-booking {
        width: 100%;
        margin: 0;
        margin-bottom: .5rem
      }

      .admin-layout .PodEvent-bookings .PodEvent-booking:first-child {
    margin-top: 1rem;
  }
  .admin-layout .PodEvent-footer {
      font-size: 1rem;
  }
  .admin-layout .PodEvent-footer > .PodEvent-showOnHover {
    width: 100%;
    padding: 0 !important;
  }
  .admin-layout .PodEvent-footer > .PodEvent-showOnHover > div {
    width: 100%;
  }
  .admin-layout .PodEvent-footer .BookPodEventPane {
        width: 100%;
        padding: 1rem;
        padding-top: 0;
  }

        .admin-layout .PodEvent-footer .BookPodEventPane .Button {
          width: 100%;
          margin-left: 0;
          padding: 1rem;
          padding-bottom: .75rem;
        }
  .admin-layout .PodEvent .PodEvent-showOnHover {
      display: block;
  }
  .admin-layout .PodEvent .PodEvent-footer > div:not(.PodEvent-showOnHover) {
    padding-top: 5px;
  }
}
.admin-layout .PodEvent:hover .PodEvent-showOnHover, .admin-layout .PodEvent--open .PodEvent-showOnHover {
    display: block;
  }
.admin-layout .PodEvent:hover .PodEvent-footer > div:not(.PodEvent-showOnHover), .admin-layout .PodEvent--open .PodEvent-footer > div:not(.PodEvent-showOnHover) {
  padding-top: 5px;
}
.admin-layout .ToggleWrapper-repeatBooking {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  margin-left: 0;
  margin-right: .5rem;
}
.admin-layout .BookPodPane-document {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D8E0E5;
  padding-top: .5rem;
  padding-bottom: .25rem;
}
.admin-layout .BookPodPane-document-tooltip {
    display: flex !important;
    align-items: center;
    margin-top: -3px;
  }
.admin-layout .BookPodPane-address img {
    vertical-align: bottom;
  }
.admin-layout .BookPodInfo {
  padding-top: 5rem;
}
.admin-layout .BookPodInfo + .FormSubmitContainer {
  padding-top: 1rem;
}
.admin-layout .BookPod-bookingStatus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #D8E0E5;
  border-radius: 4px;
  padding: 1rem;
}
.admin-layout .BookPod-bookingStatus--first {
    padding-top: 5px;
  }
.admin-layout .BookPod-photo {
  height: 200px;
  overflow: hidden;
  margin-bottom: 1rem;
  background-size: cover;
  background-position: center;
  width: 100%;
}
.admin-layout .BookPod-date {
  line-height: 1.5;
  display: flex;
  border-bottom: 1px solid #D8E0E5;
  padding: .25rem;
  padding-top: .45rem;
}
.admin-layout .BookPod-date--unavailable {
    color: #fc5050;
    text-decoration: line-through;
  }
.admin-layout .BookPod-date button {
    margin-left: auto;
    padding-left: 0.5rem;
    border: none;
    cursor: pointer;
    background: none
  }
.admin-layout .BookPod-date button:hover {
  color: #fc5050;
}
.admin-layout .CalendarSync .Box {
    box-shadow: none;
    border: 1px solid #D8E0E5;
  }
@media screen and (max-width: 900px) {
  .admin-layout .CalendarSync .cal-load-img {
    display: none;
  }
}
.admin-layout .CalendarSync .GoogleSignInButton.Button.SecondaryOutlineButton {
    display: flex;
}
.admin-layout .CalendarSync .GoogleSignInButton.Button.SecondaryOutlineButton span {
      margin-top: 2px;
    }
.admin-layout .CalendarSync .GoogleSignInButton.Button.SecondaryOutlineButton img {
    vertical-align: middle;
    margin-right: .75rem;
    margin-top: -7px;
    }
.admin-layout .CalendarSync .RefreshCalList {
    margin-left: 1rem;
}
@media screen and (max-width: 732px) {
  .admin-layout .CalendarSync .RefreshCalList {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.admin-layout .CalendarSync-statusContainer {
    max-width: 750px;
}
.admin-layout .CalendarSync-status {
    line-height: 1.5;
    flex-direction: row;
}
.admin-layout .CalendarSync-status .u-text-light {
      margin-top: 3px;
    }
.admin-layout .CalendarSync-status--info {
      align-items: center;
    }
.admin-layout .CalendarSync-status--sync {
      flex-grow: 1;
      align-items: center;
      justify-content: flex-end;
    }
@media screen and (max-width: 900px) {
  .admin-layout .CalendarSync-status {
    flex-direction: column;
    align-items: center;
  }
  .admin-layout .CalendarSync-status--sync {
        margin-top: 1rem;
        flex-direction: column-reverse;
        align-items: center;
  }

        .admin-layout .CalendarSync-status--sync .Button {
          margin-bottom: 0.5rem !important;
        }

        .admin-layout .CalendarSync-status--sync .u-text-light {
          font-size: 80%;
          margin-right: 0 !important;
        }
}
.admin-layout .CalendarSync-status--active {
    color: #0d7332;
}
.admin-layout .CalendarSync-status--inactive {
    color: #fc5050;
}
.admin-layout .CalendarSync-status--active .icon,
  .admin-layout .CalendarSync-status--inactive .icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
}
.admin-layout .CalendarSync--statusName {
    padding-top: 3px;
}
.admin-layout .CalendarSync-icon {
    height: 30px;
}
.admin-layout .SubscriptionPage {
  margin: 0 auto;
}
.admin-layout .SubscriptionPage h2 {
    font-size: 1.3rem;
  }
@media screen and (max-width: 900px) {
  .admin-layout .SubscriptionPage h2 {
    margin-left: 0;
  }
}
.admin-layout .SubscriptionPage .PremiumPromo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F7F8FB;
    margin-bottom: 3rem;
}
.admin-layout .SubscriptionPage .PremiumPromo h4 {
      font-family: "gordita-regular", Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 1.75rem;
    }
.admin-layout .SubscriptionPage .PremiumPromo p {
      font-size: 1.25rem;
    }
.admin-layout .SubscriptionPage .PremiumPromo p strong {
        text-transform: uppercase;
      }
.admin-layout .SubscriptionPage .PremiumPromo-cost {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      font-size: 3.5rem;
      line-height: 1;
    }
.admin-layout .SubscriptionPage .PremiumPromo-downgrade {
      font-size: .8rem;
      color: #b3b9c1;
    }
.admin-layout .SubscriptionPage .PremiumPromo-downgrade .Button.LinkButton {
        display: inline-block;
        padding: 0;
        border-radius: 0;
        color: #b3b9c1;
        border-bottom: 1px dashed #b3b9c1
      }
.admin-layout .SubscriptionPage .PremiumPromo-downgrade .Button.LinkButton:hover {
  color: #77838D;
  border-bottom-color: #77838D;
}
.admin-layout .SubscriptionPage .PremiumPromo img {
      height: 200px;
      margin-left: -10px;
      margin-right: 1rem;
    }
@media screen and (min-width: 900px) {
  .admin-layout .SubscriptionPage .PremiumPromo > div:last-child {
    margin: 0 1.5rem;
  }
  .admin-layout .SubscriptionPage .PremiumPromo > div:not(:last-child) {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .SubscriptionPage .PremiumPromo {
    flex-direction: column;
  }
  .admin-layout .SubscriptionPage .PremiumPromo > div {
    margin: 1.5rem 0;
  }
  .admin-layout .SubscriptionPage .PremiumPromo > div:last-child {
    margin-bottom: 0;
  }
}
.admin-layout .CateringLayout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.admin-layout .CateringLayout .CateringLayout-index {
    display: block;
  }
.admin-layout .CateringLayout .CateringLayout-detail {
    display: none;
  }
@media screen and (min-width: 900px) {
  .admin-layout .CateringLayout {
    flex-direction: row;
    flex-wrap: nowrap;
    height: calc(100vh - 111px);
    min-height: 500px;
    overflow: hidden;
  }
  .admin-layout .CateringLayout .CateringLayout-detail {
      display: block;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .CateringLayout {
    margin-right: -1rem;
    margin-left: -1rem;
    margin-bottom: -1rem !important;
  }
      .admin-layout .CateringLayout--requestSelected .CateringLayout-index {
        display: none;
      }

      .admin-layout .CateringLayout--requestSelected .CateringLayout-detail {
        display: block;
      }
}
.admin-layout .CateringLayout-filters {
  display: flex !important;
  margin-top: .25rem;
}
.admin-layout .CateringLayout-filters-inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -.25rem;
  }
.admin-layout .CateringLayout-filters label span {
    cursor: pointer;
  }
.admin-layout .CateringLayout-filters .Select {
    width: 200px;
    margin: .25rem;
  }
.admin-layout .CateringLayout-filters .Select .Select-clear {
      padding-top: 6px;
    }
.admin-layout .CateringLayout-filters .Select .Select-input {
      padding-top: 4px;
    }
.admin-layout .CateringLayout-filters .Select .Select-input input {
      padding: 0;
    }
.admin-layout .CateringLayout-filters .Select .Select-menu-outer {
      z-index: 5;
    }
.admin-layout .CateringLayout-filter-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media screen and (max-width: 900px) {
  .admin-layout .CateringLayout-filter-container--requestSelected {
    display: none;
  }
}
.admin-layout .CateringLayout-index {
  width: 100%;
  position: relative;
  z-index: 2;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: white;
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringLayout-index.CateringLayout-customer {
    border-right: 1px solid #D8E0E5;
    flex: 0 0 280px;
    max-width: 280px;
  }
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringLayout-index.CateringLayout-vendor {
    border-right: 1px solid #D8E0E5;
    flex: 0 0 380px;
    max-width: 380px;
  }
}
.admin-layout .CateringLayout-detail {
  position: relative;
  z-index: 5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  width: 100%;
  transition: transform 200ms ease-out-quad;
  padding: 0;
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringLayout-detail {
    flex: 1 1 100%;
    height: auto;
    z-index: 1;
    position: relative;
    top: 0;
    transform: none;
  }
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringLayout-detail--requestSelected {
    transform: none;
  }
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequestWrapper {/* min-height: 592px; */
  }
}
.admin-layout .CateringRequestWrapper {
  padding-bottom: 5rem;
}
.admin-layout .CateringRequest {
  position: relative;
  background: white;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequest .u-grid-col {
      margin-bottom: 1rem;
  }
      .admin-layout .CateringRequest .u-grid-row:last-child .u-grid-col {
        margin-bottom: 0;
      }
}
.admin-layout .CateringRequest-noSelected,
.admin-layout .BidDetail-noSelected {
  text-align: center;
  color: #77838D;
  max-width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.admin-layout .CateringRequest-header {
  border-radius: 4px 4px 0 0;
  background: #433E36;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.admin-layout .CateringRequest-header h5 {
    flex: 1 1 50%;
  }
.admin-layout .CateringRequest-headerActions {
  flex: 0 1 50%;
  text-align: right;
}
.admin-layout .CateringRequest-headerActions .Button {
    margin-bottom: 0;
  }
.admin-layout .CateringRequest-overview {
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.15);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
.admin-layout .CateringRequest-overview img {
    height: 75px;
    margin-right: .75rem;
  }
.admin-layout .CateringRequest-overview-main {
    display: flex;
  }
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequest-overview > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
    border-right: 1px solid #D8E0E5;
  }
  .admin-layout .CateringRequest-overview > div:first-child {
    flex-grow: 1;
    justify-content: flex-start;
  }
  .admin-layout .CateringRequest-overview > div:last-child {
    border: none;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-main {
      flex-direction: row;
      justify-content: flex-start;
      width: 100%;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-details {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      padding: 0;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-details > div {
    text-align: center;
    border-right: 1px solid #D8E0E5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .75rem;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-details > div:last-child {
    border: none;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .CateringRequest-overview {
    flex-direction: column;
  }
  .admin-layout .CateringRequest-overview > div {
    padding: .5rem;
  }
  .admin-layout .CateringRequest-overview > div:first-child {
    display: flex;
    border-bottom: 1px solid #D8E0E5;
    padding: 0;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-main {
      padding: .5rem;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-main > div {
    min-width: 1px;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-main .u-text-light {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
  }
  .admin-layout .CateringRequest-overview .CateringRequest-overview-details {
      display: flex;
      justify-content: space-around;
      text-align: center;
  }
}
.admin-layout .CateringRequest-overview-title {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #77838D;
  text-transform: uppercase;
}
.admin-layout .CateringRequest-overview-value {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.admin-layout .CateringRequest-bidsHeader img {
    height: 200px;
  }
.admin-layout .CateringRequest-bidButtons,
.admin-layout .CateringRequest-editButtons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequest-bidButtons,
.admin-layout .CateringRequest-editButtons {
    display: block;
    border-right: none;
    padding-right: 0;
  }
}
.admin-layout .CateringRequest-bidDetailWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.admin-layout .CateringRequest-bidDetailWrapper button {
    margin: 0;
  }
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequest-bidDetailWrapper {
    display: none;
  }
}
.admin-layout .CateringRequest-detail {
  background: white;
  padding: 1.5rem;
}
.admin-layout .CateringRequest-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1600;
  background: rgba(185, 185, 185, 0.7);
}
.admin-layout .CateringRequest-overlayContent {
  position: absolute;
  background: white;
  top: 50%;
  left: 50%;
  width: 300px;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  padding: 2rem;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
@media screen and (min-width: 732px) {
  .admin-layout .CateringRequest-overlayContent {
    width: 500px;
  }
}
.admin-layout .CateringRequest-overlayIcon {
  font-size: 4rem;
  line-height: 1;
}
.admin-layout .CateringRequestPreview-container {
  border-bottom: 1px solid #D8E0E5;
}
.admin-layout .CateringRequestPreview {
  display: block;
  text-align: left;
  background: white;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #433E36;
  transition: background 150ms, border 150ms;
  border-left: 4px solid white;
  cursor: pointer;
}
.admin-layout .CateringRequestPreview-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 1.5;
  }
.admin-layout .CateringRequestPreview-body img {
      width: 55px;
    }
.admin-layout .CateringRequestPreview-left {
    min-width: 1px;
  }
.admin-layout .CateringRequestPreview-right {
    min-height: 100%;
    align-self: stretch;
  }
.admin-layout .CateringRequestPreview:hover {
  background: #F6FAFC;
  border-left: 4px solid #F6FAFC;
}
.admin-layout .CateringRequestPreview:last-child {
  margin-bottom: 0;
}
.admin-layout .CateringRequestPreview--selected {
  border-left: 4px solid #28A5FF !important;
  background: #F6FAFC;
}
.admin-layout .CateringRequestPreview--bidRetracted {
  opacity: 0.4;
}
.admin-layout .CateringRequestPreview-actions {
  text-align: right;
  margin-top: auto;
}
.admin-layout .CateringRequestPreview-actions .Button.LinkButton {
    font-size: 1.25rem;
    line-height: 1;
    color: #77838D;
  }
.admin-layout .CateringRequestPreview-actions .Button svg {
    height: 18px;
    width: 18px;
  }
.admin-layout .CateringRequestPreview-actions .Button--selected svg {
    fill: #fc5050;
  }
.admin-layout .CateringRequestPreview-budget {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #433E36;
  font-size: 1rem;
}
.admin-layout .CateringRequestPreview-budget span {
    font-size: 0.875rem;
    margin-left: 0.1rem;
  }
.admin-layout .CateringRequestPreview-bid {
  color: #4cbe58;
}
.admin-layout .CateringRequestPreview-bid--retracted {
  color: #fc5050;
  text-decoration: line-through;
}
.admin-layout .Retracted,
.admin-layout .CateringRequestBid--retracted .CateringRequestBid-truckName {
  text-decoration: line-through;
}
.admin-layout .Retracted:after, .admin-layout .CateringRequestBid--retracted .CateringRequestBid-truckName:after {
  display: inline-block;
  color: #fc5050;
  margin-left: 0.5rem;
  font-size: 1rem;
  content: 'Bid retracted';
  text-decoration: none;
}
.admin-layout .CateringRequestBid {
  background: white;
  overflow: hidden;
  transition: background 150ms, border 150ms;
  border-top: 1px solid #eee;
}
.admin-layout .CateringRequestBid:nth-child(even) {
  background-color: #f7f7f7;
}
.admin-layout .CateringRequestBid--retracted {
  opacity: 0.6;
}
.admin-layout .CateringRequestBid-truckInfo {
  display: block;
  position: relative;
  margin: 0;
  line-height: 1;
  flex: 0 1 100%;
  padding: 0.75rem 0.75rem;
  transition: color 150ms;
}
.admin-layout .CateringRequestBid-truckName {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: block;
  font-size: 1rem;
  margin-bottom: 0.3rem;
  color: #433E36;
  transition: color 150ms;
}
.admin-layout .CateringRequestBid-truckCategories {
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 0.4rem;
  display: block;
}
.admin-layout .CateringRequestBid-rating {
  margin-top: 0.25rem;
  display: block;
}
.admin-layout .CateringRequestBid-amount {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  flex: 0 0 75px;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  text-align: right;
  transition: color 150ms;
  align-self: center;
}
.admin-layout .CateringRequestBid-comments {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ECEDED;
}
.admin-layout .CateringRequestBid-comments .icon {
    line-height: 0;
    position: relative;
    top: 0.1rem;
    margin-right: 0.3rem;
  }
.admin-layout .CateringRequestPreview-truckImg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 60px;
  width: 60px;
  flex: 0 0 60px;
  border-radius: 50%;
}
.admin-layout .CateringRequestBid-expandCollapse {
  line-height: 1;
  vertical-align: middle;
  top: 0.2rem;
  position: relative;
  text-align: right;
  padding-right: 0.75rem;
  color: #ECEDED;
  transition: color 150ms;
  align-self: center;
}
.admin-layout .CateringRequestBid-body {
  padding: 1rem;
}
.admin-layout .CateringRequestBid-notes {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.admin-layout .CateringRequestBid-notes h5 {
    margin-bottom: 0.25rem;
  }
.admin-layout .CateringRequestBid-buttons {
  border-top: 1px solid #ddd;
  padding-top: 0.75rem;
}
.admin-layout .CateringRequestBid-buttons .Button {
    margin-bottom: 0;
  }
.admin-layout .CateringRequestBid-book {
   background: #433E36;
   color: white;
   padding: 1rem;
}
.admin-layout .CateringRequestBid-book h5 {
    margin-bottom: 0.25rem;
   }
.admin-layout .CateringRequestBid-book p {
     font-size: 0.875rem;
     margin-bottom: 0.5rem;
   }
.admin-layout .CateringRequestBid-heart {
  vertical-align: middle;
  display: inline-block;
  fill: #fc5050;
  z-index: 2;
  font-size: 1rem;
  height: 17px;
  width: 17px;
  margin-right: -2px;
}
.admin-layout .CateringRequestBid-star {
  vertical-align: middle;
  display: inline-block;
  color: #FFC457;
  z-index: 2;
  font-size: 1rem;
}
.admin-layout .BidCost {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background: #F7F8FB;
  border-radius: 4px;
  padding: 0.75rem 1rem;
}
.admin-layout .BidCost-small {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
.admin-layout .Benefit {
  padding-bottom: 2rem;
}
.admin-layout .Benefit img {
    max-width: 125px;
    margin-bottom: 1rem;
  }
.admin-layout .Benefit h3 {
    font-size: 1.15rem;
  }
.admin-layout .Benefit p {
    font-size: 1rem;
  }
@media screen and (min-width: 732px) {
  .admin-layout .Benefit {
    padding-bottom: 0;
  }
}
.admin-layout .Benefit--big img {
    max-width: 100%;
    margin-bottom: .5rem;
  }
.admin-layout .CateringCustomerImg {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
}
.admin-layout .CateringRequestsList {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #D8E0E5;
}
.admin-layout .CateringRequestsList .CateringRequestPreview-container:last-child {
  border-bottom: none;
}
.admin-layout .CustomerCateringRequest {
  padding: 2.5rem;
  padding-top: 1rem;
  min-height: calc(100vh - 200px);
}
@media screen and (max-width: 900px) {
  .admin-layout .CustomerCateringRequest {
    padding: 1rem;
    min-height: unset;
  }
}
.admin-layout .CustomerCateringRequest-header {
  margin-bottom: 1rem;
}
.admin-layout .CustomerCateringRequest-header-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
@media screen and (max-width: 900px) {
  .admin-layout .CustomerCateringRequest-header-actions {
      flex-direction: column;
      margin-bottom: 1rem;
  }
  .admin-layout .CustomerCateringRequest-header .BackLink {
      margin-bottom: 1rem;
  }
}
.admin-layout .CustomerCateringRequest-info .u-grid-col {
    margin-bottom: 1rem
  }
.admin-layout .CustomerCateringRequest-info .u-grid-col > div + div {
  margin-top: 1rem;
}
.admin-layout .CustomerCateringRequest-actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: -.25rem;
  margin-bottom: -.25rem;
}
.admin-layout .CustomerCateringRequest-actions .Select-menu-outer {
    z-index: 100;
  }
.admin-layout .CustomerCateringRequest-actions .Select-value {
    margin-top: 0 !important;
    margin-left: 0 !important;
    background: none !important;
  }
.admin-layout .CustomerCateringRequest-actions .Select-value .Select-value-label {
      padding-left: 0;
      padding-top: 6px;
    }
@media screen and (max-width: 900px) {
  .admin-layout .CustomerCateringRequest-actions {
    flex-direction: column-reverse;
  }
  .admin-layout .CustomerCateringRequest-actions.bid-selected {
    display: none;
  }
}
.admin-layout .CustomerCateringRequest-filters {
  display: flex;
  align-items: flex-end;
}
.admin-layout div.CustomerCateringRequest-edit {
  margin-bottom: .25rem;
}
@media screen and (min-width: 900px) {
  .admin-layout div.CustomerCateringRequest-edit {
    margin-left: auto;
    margin-bottom: 0;
    margin-top: .25rem;
  }
}
.admin-layout .CustomerCateringRequest-dismiss,
.admin-layout .CateringRequest-dismiss  {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 900px) {
  .admin-layout .CustomerCateringRequest-dismiss,
.admin-layout .CateringRequest-dismiss  {
    display: none;
  }
}
.admin-layout .CustomerCateringRequest-bidComments {
  justify-content: flex-start;
  background: #dcdcdc;
}
.admin-layout .CustomerCateringRequest-closed {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  background: #fc5050;
  padding: 0.2rem 0.25rem;
  line-height: 1;
  border-radius: 2px;
  color: white;
  font-size: 0.675em;
  text-transform: uppercase;
  margin-right: 0.5rem;
  vertical-align: top;
  position: relative;
  top: 2px;
}
/* BidDetail */
.admin-layout .BidDetail-header {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  align-content: center;
  justify-content: space-between;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  z-index: 3;
  flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .admin-layout .BidDetail-header {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.admin-layout .BidDetail-innerHeader {
  padding: 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  flex: 1 1 100%;
}
.admin-layout .BidDetail-innerHeader h3 {
    padding-top: 4px;
  }
.admin-layout .BidDetail-innerHeader .BidDetail-amount {
    color: #4cbe58;
  }
@media screen and (min-width: 900px) {
  .admin-layout .BidDetail-innerHeader {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .admin-layout .BidDetail-innerHeader h3 {
      white-space: nowrap;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .BidDetail-innerHeader {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  .admin-layout .BidDetail-innerHeader > div {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
}
.admin-layout .BidDetail-truckPhoto {
  flex: 0 0 100%;
  height: 150px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 4px 0 0 0;
  overflow: hidden;
  border: 1px solid white;
}
@media screen and (min-width: 900px) {
  .admin-layout .BidDetail-truckPhoto {
    flex: 1 1 50%;
    max-height: 100%;
    max-width: 200px;
    height: 200px;
  }
}
.admin-layout .BidDetail-body {
  padding: 1rem;
  flex: 1 1 50%;
}
.admin-layout .BidDetail-bidInfo {
  padding: 1rem;
}
.admin-layout .BidDetail-truckDescription {
  margin-bottom: 1rem;
}
@media screen and (min-width: 732px) {
  .admin-layout .BidDetail-truckDescription {
    font-size: 0.875rem;
  }
}
.admin-layout .BidDetail-truckCategories {
    }
.admin-layout .BidDetail-rating {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 732px) {
  .admin-layout .BidDetail-notes {
    font-size: 0.875rem;
  }
}
.admin-layout .BidDetail-profileLink {
  margin-right: 0.75rem;
}
.admin-layout .CateringRequest-back,
.admin-layout .BidDetail-back {
  display: none;
}
@media screen and (max-width: 900px) {
  .admin-layout .CateringRequest-back,
.admin-layout .BidDetail-back {
    display: flex;
    flex: 0 0 50px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    line-height: 0;
    border-right: 1px solid #D8E0E5;
  }
}
.admin-layout .CateringRequest-back button, .admin-layout .CateringRequest-back a, .admin-layout .BidDetail-back button, .admin-layout .BidDetail-back a {
    color: #433e36;
    vertical-align: middle;
    height: 100%;
}
.admin-layout .CateringRequest-back a, .admin-layout .BidDetail-back a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.admin-layout .CateringRequest-back .icon, .admin-layout .BidDetail-back .icon {
    font-size: 2rem;
    line-height: 0;
}
.admin-layout .BidDetail-actions {
  align-self: center;
  display: flex;
}
.admin-layout .BidDetail-actions button.icon {
    font-size: 1.75rem;
    line-height: 1;
    position: relative;
    margin-right: 0.75rem;
    top: 0.1rem;
    color: #D8E0E5
  }
.admin-layout .BidDetail-actions button.icon:last-child {
  margin-right: 0;
}
.admin-layout .BidDetail-actions button.icon:hover {
  color: #007FDB;
}
.admin-layout .BidDetail-actions .BidDetail-trashButton,
  .admin-layout .BidDetail-actions .BidDetail-heartButton {
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
  }
.admin-layout .BidDetail-actions .BidDetail-trashButton svg, .admin-layout .BidDetail-actions .BidDetail-heartButton svg {
      height: 29px;
      width: 29px;
      fill: #D8E0E5;
    }
.admin-layout .BidDetail-actions .BidDetail-trashButton:hover svg, .admin-layout .BidDetail-actions .BidDetail-heartButton:hover svg {
  fill: #007FDB;
}
.admin-layout .BidDetail-actions .BidDetail-trashButton:focus, .admin-layout .BidDetail-actions .BidDetail-heartButton:focus {
  outline: none;
}
.admin-layout .BidDetail-actions .BidDetail-trashButton--selected svg, .admin-layout .BidDetail-actions .BidDetail-heartButton--selected svg {
      fill: #fc5050;
}
.admin-layout .BidDetail-actions .BidDetail-heartButton--selected svg {

    }
.admin-layout .CateringRequestBidWrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: calc(100vh - 40px - 66px - 76px - 80px);
  padding: 1rem;
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequestBidWrapper {
    height: calc(100vh - 69px - 76px - 88px);
  }
}
.admin-layout .CateringRequest--vendor .CateringRequestBidWrapper {
  height: calc(100vh - 77px - 41px - 67px);
}
@media screen and (min-width: 900px) {
  .admin-layout .CateringRequest--vendor .CateringRequestBidWrapper {
    height: calc(100vh - 212px);
  }
}
.admin-layout .BidEdit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0,0,0,0.25);
}
.admin-layout .BidEdit-inner {
  width: 300px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  padding: 1rem;
  background: white;
  border-radius: 4px;
  transform: translateX(-50%) translateY(-50%);
}
.admin-layout .CateringRequestPreview-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.admin-layout .CateringRequestPreview-titleContainer {
  min-width: 1px;
}
.admin-layout .CateringRequestPreview-title-budget {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #4cbe58;
}
/* .CateringRequestPreview-description {
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

  &-container {
    min-width: 0;
  }
} */
.admin-layout .CateringWelcome .BackLink {
    position: absolute;
    top: 0;
    left: 2rem;
  }
.admin-layout .TruckProfilePane .slide-pane__header {
    flex: 0;
  }
.admin-layout .TruckProfilePane .slide-pane__close {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
  }
.admin-layout .TruckProfilePane .slide-pane__content {
    padding-right: 0;
    padding-left: 0;
  }
.admin-layout .TruckProfilePane-img {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
.admin-layout .TruckProfilePane-content {
    padding: 2rem;
    padding-bottom: 0;
  }
/* * Catering request creation/editing */
.admin-layout .ManageCateringRequest {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 64px);
}
.admin-layout .ManageCateringRequest .ProgressCounter {
    margin-top: auto;
    padding-bottom: 3rem;
  }
.admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-option {
      padding-bottom: 5px;
    }
.admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-option .u-flex, .admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-value-label .u-flex {
        align-items: center
      }
.admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-option .u-flex > span, .admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-value-label .u-flex > span {
  line-height: 1;
  padding-top: 3px;
}
.admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-option img, .admin-layout .ManageCateringRequest .CateringOccasionSelect .Select-value-label img {
        height: 28px;
      }
.admin-layout .ManageCateringRequest .EventTypeField {
    display: flex;
  }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup {
      display: flex;
      width: 100%;
    }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup label {
        width: 100%;
        margin: 0;
      }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup label span {
          margin: 0 !important;
        }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup input:checked + label,
      .admin-layout .ManageCateringRequest .EventTypeField .RadioGroup input.selected + label {
        background: #F7F8FB;
        color: #007FDB;
      }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
      }
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup > div {
  flex-grow: 1;
}
.admin-layout .ManageCateringRequest .EventTypeField .RadioGroup > div:first-child {
  margin-right: 1rem;
}
.admin-layout .ManageCateringRequest .EventTypeField .Button,
    .admin-layout .ManageCateringRequest .EventTypeField .RadioGroup label {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      cursor: pointer;
      flex-grow: 1;
      border-radius: 4px;
      background: none;
      border: 1px solid #28A5FF;
      color: #28A5FF;
      padding: 2rem 4rem;
      padding-bottom: 1rem
    }
.admin-layout .ManageCateringRequest .EventTypeField .Button:hover, .admin-layout .ManageCateringRequest .EventTypeField .RadioGroup label:hover {
  border: 1px solid #007FDB;
  color: #007FDB;
  background: #F7F8FB;
}
.admin-layout .ManageCateringRequest .EventTypeField .Button:first-child {
      margin-right: 1rem;
    }
.admin-layout .ManageCateringRequest .EventTypeField img {
      height: 75px;
      margin-bottom: 1rem;
    }
@media screen and (max-width: 900px) {
  .admin-layout .ManageCateringRequest .EventTypeField {
    flex-direction: column;
  }
  .admin-layout .ManageCateringRequest .EventTypeField .Button:first-child {
        margin-right: 0;
        margin-bottom: 1rem;
  }
  .admin-layout .ManageCateringRequest .EventTypeField .RadioGroup {
        flex-direction: column;
  }
  .admin-layout .ManageCateringRequest .EventTypeField .RadioGroup > div:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.admin-layout .CateringDashboard-splash {
  text-align: center;
}
.admin-layout .CateringDashboard-splash img {
    height: 250px;
  }
.admin-layout .CateringDashboard-grid {
  align-items: stretch !important;
}
.admin-layout .CateringDashboard-grid .u-grid-col {
    margin-bottom: 1rem;
  }
.admin-layout .CateringDashboard-grid .Box {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
.admin-layout .CateringDashboard-newRequest .Box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.admin-layout .CateringDashboard-newRequest .Button {
    border: 1px solid #28A5FF;
    padding: 1.5rem 4rem
  }
.admin-layout .CateringDashboard-newRequest .Button:hover {
  border: 1px solid #007FDB;
}
.admin-layout .CateringRequest-noBids img {
    width: 150px;
  }
.admin-layout .ErrorPage {
  position: relative;
  min-height: 400px;
}
.admin-layout .ErrorPage-content {
  text-align: center;
  padding-top: 4rem;
}
.admin-layout .Events-toolbar {
  display: flex;
  align-items: center;
}
.admin-layout .Events-toolbar .Events-toolbarLeft {
    display: flex;
    align-items: center;
  }
.admin-layout .Events-toolbar .Events-toolbarLeft h3 {
      margin-bottom: 0;
      margin-top: 4px;
      padding-right: 6px;
    }
.admin-layout .Events-toolbar .Events-toolbarLeft .Button {
      padding: 6px;
      padding-bottom: 4px;
      line-height: 1;
    }
.admin-layout .Events-toolbar .Events-toolbarPushLeft {
    margin-left: auto;
    margin-right: 280px;
  }
.admin-layout .Events-toolbar .Events-toolbarPushFarLeft {
    margin-left: auto;
    margin-right: 125px;
  }
.admin-layout .Events-toolbarRight {
  display: flex;
  align-items: center;
  margin-left: auto;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 732px) {
  .admin-layout .Events-toolbarRight:not(.admin-layout .Events-toolbarRight--list--admin) {
    position: fixed !important;
    right: 1rem;
    bottom: 1rem;
  }
}
@media screen and (max-width: 732px) {
  .admin-layout .Events-toolbarRight--list--admin {
    width: 100%;
    margin-left: unset;
    justify-content: space-between;
    align-items: start;
  }
  .admin-layout .Events-toolbarRight--list--admin .u-flex {
        flex-direction: column;
        align-items: start !important;
  }

        .admin-layout .Events-toolbarRight--list--admin .u-flex .Button {
          margin-bottom: .5rem !important;
        }

        .admin-layout .Events-toolbarRight--list--admin .u-flex .Events-SelectPending {
          margin-left: .5rem;
        }

        .admin-layout .Events-toolbarRight--list--admin .u-flex .Select {
          margin-top: .5rem;
        }
}
.admin-layout .Events-toolbarRight--list {
    position: static;
}
.admin-layout .Events-toolbarRight--list .Events-SelectPending {
      padding-top: 3px;
    }
.admin-layout .Events-toolbarRight--list .Events-SelectPending input {
        padding-top: 1px;
      }
.admin-layout .Event.Box {
  padding: 0;
}
.admin-layout .Event-viewEvent {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.admin-layout .Event-header {
  border-bottom: 1px solid #D8E0E5;
}
.admin-layout .Event-header > div {
  padding: 1rem;
  padding-bottom: .75rem;
}
.admin-layout .Event-header > div:first-child {
  flex: 2;
}
.admin-layout .Event-header-type {
    margin-right: 5px;
    margin-top: 2px;
    width: 17px;
    height: 17px;
    background-color: #7F8CFB;
    border-radius: 50%;
}
.admin-layout .Event-header-type--pod {
      background-color: #28A5FF;
    }
.admin-layout .Event-header-type--denied {
      background-color: #fc5050;
    }
.admin-layout .Event-header img {
    vertical-align: bottom;
}
.admin-layout .Event-header .u-mobileOnly {
    padding-top: 0;
    padding-bottom: 0;
}
@media screen and (min-width: 900px) {
  .admin-layout .Event-header {
    display: flex;
  }
  .admin-layout .Event-header > div + div {
    border-left: 1px solid #D8E0E5;
  }
}
@media screen and (max-width: 900px) {
  .admin-layout .Event-header:not(.admin-layout .Event-header--admin) {
      padding-bottom: .5rem;
      border-bottom: none;
  }
  .admin-layout .Event-header .Event-slotsContainer {
      position: relative;
  }
  .admin-layout .Event-header .Event-slots {
      position: absolute;
      right: 1rem;
      bottom: 1rem;
  }
}
.admin-layout .Event-trucks {
  padding: 1rem;
  margin: -.5rem -.25rem 0 -.25rem;
}
@media screen and (min-width: 900px) {
  .admin-layout .Event-trucks {
    display: flex;
    flex-wrap: wrap;
  }
  .admin-layout .Event-trucks .Event-truck {
      display: inline-block;
      width: calc(33.33% - 0.5rem);
  }
}
@media screen and (min-width: 732px) and (max-width: 900px) {
  .admin-layout .Event-trucks {
    display: flex;
    flex-wrap: wrap;
  }
  .admin-layout .Event-trucks .Event-truck {
      width: calc(50% - 0.5rem);
  }
}
.admin-layout .Event-trucks .Event-truck {
    height: 100%;
    white-space: normal;
    border: 1px solid #D8E0E5;
    border-radius: 6px;
    margin: .5rem .25rem 0 .25rem;
}
.admin-layout .Event-trucks .Event-truck--checked {
      border-color: #28A5FF !important;
      background-color: #dff2ff !important;
    }
.admin-layout .Event-trucks .Event-truck.Booking--approved {
  border-color: #4cbe58;
  background-color: #ddf8e0;
}
.admin-layout .Event-trucks .Event-truck.Booking--pending {
  border-color: #917ffb;
  background-color: #ede9ff;
}
.admin-layout .Event-trucks .Event-truck.Booking--denied {
  background-color: #f3f4f6;
  border-color: #b8bac0;
  color: #78838d !important;
}
.admin-layout .Event-trucks .Event-truck.Booking--denied .Event-truckLink {
        color: #78838d !important;
}
.admin-layout .Event-trucks .Event-truck label {
      padding: .5rem 1rem;
      min-height: 67px;
}
.admin-layout .Event-trucks .Event-truck input[type='checkbox'] {
      opacity: 0.0;
      position: absolute;
      left: -999px;
}
.admin-layout .Event-trucks .Event-truck .Event-truckTop {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
}
.admin-layout .Event-trucks .Event-truck .Event-truckLink {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      text-decoration: underline;
      max-width: calc(100% - 110px);
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: black;
}
.admin-layout .Event-trucks .Event-truck .Event-truckLink:hover {
  color: #007FDB;
}
.admin-layout .Event-trucks .Event-truck .Events-selectStatus {
      position: relative;
}
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select {
        width: 100px;
        position: absolute;
        top: 7.5px;
        right: 15px;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-control {
        border: none;
        box-shadow: none !important;
        background: none;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-placeholder {
        line-height: unset;
        text-align: right;
        padding-right: 17px;
        padding-left: 3px;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-arrow-zone {
        padding: 0;
        vertical-align: top;
        width: 14px;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-menu-outer {
        border-radius: 6px;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-option:last-child {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
      }
.admin-layout .Event-trucks .Event-truck .Events-selectStatus .Select-option:first-child {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
      }
.admin-layout .Event-trucks .Event-emptySlot,
  .admin-layout .Event-trucks .Event-cancelledSlot {
    height: 67.5px;
}
.admin-layout .Event-trucks .Event-emptySlot {
    border-color: #fc5050;
    background-color: #fff4f4;
}
.admin-layout .Event-trucks .Event-cancelledSlot {
    border-color: #ecd700;
    background-color: #fffcdc;
}
.admin-layout .EventDetails-dateTime {
    display: flex;
    border: 1px solid #D8E0E5;
    text-align: center
  }
.admin-layout .EventDetails-dateTime > div {
  flex: 1;
  padding: .5rem;
}
.admin-layout .EventDetails-dateTime > div:last-child {
  border-left: 1px solid #D8E0E5;
}
.admin-layout .EventDetails-dateTime > div .FormLabel {
        width: 100%;
}
.admin-layout .EventDetails-repeats {
    margin-top: 1.5rem;
  }
.admin-layout .EventDetails-trucks .truck {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #D8E0E5;
      padding: .25rem 0;
    }
.admin-layout .EventDetails-trucks .Select-control {
        border: none;
        width: 110px;
      }
.admin-layout .EventDetails-trucks .Select .Select-placeholder {
        text-align: end;
        padding-right: 25px;
        padding-top: 1px;
      }
.admin-layout .EventDetails-trucks .Select .Select-arrow-zone {
        padding-top: 5px;
      }
.admin-layout .EventDetails-truckLink {
    margin-top: 6px;

    color: black
  }
.admin-layout .EventDetails-truckLink:hover {
  color: #007FDB;
}
.admin-layout .EventDetails-addTruck {
    margin-top: 1rem;
  }
.admin-layout .EventDetails-addTruck .Select-placeholder {
      padding-top: 4px;
    }
.admin-layout .EventDetails-addTruck .Select-arrow-zone {
      padding-top: 5px;
    }
.admin-layout .EventDetails-addTruck .Select-input > input {
      padding-top: 12px;
      padding-bottom: 8px;
    }
.admin-layout .EventDetails .loadInSheet-button {
    width: 100%;
  }
.admin-layout .EventDetails .FormLabel.FormLabel--secondary {
    font-size: 1rem;
    margin-top: 2rem;
  }
.admin-layout .EventDetails .RecurringDisplay {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #77838D;

  }
.admin-layout .EventDetails .RecurringDisplay-weekly .u-flex {
        align-items: center;
      }
.admin-layout .EventDetails .RecurringDisplay-weekly .DayOfWeekPicker {
        flex: 2;
        padding-left: 1rem;
        margin: 0;
      }
.admin-layout .EventDetails .RecurringDisplay-weekly .Button {
        cursor: pointer;
      }
.admin-layout .OnlineOrdering .OrderingContent {
    flex-direction: column-reverse;
  }
.admin-layout .OnlineOrdering .OrderingContent h2 {
      margin-left: 0;
      margin-top: 2rem;
    }
.admin-layout .OnlineOrdering .OrderingContent iframe {
      width: 100%;
      height: 75vh;
    }
@media screen and (min-width: 732px) {
  .admin-layout .OnlineOrdering .OrderingContent {
    flex-direction: row;
  }
  .admin-layout .OnlineOrdering .OrderingContent h2 {
        margin-top: 0;
  }
  .admin-layout .OnlineOrdering .OrderingContent > div:first-child {
    flex: 0 0 66.6666666666%;
  }
  .admin-layout .OnlineOrdering .OrderingContent > div:last-child {
    flex: 0 0 33.3333333333%;
  }
  .admin-layout .OnlineOrdering .OrderingContent > div:last-child img {
            margin-top: -2rem;
  }
}
.admin-layout .VendorHeader {
  margin-bottom: 1.5rem;
  display: flex;
}
.admin-layout .VendorHeader h2 {
    margin-bottom: 0;
  }
.admin-layout .VendorHeader-right {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
.admin-layout .VendorHeader-truck {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #77838D;
  }
.admin-layout .VendorHeader-badge .badge {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    padding-right: 1rem;
    padding-left: 1rem;
  }
.admin-layout .VendorHeader .AccountIcon {
    cursor: pointer;
    display: flex;
    height: 35px;
    width: 30px;
  }
.admin-layout .VendorHeader .AccountIcon svg {
      width: 100%;
    }
.admin-layout .VendorHeader .AccountIcon:hover svg {
  fill: #77838D;
}
.admin-layout .VendorHeader .AccountIcon-img {
      border-radius: 50%;
      width: 32px;
      height: 32px;
      background-size: cover;
      background-position: center center;
}
.admin-layout .TruckSwitcher {
  cursor: pointer;
  display: flex;
}
@media screen and (max-width: 900px) {
  .admin-layout .TruckSwitcher {
    margin-left: 40px;
    margin-top: .25rem;
  }
  .admin-layout .TruckSwitcher h2 {
      margin-left: 0;
      margin-top: 0;
  }
}
.admin-layout .AdminLayout--sidebarOpen .TruckSwitcher {
  margin-left: 0;
  margin-top: 0;
}
.admin-layout .AdminLayout--sidebarOpen .TruckSwitcher h2 {
    margin-left: 0;
    margin-top: 0;
  }
.admin-layout .TruckSwitcher-tooltip {
  padding: .25rem;
  padding-bottom: 0;
  font-size: 13px;
}
.admin-layout .TruckSwitcher-tooltip a {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    display: block;
    color: #77838D;
  }
.admin-layout .TruckSwitcher-tooltip a + .admin-layout .TruckSwitcher-tooltip a {
      margin-top: .45rem;
    }
.admin-layout .TruckSwitcher-tooltip a:hover {
  color: black;
}
.admin-layout .TruckSwitcher-arrowContainer {
  margin-left: 5px;
}
.admin-layout .TruckSwitcher-arrow {
  border-color: #77838D transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.admin-layout .TruckSwitcher-arrow--up {
    top: -2px;
    border-color: transparent transparent #77838D;
    border-width: 0 5px 5px;
  }
.admin-layout .MenuList {
  border-collapse: collapse;
  width: 100%;
}
.admin-layout .NewTruckForm {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 64px);
}
.admin-layout .NewTruckForm .FormRow--checkboxLabel {
    margin-bottom: .5rem;
  }
.admin-layout .NewTruckForm .ProgressCounter {
    margin-top: auto;
    padding-bottom: 3rem;
  }
/* Content */
.rdw-editor-wrapper {
  border: 1px solid #D8E0E5;
  border-radius: 4px;

}
.rdw-editor-wrapper .rdw-editor-main {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
/*
 * Toolbar
 */
.rdw-editor-toolbar {
  padding: 5px;
  border: none;
  border-bottom: 1px solid #D8E0E5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rdw-editor-toolbar .rdw-option-wrapper,
  .rdw-editor-toolbar .rdw-dropdown-wrapper {
    border: 1px solid white;
    margin: 0px 3px
  }
.rdw-editor-toolbar .rdw-option-wrapper:hover, .rdw-editor-toolbar .rdw-dropdown-wrapper:hover {
  background: #ECEDED;
  box-shadow: none;
}
.rdw-editor-toolbar a.rdw-dropdown-selectedtext {
    color: unset
  }
.rdw-editor-toolbar a.rdw-dropdown-selectedtext:hover {
  color: unset;
}
.rdw-editor-toolbar .rdw-dropdown-optionwrapper:hover {
    box-shadow: none;
  }
.rdw-editor-toolbar .rdw-dropdownoption-highlighted {
    background: #ECEDED;
  }
.rdw-editor-toolbar .rdw-option-active {
    box-shadow: none;
    border: 1px solid #81c9ff;
  }
.rdw-editor-toolbar .rdw-inline-wrapper,
  .rdw-editor-toolbar .rdw-block-wrapper,
  .rdw-editor-toolbar .rdw-link-wrapper {
    margin: 0;
  }
.rdw-editor-toolbar .rdw-dropdown-optionwrapper li {
    margin-left: 0;
  }
.admin-layout h1, .admin-layout h2, .admin-layout h3, .admin-layout h4, .admin-layout h5, .admin-layout h6 {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-top: 0;
}
.admin-layout h1 small, .admin-layout h2 small, .admin-layout h3 small, .admin-layout h4 small, .admin-layout h5 small, .admin-layout h6 small {
    font-size: 60%;
  }
.admin-layout h2 {
  font-size: 1.6rem;
}
.admin-layout strong, .admin-layout b, .admin-layout .u-strong {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.admin-layout .badge {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  display: inline-block;
  padding: .25em .75em 0 .75em;
  border-radius: 24px;
  text-align: center
}
.admin-layout .badge.badge-gold {
  background: #FCD561;
}
.admin-layout .badge.badge-silver {
  background: #D3E4F0;
}
.admin-layout .badge.badge-gray {
  background: #F7F8FB;
}
.admin-layout .u-text-light {
  color: #77838D;
}
.admin-layout .u-text-border-color {
  color: #D8E0E5;
}
.admin-layout .u-text-sm {
  font-size: 12px;
}
.admin-layout .u-text-lg {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.admin-layout .u-text-right {
  text-align: right;
}
.admin-layout .u-text-red {
  color: #fc5050;
}
.admin-layout .u-text-green {
  color: #4cbe58;
}
.admin-layout .u-text-secondary {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #77838D;
  text-transform: uppercase;
}
.admin-layout .u-lh1 {
  line-height: 1;
}
.admin-layout .Table {
  font-size: 1rem;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0px;
  color: #433E36;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 4px;
}
.admin-layout .Table tr {
  margin: 0;
}
.admin-layout .Table tr td {
    background-color: white;
    border-bottom: 1px solid #D8E0E5;
  }
.admin-layout .Table tr:last-child td {
  border: none;
}
.admin-layout .Table td, .admin-layout .Table th {
  margin: 0;
  padding: 0.65rem 0.75rem 0.65rem 0.75rem
}
.admin-layout .Table td:not(:first-child), .admin-layout .Table th:not(:first-child) {
  white-space: nowrap;
}
.admin-layout .Table th {
  display: none;
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-weight: 500;
}
@media screen and (min-width: 732px) {
  .admin-layout .Table th {
    display: table-cell;
  }
}
.admin-layout .Table td:first-child {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding-top: 1rem;
  width: 100%;
}
.admin-layout .Table td:first-child a {
      color: black;
}
.admin-layout .Table td:first-child a:hover {
  color: #007FDB;
}
.admin-layout .Table td:before {
  font-family: "phosphatepro-solid", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: .825rem;
  line-height: 1;
  text-transform: uppercase;
  content: attr(data-label);
  float: left;
  margin-bottom: 0;
  display: block;
}
.admin-layout .Table td:before strong {
    font-family: "phosphatepro-solid", Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.admin-layout .Table td .badge {
    width: 100%;
}
@media screen and (min-width: 732px) {
  .admin-layout .Table td:last-child {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 900px) {
  .admin-layout .Table td {
    text-align: left;
    float: none;
    display: table-cell;
    height: 56px;
  }
  .admin-layout .Table td,
    .admin-layout .Table td:first-child,
    .admin-layout .Table td:last-child {
    padding: 7px 1rem;
    padding-bottom: 1px;
  }
  .admin-layout .Table td:before {
    display: none;
  }
}
.admin-layout .Table .Sort-label {
  line-height: 1.15;
  display: inline-block;
}
.admin-layout .Table .Sort-label:active, .admin-layout .Table .Sort-label:focus {
  outline: none;
}
.admin-layout .Table .Sort-labelArrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25rem;
  position: relative;
  top: 0.1rem;
  color: #28A5FF;
}
/* Components */
.admin-layout .Box {
  box-shadow: 2px 2px 16px #EEEEEE
}
.admin-layout .Box.Box--border {
  box-shadow: none;
  border: 1px solid #D8E0E5;
}
.admin-layout .BudgetSlider {
  position: relative;
  overflow: hidden;
  padding-top: 0.5rem;
  padding: 1rem;
  padding-bottom: 3rem;
}
.admin-layout .BudgetSlider-low, .admin-layout .BudgetSlider-high, .admin-layout .BudgetSlider-value {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  position: absolute;
  bottom: 1rem;
  line-height: 1;
}
.admin-layout .BudgetSlider-low {
  left: 1rem;
  bottom: 2rem;
}
.admin-layout .BudgetSlider-high {
  right: 1rem;
  bottom: 2rem;
}
.admin-layout .BudgetSlider-value {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  font-size: 2rem;
  color: #28A5FF;
  line-height: 1.3;
}
.admin-layout .BudgetSlider-message {
  color: #ECEDED;
  text-align: center;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.admin-layout .rheostat {
  overflow: visible;
  position: relative;
  margin-top: 43px;
  margin-bottom: 1rem;
  height: 16px;
}
.admin-layout .rheostat-background {
  background-color: #28A5FF;
  border: 1px solid #28A5FF;
  position: relative;
}
.admin-layout .rheostat-progress {
  background-color: #abc4e8;
  position: absolute;
}
.admin-layout .rheostat-handle {
  background-color: #28A5FF;
  border: 4px solid #28A5FF;
  border-radius: 50%;
  height: 32px;
  outline: none;
  z-index: 2;
  width: 32px;
  top: -14px;
  margin-left: -15px;
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
.admin-layout .rheostat-handle:before,
.admin-layout .rheostat-handle:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #dadfe8;
}
.admin-layout .Button, .admin-layout .IconButton, .admin-layout .LinkButton, .admin-layout .PlainLinkButton, .admin-layout .SelectButton {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  cursor: pointer;
  text-align: center
}
.admin-layout .Button:focus, .admin-layout .IconButton:focus, .admin-layout .LinkButton:focus, .admin-layout .PlainLinkButton:focus, .admin-layout .SelectButton:focus {
  outline: none;
}
.admin-layout .Button {
  background: #28A5FF;
  border-radius: 24px;
  display: inline-block;
  padding: 1rem;
  padding-top: 9.5px;
  padding-bottom: 5.5px;
  line-height: 1.15;
  border: none;
  color: white;
  font-weight: 500
}
.admin-layout .Button:hover {
  color: white;
  background: #007FDB;
}
.admin-layout .Button:hover svg path {
      fill: #007FDB;
}
.admin-layout .Button:disabled {
  opacity: 60%;
}
.admin-layout .Button:disabled:hover {
  background: #28A5FF;
}
.admin-layout .Button--small {
    font-size: 12px !important;
}
.admin-layout .Button--square {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 6px;
    padding: 35px;
    padding-top: 11px;
    padding-bottom: 7px;
}
.admin-layout .Button.u-strong {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.admin-layout .Button.LinkButton {
  color: #28A5FF;
  background: none;
}
.admin-layout .Button.LinkButton:hover {
  color: #007FDB;
  background: none;
}
.admin-layout .Button.OutlineButton {
  background: white;
  border: 2px solid #28A5FF;
  color: inherit;
}
.admin-layout .Button.OutlineButton--red {
      border-color: #fc5050;
}
.admin-layout .Button.OutlineButton--red:hover {
  border-color: #AD0303 !important;
}
.admin-layout .Button.OutlineButton:hover {
  border: 2px solid #007FDB;
  background: #F7F8FB;
}
.admin-layout .Button.FilledOutlineButton {
  border: 2px solid #28A5FF;
}
.admin-layout .Button.FilledOutlineButton:hover {
  border: 2px solid #007FDB;
}
.admin-layout .Button.SecondaryOutlineButton {
  background: white;
  border: 1px solid #D8E0E5;
  color: black;
  border-radius: 6px;
  padding: 1.25rem;
  padding-top: 15px;
  padding-bottom: 13px;
  height: 47px;
}
.admin-layout .Button.SecondaryOutlineButton img {
      margin-right: .5rem;
      vertical-align: text-bottom;
      margin-top: -2px;
}
.admin-layout .Button.SecondaryOutlineButton:hover {
  border: 1px solid #28A5FF;
}
.admin-layout .Button.SecondaryOutlineButton--small {
      background: white;
      border: 1px solid #D8E0E5;
      color: black;
}
.admin-layout .Button.SecondaryOutlineButton--small:hover {
  border: 1px solid #28A5FF;
}
.admin-layout .PlainLinkButton {
  color: black;
  display: inline-block;
  background: none;
  border: none;
  font-weight: normal;
  font-size: inherit;

  padding: 0
}
.admin-layout .PlainLinkButton:hover {
  color: #007FDB;
}
.admin-layout .PlainLinkButton--bold {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-weight: 500;
}
.admin-layout .PlainLinkButton--blue {
    color: #28A5FF;
}
.admin-layout .PlainLinkButton--blue:hover {
  color: #007FDB;
}
.admin-layout .SelectButton {
  background: white;
  border: 1px solid #D8E0E5;
  border-radius: 4px;
  height: 3rem;
  width: 100%;
  padding: 0.5em 0.75em;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-layout .SelectButton--active .SelectButton-Icon {
    transform: scaleY(-1);
  }
.admin-layout .SelectButton span {
    white-space: nowrap;
  }
.admin-layout .IconButton {
  background: none;
  border: none;
  line-height: inherit;
  text-transform: uppercase;
  color: #77838D;
  font-size: .75rem;
  display: inline-block;
  padding: 0;
}
@media screen and (max-width: 732px) {
  .admin-layout .IconButton--title {
      display: none;
  }
}
.admin-layout .IconButton:hover {
  color: black;
}
.admin-layout .IconButton:hover .IconButton--icon.doc > * {
  stroke: #28A5FF;
}
.admin-layout .IconButton:hover .IconButton--icon.edit {
  fill: #28A5FF;
}
.admin-layout .IconButton:hover .IconButton--icon.trash > * {
  fill: #fc5050;
}
.admin-layout .IconButton + .IconButton,
  .admin-layout .IconButton + .IconButton--parent,
  .admin-layout .IconButton--parent + .IconButton {
    margin-left: 1rem;
}
.admin-layout .IconButton .IconButton--inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.admin-layout .IconButton.u-noMobile .doc {
  margin-bottom: 3px;
}
.admin-layout .IconButton .IconButton--icon {
    height: 21px;
}
.admin-layout .IconButton .IconButton--icon.edit {
  height: 22px;
  width: 22px;
  margin-bottom: 2px;
}
.admin-layout .IconButton .IconButton--icon.cal {
  height: 22px;
}
.admin-layout .IconButton .IconButton--icon.trash {
  height: 24px;
  width: 24px;
  fill: #D8E0E5;
}
@media screen and (max-width: 732px) {
  .admin-layout .IconButton--parent {
    height: 23px;
  }
}
.admin-layout .BackLink {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #77838D;
  text-transform: uppercase;
  background: none;
  border: none;
  cursor: pointer;
}
.admin-layout .BackLink svg {
    vertical-align: sub;
  }
.admin-layout .BackLink:hover {
  color: #007FDB;
}
.admin-layout .BackLink:hover svg path {
      fill: #007FDB;
}
.admin-layout .Button--outlined {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background: none;
  border: 1px solid #8A909B;
  border-radius: 4px;
  color: #433E36;
}
.admin-layout .Button--outlined:hover {
  background-color: #ECEDED;
  color: #433E36;
}
.admin-layout .ButtonSet {
  display: flex;
  flex-wrap: wrap;
}
.admin-layout .ButtonSet > div {
  margin-bottom: .25rem;
}
.admin-layout .ButtonSet label {
    line-height: 1;
    text-align: center;
    padding: 9px 1rem 6px 1rem;
    margin-right: -1px;
    height: 100%;
    border: 1px solid #D8E0E5;
    display: flex;
    align-items: center;
    background: white;
}
.admin-layout .ButtonSet label small {
      padding-top: .25rem;
      display: inline-block;
      font-size: 75%;
    }
.admin-layout .ButtonSet label:hover {
  cursor: pointer;
}
.admin-layout .ButtonSet input:checked + label,
  .admin-layout .ButtonSet input.selected + label {
    background: #28A5FF;
    color: white;
}
.admin-layout .ButtonSet > div:first-of-type label {
  border-radius: 15px 0 0 15px;
}
.admin-layout .ButtonSet > div:last-of-type label {
  border-radius: 0 15px 15px 0;
}
.admin-layout .ButtonSet input[type=checkbox] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.admin-layout .RadioButtonSet .RadioGroup {
  display: flex;
}
.admin-layout .RadioButtonSet .RadioGroup label {
    line-height: 1;
    text-align: center;
    padding: 13px 1.5rem 10px 1.5rem;
    margin-right: -1px;
    height: 100%;
    border: 1px solid #D8E0E5;
    display: flex;
    align-items: center;
    background: white;
    font-size: 1;
  }
.admin-layout .RadioButtonSet .RadioGroup label span {
      marign: 0;
    }
.admin-layout .RadioButtonSet .RadioGroup label:hover {
  cursor: pointer;
}
.admin-layout .RadioButtonSet .RadioGroup label:first-of-type {
    border-radius: 4px 0 0 4px;
  }
.admin-layout .RadioButtonSet .RadioGroup label:last-of-type {
    border-radius: 0 4px 4px 0;
  }
.admin-layout .RadioButtonSet .RadioGroup input[type=radio] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
  }
.admin-layout .RadioButtonSet .RadioGroup input:checked + label {
    background: #28A5FF;
    color: white;
  }
.admin-layout .CardForm {
  color: white;
  background: #28A5FF;
  border-radius: 6px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.admin-layout .CardForm:before {
  content: '';
  padding-top: 54%;
}
.admin-layout .CardForm label {
    margin-bottom: 1rem;
}
@media screen and (max-width: 732px) {
  .admin-layout .CardForm {
    max-width: 500px;
    position: relative;
  }
  .admin-layout .CardForm .CardCurrent {
      width: auto;
      height: auto;
      position: absolute;
      top: 1rem;
      bottom: 1rem;
      left: 1rem;
      right: 1rem;
  }
}
.admin-layout .CardForm-form {
  width: 100%;
}
.admin-layout .CardForm-form .Button--save,
  .admin-layout .CardForm-form .Button--cancel {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: #77838D;
    text-transform: uppercase;
    color: white;
    background: none
  }
.admin-layout .CardForm-form .Button--save:hover, .admin-layout .CardForm-form .Button--cancel:hover {
  color: black;
  background: none;
}
.admin-layout .CardForm-form .Button--cancel {

  }
.admin-layout .CardElement {
  background: white;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-radius: 3px;
}
.admin-layout .CardCurrent {
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin-layout .CardCurrent-change {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
  }
.admin-layout .CardCurrent-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
  }
.admin-layout .CardCurrent .Button {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    padding: 0
  }
.admin-layout .CardCurrent .Button:hover {
  color: black;
}
.admin-layout .CardCurrent-numbers {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 2px;
}
.admin-layout .CardCurrent-numbers span + span {
    margin-left: 1.5rem;
  }
.admin-layout .AccountBalance {
  border: 1px solid #D8E0E5;
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
}
.admin-layout .AccountBalance-title {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #D8E0E5;
    padding: .5rem;
  }
.admin-layout .AccountBalance-body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
  }
.admin-layout .AccountBalance-balance {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    padding-top: .5rem;
    text-align: center;
  }
.admin-layout .AccountBalance .u-text-secondary {
    line-height: 1;
    margin-top: .5rem;
  }
.admin-layout .AccountBalance-wrapper {
  display: flex;
}
.admin-layout .AccountBalance-wrapper > div {
  flex: 1 1 50%;
}
@media screen and (max-width: 732px) {
  .admin-layout .AccountBalance-wrapper {
    flex-direction: column;
  }
  .admin-layout .AccountBalance-wrapper > div {
    flex: 1 1 100%;
  }
  .admin-layout .AccountBalance-wrapper .AccountBalance {
      margin-right: 0;
      margin-bottom: 1rem;
      max-width: 500px;
  }
}
.admin-layout .Comments {
  padding: 0rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 2;
  height: 100%;
}
.admin-layout .Comments-threadWrapper {
  padding: 1rem;
  overflow-y: auto;
  flex: 1 1 auto;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 900px) {
  .admin-layout .Comments-threadWrapper {
    flex: 1 1 calc(100vh - 297px);
  }
  .admin-layout .Comments-threadWrapper.showChargeWarning {
    flex: 1 1 calc(100vh - 378px);
  }
}
.admin-layout .CommentThread {
  margin-bottom: 1rem;
  padding: 0rem;
}
.admin-layout .CommentRow {
  display: flex;
  margin-bottom: 1rem;
  justify-content: flex-end;
}
.admin-layout .CommentRow--others {
  justify-content: flex-start;
}
.admin-layout .Comment {
  flex: 1 1 auto;
  background: #28A5FF;
  padding: 1rem;
  padding-bottom: 10px;
  border-radius: 1rem;
  color: white;
  max-width: 300px;
}
.admin-layout .Comment a {
    color: white;
    text-decoration: underline;
  }
.admin-layout .Comment img {
    border-radius: 4px;
    overflow: hidden;
    max-width: 100%;
    display: block;
    margin-bottom: .25rem;
  }
@media screen and (min-width: 900px) {
  .admin-layout .Comment {
    max-width: 400px;
  }
}
.admin-layout .Comment-bidAmount {
  color: white;
}
.admin-layout .Comment-bidAmount--retracted {
  text-decoration: line-through;
}
.admin-layout .Comment--others {
  background: #D8E0E5;
  color: #433E36;
}
.admin-layout .Comment--others a {
    color: #FF7857;
    text-decoration: underline;
  }
.admin-layout .Comment--others .Comment-bidAmount {
    color: #433E36;
  }
.admin-layout .Comment-topMeta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.admin-layout .Comment-time {
  opacity: 0.65;
}
.admin-layout .CommentForm {
  background: white;
  padding: 0.75rem;
  flex: 0 0 auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.admin-layout .CommentForm .FormLabel, .admin-layout .CommentForm .ErrorExplanation {
    display: none;
  }
.admin-layout .CommentForm .FormRow {
    padding: 0;
    margin-bottom: 0;
    margin-top: 4px;
  }
.admin-layout .CommentForm .Button.LinkButton {
    margin: 0;
    height: 100%;
  }
.admin-layout .CommentForm .Button.LinkButton img {
      max-width: unset;
    }
.admin-layout .CommentForm .Button.LinkButton.BidSubmit {
  padding-top: 8.5px;
  padding-bottom: 5.5px;
  padding-right: 5px;
  padding-left: 7px;
}
@media screen and (min-width: 900px) {
  .admin-layout .CommentForm {
    position: relative;
  }
}
.admin-layout .CommentForm-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  border: 1px solid #D8E0E5;
  border-radius: 24px;
  align-items: flex-start;
}
.admin-layout .CommentForm-inner .CommentForm-inner--submitContainer {
    margin-top: 3.5px;
    margin-right: 5px;
  }
.admin-layout .CommentForm-inner .Loader {
    width: 35px;
    height: 35px;
  }
.admin-layout .CommentForm-field {
  flex: 1 1 100%;
}
.admin-layout .CommentForm-field-inner {
    display: flex;
    align-items: center;
    height: 100%;
  }
.admin-layout .CommentForm-field .TextInput, .admin-layout .CommentForm-field .TextArea  {
    max-width: 100%;
    border: none;
    background: none;
    font-size: 1rem;
    resize: none
  }
.admin-layout .CommentForm-field .TextInput:focus, .admin-layout .CommentForm-field .TextArea:focus {
  outline: none;
  background: none;
  border: none;
}
.admin-layout .CommentForm-field .TextInput {
    height: 39px;
    min-height: 0;
  }
.admin-layout .CommentForm-field .TextArea {
    height: unset;
    min-height: unset;
    max-height: 100px;
  }
.admin-layout .CommentForm-field.CommentForm-amount {
  flex: auto;
  border-right: 1px solid #D8E0E5;
  align-self: stretch;
  display: flex;
}
.admin-layout .CommentForm-field.CommentForm-amount input {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      padding-left: 0;
}
.admin-layout .CommentForm-field.CommentForm-amount .u-strong {
      padding-top: 12px;
      padding-left: .75rem;
}
.admin-layout .DashboardWidget-container {

}
.admin-layout .DashboardWidget {
  padding-right: 0;
  padding-left: 0;
}
.admin-layout .DashboardWidget .WidgetLabel {
    width: 100%;
    text-align: center;
  }
.admin-layout .DashboardWidget .WidgetLabel--large {
      font-size: 48px;
    }
.admin-layout .DashboardWidget .WidgetLabel--small {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      font-size: 11px;
      color: #77838D;
      text-transform: uppercase;
    }
.admin-layout .DashboardWidget .WidgetImg {
    width: 200px;
  }
.admin-layout .DashboardWidget-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D8E0E5;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: .75rem;
}
.admin-layout .DashboardWidget-header h3 {
    font-size: 1rem;
    margin: 0;
  }
.admin-layout .DashboardWidget-header a {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: #77838D;
    text-transform: uppercase
  }
.admin-layout .DashboardWidget-header a:hover {
  color: black;
}
.admin-layout .DashboardWidget-content {
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
}
.admin-layout .Widget-Revenue-container {
    width: 100%;
    height: 300px;
  }
.admin-layout .Widget-Revenue .recharts-cartesian-grid line {
    stroke: #D8E0E5;
  }
.admin-layout .Widget-Subscribers .WidgetLabel, .admin-layout .Widget-Publications .WidgetLabel {
    margin-left: -1rem;
    position: absolute;
    bottom: 85px;
  }
.admin-layout .Widget-Subscribers .PieChart-container, .admin-layout .Widget-Publications .PieChart-container {
    width: 100%;
    height: 250px;
  }
.admin-layout .Widget-Trucks {
  padding-bottom: 0;
}
.admin-layout .Widget-Trucks-container {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: #77838D;
    text-transform: uppercase;
    width: 100%;
    height: 350px;
  }
.admin-layout .Widget-PendingBookings {
  padding-bottom: 0;

}
.admin-layout .Widget-PendingBookings .DashboardWidget-content {
    padding: 0;
  }
.admin-layout .Widget-PendingBookings-event {
    border-bottom: 1px solid #D8E0E5;
    padding: 1rem
  }
.admin-layout .Widget-PendingBookings-event:last-child {
  border: none;
}
.admin-layout .Widget-PendingBookings-event h4 {
      margin-bottom: .5rem;
      line-height: 1;
}
.admin-layout .Widget-PendingBookings-event-date {
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 1;
      margin-top: .25rem;
}
.admin-layout .Widget-PendingBookings-event-date > div {
  display: flex;
  align-items: center;
}
.admin-layout .Widget-PendingBookings-event-date .icon-cal {
        margin-bottom: 4px;
}
.admin-layout .Widget-PendingBookings-event-date .icon-time {
        margin-bottom: 4px;
}
.admin-layout .Widget-PendingBookings-event-date .icon-arrow {
        margin-bottom: 2px;
}
.admin-layout .Widget-PendingBookings-booking {
    justify-content: space-between;
  }
.admin-layout .Widget-PendingBookings-booking .Select {
      min-width: 200px;
      margin-bottom: .5rem;
    }
.admin-layout .Widget-BookPod {
  background: #28A5FF !important;
  color: white;
  display: block;

}
@media screen and (min-width: 732px) {
  .admin-layout .Widget-BookPod .WidgetImg {
      width: 250px;
  }
}
@media screen and (max-width: 732px) {
  .admin-layout .Widget-BookPod .DashboardWidget-content {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
}
.admin-layout .Widget-BookPod:hover {
  background: #007FDB;
  color: white;
}
.admin-layout .Widget-BookPod-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 250px;
}
.admin-layout .Widget-BookPod .DashboardWidget-content {
    padding: 0 15px;
    display: flex;
}
.admin-layout .Widget-Upgrade .Button {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: #77838D;
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    padding: 15px 30px;
    padding-bottom: 10px;
  }
.admin-layout .Widget-Upgrade .WidgetImg {
    width: 250px;
  }
.admin-layout .Widget-News {
  padding-bottom: 0;
}
.admin-layout .Widget-News .DashboardWidget-content {
    padding: 0;
  }
.admin-layout .Widget-News h4, .admin-layout .Widget-News .u-text-light {
    margin-bottom: 2px;
  }
.admin-layout .Widget-News-sentTo {
    display: flex;
    align-items: center;
    margin-top: .5rem;
  }
.admin-layout .Widget-News-sentTo svg {
      height: 15px;
      width: 15px;
      fill: #28A5FF;
      margin-top: -2px;
    }
.admin-layout .Widget-News-sentTo span {
      display: block;
      line-height: 1;
    }
.admin-layout .Widget-News-message {
    border-bottom: 1px solid #D8E0E5;
    padding: 1rem
  }
.admin-layout .Widget-News-message:last-child {
  border: none;
}
.admin-layout .Widget-News-message a {
      text-decoration: underline;
      color: black;
}
.admin-layout .Widget-News-message a:hover {
  color: #007FDB;
}
.admin-layout .Widget-News-messageText {
    display: inline-block;
    word-break: break-word;
  }
.admin-layout .Widget-News-list {
    max-height: 500px;
    overflow-y: scroll;
    border-bottom: 1px solid #D8E0E5;
    box-shadow: inset 0 -10px 10px -10px #EEEEEE;
  }
.admin-layout .Widget-News-form {
    padding: 1rem;
  }
.admin-layout .Widget-News .MessageForm .FormRow {
      margin-bottom: 1rem;
      padding-left: 0;
      padding-right: 0;
    }
.admin-layout .Widget-News .MessageForm .Button {
      padding-right: .75rem;
    }
.admin-layout .Widget-News .MessageForm .Button svg {
        height: 20px;
        width: 20px;
        margin-bottom: 3px;
      }
.admin-layout .Widget-News .MessageForm .Button svg path {
          fill: white;
        }
.admin-layout .Widget-News .MessageForm .Button:hover svg path {
      fill: white;
    }
.admin-layout .Widget-Account .Account-lineItems {
    text-align: left;
    border-collapse: collapse;
  }
.admin-layout .Widget-Account .Account-lineItems td:first-child {
      width: 1px;
      white-space: nowrap;
    }
.admin-layout .Widget-Account .Account-lineItems td {
      padding: 0 5px;
      padding-top: 3px;
    }
.admin-layout .Widget-Account .Account-lineItems tr:nth-child(odd) {
      background: #F7F8FB;
    }
.admin-layout .Widget-Documents-document {
    display: flex;
    justify-content: space-between;
    padding: 1.5px 0 6.5px;
  }
.admin-layout .Widget-Documents-document + .admin-layout .Widget-Documents-document {
      border-top: 1px solid #D8E0E5;
    }
.admin-layout .Widget-Documents-document:first-child {
  padding-top: 0;
}
.admin-layout .Widget-Documents-document:last-child {
  padding-bottom: 0;
}
.admin-layout .Widget-Documents-document .document-status {
      font-size: 13px;
      color: #77838D;
}
.admin-layout .Widget-Documents-document img {
      padding-left: .5rem;
      margin-bottom: -3px;
}
.admin-layout .Widget-VendorNews {
  padding-bottom: 0;
}
.admin-layout .Widget-VendorNews .DashboardWidget-content {
    padding: 0;
  }
.admin-layout .Widget-VendorNews h4, .admin-layout .Widget-VendorNews .u-text-light {
    margin-bottom: 2px;
  }
.admin-layout .Widget-VendorNews-list {
    max-height: 300px;
    overflow-y: scroll;
  }
.admin-layout .Widget-VendorNews-sentTo {
    display: flex;
    align-items: center;
    margin-top: .5rem;
  }
.admin-layout .Widget-VendorNews-sentTo span {
      display: block;
      line-height: 1;
    }
.admin-layout .Widget-VendorNews-message {
    border-bottom: 1px solid #D8E0E5;
    padding: 1rem
  }
.admin-layout .Widget-VendorNews-message:last-child {
  border: none;
}
.admin-layout .Widget-VendorNews-message a {
      text-decoration: underline;
}
.admin-layout .Widget-Events {
  padding-bottom: 0;
}
.admin-layout .Widget-Events .DashboardWidget-content {
    padding: 0;
  }
.admin-layout .Widget-Events-event {
    position: relative;
    border-bottom: 1px solid #D8E0E5;
    padding: 1rem;
    cursor: pointer
  }
.admin-layout .Widget-Events-event:last-child {
  border: none;
}
.admin-layout .Widget-Events-event h4, .admin-layout .Widget-Events-event .u-text-light {
      margin-bottom: 2px;
}
.admin-layout .Widget-Events-event-podBadge {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      position: absolute;
      top: 10px;
      right: 1rem;
      background-color: #FDEEC2;
      border-radius: 22px;
      padding: 5px .75rem 0;
}
.admin-layout .Widget-Events-event-date {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.admin-layout .Widget-Events-event-date > div {
  display: flex;
  align-items: center;
}
.admin-layout .Widget-Events-event-date .icon-cal {
        margin-bottom: 4px;
}
.admin-layout .Widget-Events-event-date .icon-time {
        margin-bottom: 4px;
}
.admin-layout .Widget-Events-event-date .icon-arrow {
        margin-bottom: 2px;
}
.admin-layout .Widget-Messages-list {
    margin: -1rem !important;
  }
.admin-layout .Widget-Messages-message {
    border-bottom: 1px solid #D8E0E5;
    padding: 1rem;
    display: flex;
    color: black
  }
.admin-layout .Widget-Messages-message:hover {
  background: #F7F8FB;
  color: black;
}
.admin-layout .Widget-Messages-message-top {
      font-family: "gordita-medium", Helvetica, Arial, sans-serif;
      font-weight: 500;
      display: flex;
      justify-content: space-between;
}
.admin-layout .Widget-Messages-message:last-child {
  border: none;
}
.admin-layout .Widget-Messages-message img {
      height: 75px;
      margin-top: -.25rem;
      margin-left: -.25rem;
      margin-right: 1rem;
}
.admin-layout .DateTime {
  width: 100%;
}
.admin-layout .DateTime-datePicker {
  margin-bottom: 1rem;
}
.admin-layout .DateTime-datePicker .DayPicker {
    display: inline-block;
    max-width: 290px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
.admin-layout .DateTime-times {
  margin-bottom: 0;
}
.admin-layout .DateTime-time {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0;
}
.admin-layout .Document {
  background: white;
  border-bottom: 1px solid #ccc;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
  max-width: 450px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);

}
@media screen and (min-width: 732px) {
  .admin-layout .Document {
    font-size: 0.875rem;
    min-width: 300px;
  }
}
.admin-layout .Document--header {
    padding-bottom: .5rem !important;
}
.admin-layout .Document--section {
    padding: 0.75rem 1rem;
}
.admin-layout .Document--section--missing.admin-layout .Document--admin--true {
    display: none;
}
.admin-layout .Document--header + .admin-layout .Document--section {
    border-top: 1px solid #eee;
}
.admin-layout .Document--expiration {
    margin-top: 1rem;
}
.admin-layout .Document--expiration .FormRow {
      padding: 0;
    }
.admin-layout .Document .Status {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: white;
    border-radius: 3px;
    padding: 3px 8px 0 8px;
    min-width: 75px;
}
.admin-layout .Document .Status--approved {
      background-color: #4cbe58;
    }
.admin-layout .Document .Status--rejected {
      background-color: #fc5050;
    }
.admin-layout .Document .Status--submitted {
      background-color: #ECEDED;
    }
.admin-layout .Document .Status--missing, .admin-layout .Document .Status--expired {
      background-color: #293C82;
    }
.admin-layout .Document .icon {
    vertical-align: middle;
    font-size: 1rem;
    color: #A9ACB5;
    display: inline-block;
    margin-right: 0.5rem;
}
/* FlexForm ----------------------- */
.admin-layout .FlexForm .Fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  display: flex;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
  min-width: 0;
  padding-bottom: 0rem;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
}
.admin-layout .FlexForm--center {
  align-content: center;
}
.admin-layout .FlexForm hr {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0.5rem;
}
/* AdminFields ----------------------- */
.admin-layout .AdminFields {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
/* FormRow ----------------------- */
.admin-layout .FormRow {
  flex: 1 0 100%;
  margin-bottom: 2rem;
  padding: 0 0.75rem;
  position: relative;
}
.admin-layout .FormRow .Button {
    margin-bottom: 0;
  }
.admin-layout .FormRowHalfContainer {
    display: flex;
  }
.admin-layout .FormRowHalfContainer--center {
      width: 100%;
      align-items: center;
    }
@media screen and (max-width: 732px) {
  .admin-layout .FormRowHalfContainer {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.admin-layout {/* Modifiers */
}
@media screen and (min-width: 732px) {
  .admin-layout .FormRow--half {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 732px) {
  .admin-layout .FormRow--third {
    flex: 0 0 33.3333333333%;
  }
}
/* .FormRow--quarter {
  @mixin above $small {
    flex: 0 0 50%;
  }
  @mixin above $large {
    flex: 0 0 25%;
  }
} */
.admin-layout .FormRow--checkboxLabel input {
    display: inline-block;
    width: unset;
    height: unset;
    line-height: 1.75rem;
    margin-right: .5rem;
    vertical-align: text-top;
  }
.admin-layout .FormRow--checkboxLabel label {
    display: inline-block;
    cursor: pointer;
  }
/* FormLabel ----------------------- */
.admin-layout .FormLabel, .admin-layout .LabeledValue-label {
  margin-bottom: 0.25rem;
}
.admin-layout .FormLabel abbr[title=required], .admin-layout .LabeledValue-label abbr[title=required] {
    text-decoration: none;
    color: #fc5050;
  }
@media screen and (min-width: 732px) {
  .admin-layout .FormLabel, .admin-layout .LabeledValue-label {
    font-size: 1rem;
  }
}
.admin-layout .FormLabel--disabled {
  opacity: 0.4;
}
.admin-layout .FormLabel.FormLabel--secondary {
  font-size: 14px;
  text-transform: none;
  color: black;
  margin-left: .5rem;
  margin-top: .25rem;
}
.admin-layout .FormLabel.FormLabel--secondary-noMargins {
    margin-left: 0;
    margin-top: 0;
  }
/* LabeledValue ----------------------- */
.admin-layout .LabeledValue {
  margin-bottom: 1rem;
}
.admin-layout .LabeledValue-value--big {
  font-size: 1.35rem;
  line-height: 1.3;
}
.admin-layout .LabeledValue-label {
  opacity: 0.75;
  margin-bottom: 0.1rem;
}
/* TextInput ----------------------- */
.admin-layout .TextInput {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: white;
  border-radius: 4px;
  display: block;
  padding: 0.5em 0.75em .25rem;
  line-height: 1;
  transition: border 200ms;
  margin-bottom: 0;
  height: 3rem;
  width: 100%;
  border: 1px solid #D8E0E5;
}
.admin-layout .TextInput:focus {
  border: 1px solid #D8E0E5;
}
.admin-layout .TextInput::-moz-placeholder {
  color: #8A909B;
}
.admin-layout .TextInput::placeholder {
  color: #8A909B;
}
/* TextArea ----------------------- */
.admin-layout .TextArea {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: white;
  border-radius: 4px;
  display: block;
  padding: 0.5em 0.75em .25rem;
  line-height: 1;
  transition: border 200ms;
  margin-bottom: 0;
  height: 3rem;
  width: 100%;
  border: 1px solid #D8E0E5;
}
.admin-layout .TextArea:focus {
  border: 1px solid #D8E0E5;
}
.admin-layout .TextArea::-moz-placeholder {
  color: #8A909B;
}
.admin-layout .TextArea::placeholder {
  color: #8A909B;
}
.admin-layout .TextArea {
  width: 100%;
  line-height: 1.6;
  min-height: 5rem;
}
/* Checkbox ----------------------- */
.admin-layout .Checkbox {
  font-size: 0.875rem;
}
.admin-layout .Checkbox input[type=checkbox] {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
  }
/* RadioGroup ----------------------- */
.admin-layout .RadioGroup label {
    display: inline-block;
    margin-right: 1rem;
    font-size: 0.875rem;
  }
.admin-layout .RadioGroup label span {
      display: inline-block;
      margin-left: 0.4rem;
    }
.admin-layout .RadioGroup--custom input {
      margin-right: 0.25rem;
    }
.admin-layout .BlockCheckboxes .RadioGroup {
  display: flex;
  flex-wrap: wrap;
}
.admin-layout .BlockCheckboxes .RadioGroup > div {
  margin-bottom: .25rem;
}
.admin-layout .BlockCheckboxes .RadioGroup label {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 1rem 1.5rem;
    margin-right: -1px;
    height: 100%;
    border: 1px solid #D8E0E5;
    display: flex;
    align-items: center;
}
.admin-layout .BlockCheckboxes .RadioGroup label small {
      padding-top: .25rem;
      display: inline-block;
      font-size: 75%;
    }
.admin-layout .BlockCheckboxes .RadioGroup label:hover {
  cursor: pointer;
}
.admin-layout .BlockCheckboxes .RadioGroup input:checked + label,
  .admin-layout .BlockCheckboxes .RadioGroup input.selected + label {
    background: #28A5FF;
    color: white;
}
.admin-layout .BlockCheckboxes .RadioGroup > div:first-of-type label {
  border-radius: 4px 0 0 4px;
}
.admin-layout .BlockCheckboxes .RadioGroup > div:last-of-type label {
  border-radius: 0 4px 4px 0;
}
.admin-layout .BlockCheckboxes .RadioGroup input[type=checkbox] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
/* FileField ----------------------- */
.admin-layout .FileField {
  position: relative;
}
.admin-layout .FileField label {
    margin-bottom: 0.25rem;
  }
.admin-layout .FileField .UploadPlusButton {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #D8E0E5 dashed;
    border-radius: 4px;
  }
.admin-layout .FileField .UploadPlusButton .UploadPlusIcon {
      width: 30px;
      height: 30px;
      background: linear-gradient(to bottom, transparent 38%, #28A5FF 38%, #28A5FF 62%,  transparent 62%),
        linear-gradient(to right, transparent 38%, #28A5FF 38%, #28A5FF 62%, transparent 62%);
    }
.admin-layout .FileField .UploadPlusButton--large {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    border: 3px #C2C9CE dashed;
    color: #77838D;
    font-size: 1.1rem
  }
.admin-layout .FileField .UploadPlusButton--large:hover {
  border: 3px #28A5FF dashed;
}
.admin-layout .FileField .UploadPlusButton--large .UploadPlusIcon {
      margin-bottom: 0.75rem;
      width: 20px;
      height: 20px;
      background: linear-gradient(to bottom, transparent 40%, #77838D 40%, #77838D 60%,  transparent 60%),
        linear-gradient(to right, transparent 40%, #77838D 40%, #77838D 60%,  transparent 60%);
}
.admin-layout .FileField input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.admin-layout .FileField .icon-camera {
  font-size: 1.65rem;
  cursor: pointer;
}
/* ErrorExplanation ----------------------- */
.admin-layout .ErrorExplanation, .admin-layout .input .hint, .admin-layout .input .error, .admin-layout .FormRow .hint, .admin-layout .FileField .hint {
  margin-top: 0.4rem;
  font-size: 0.8rem;
  line-height: 1.3;
  display: block;
}
@media screen and (min-width: 732px) {
  .admin-layout .ErrorExplanation, .admin-layout .input .hint, .admin-layout .input .error, .admin-layout .FormRow .hint, .admin-layout .FileField .hint {
    font-size: 0.8rem;
  }
}
.admin-layout .hint {
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 1.2;
  color: #77838D;
}
.admin-layout .ErrorExplanation, .admin-layout .input .error {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #fc5050;
}
/* FormErrors ----------------------- */
.admin-layout .FormMessages {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  position: relative;
  background: #28A5FF;
  flex: 1 1 auto;
  color: white;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  padding-left: 4rem;
  vertical-align: middle;
}
.admin-layout .FormMessages .icon {
    opacity: 0.3;
    display: block;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    margin-top: 0.1em;
    font-size: 1.5rem;
    transform: translateY(-50%);
  }
.admin-layout .FormMessages h4 {
    width: 100%;
    color: white
  }
.admin-layout .FormMessages a {
    display: inline-block;
    color: white;
    border-bottom: 2px solid rgba(255,255,255,0.25);
  }
.admin-layout .FormMessages + .FormMessages {
  margin-top: -1rem;
}
.admin-layout .FormMessages--error {
  background: #28A5FF;
}
/* Date Filter */
.admin-layout .DateFilter {
  background: white;
  border-radius: 24px;
  border: 1px solid #D8E0E5;
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #77838D;
  padding: .25rem 10px;
}
.admin-layout .DateFilter .Filter-arrow-zone {
    padding-left: 5px;
    padding-top: 5px;
    cursor: pointer;
  }
.admin-layout .DateFilter .Filter-arrow {
    display: block
  }
.admin-layout .DateFilter .Filter-arrow:before {
  display: block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA03";
  color: #28A5FF;
}
.admin-layout .DateFilter--open .Filter-arrow:before {
    content: "\EA06";
  }
.admin-layout .DateFilter-changeWrapper {
  display: flex;
  vertical-align: middle;
}
.admin-layout .DateFilter-closeIcon {
  background: none;
  border: none;
  padding: 0;
  padding-left: .5rem;
  color: #999;
  font-size: 11px;
}
.admin-layout .DateFilter-closeIcon:hover {
  color: #D0021B;
}
.admin-layout .DateFilter-closeIcon:before {
  padding-top: 3px;
}
.admin-layout .DateFilter-button {
  background: none;
  vertical-align: middle;
  border: none;
  color: #433E36;
  font-size: 1.35rem;
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 1;
  transition: color 150ms;
}
.admin-layout .DateFilter-popOver {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.admin-layout .DateFilter-popOver .DayPicker {
    clear: both;
    padding: 0;
    padding-top: 1rem;
    border-radius: 4px;
  }
.admin-layout .DateFilter-popOver .DayPicker-Month {
    margin: 0;
  }
.admin-layout .DateFilter-popOver h5 {
    max-width: 50%;
    float: left;
    vertical-align: middle;
  }
.admin-layout .Required {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #fc5050;
  font-size: 0.625rem;
  margin-right: 1rem;
  margin-top: -1.25rem;
  position: absolute;
  right: 0;
  top: 6.25rem;
}
.admin-layout .InlineSearchContainer {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
}
.admin-layout .InlineSearchContainer .Button {
    height: 100%;
  }
.admin-layout .InlineSearch {
  display: flex;
  flex-grow: 1;
  border-radius: 20px;
  background: white;
  padding: 1rem;
  padding-top: 9.5px;
  padding-bottom: 5.5px;
  box-shadow: 2px 2px 16px #EEEEEE;

  @above {
    margin-right: 1rem;
  }
}
.admin-layout .InlineSearch img {
    margin-right: .5rem;
  }
.admin-layout .InlineSearch input {
    flex-grow: 1;
    border: none;
    min-width: 200px
  }
.admin-layout .InlineSearch input::-moz-placeholder {
  color: #77838D;
}
.admin-layout .InlineSearch input::placeholder {
  color: #77838D;
}
.admin-layout .ToggleWrapper {
  display: flex;
  align-items: center;
}
.admin-layout .ToggleWrapper-labelLeft,
  .admin-layout .ToggleWrapper-labelRight {
    line-height: 1;
    margin-top: 2px;
  }
.admin-layout .ToggleWrapper-labelLeft {
    margin-right: .5rem;
  }
.admin-layout .ToggleWrapper-labelRight {
    margin-left: .5rem;
  }
.admin-layout .FormLabel {
  font-family: "gordita-medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #77838D;
  text-transform: uppercase;
}
.admin-layout .FormLabel img {
    vertical-align: sub;
    margin-right: 3px;
  }
.admin-layout .BlogPostForm-published {
  width: 100%;
}
.admin-layout .BlogPostForm-published .FormRow {
    display: flex;
    padding-bottom: 1rem;
    height: 100%;
  }
.admin-layout .BlogPostForm-published .FormRow .ToggleWrapper {
      margin-left: auto;
    }
.admin-layout .FormRow .Select {
  display: flex;
}
.admin-layout .FormRow .Select.is-focused .Select-placeholder {
      opacity: 0;
}
.admin-layout .FormRow .Select .Select-control {
    height: 3rem;
}
.admin-layout .FormRow .Select .Select-placeholder,
  .admin-layout .FormRow .Select .Select-value-label,
  .admin-layout .FormRow .Select .Select-input {
    padding: 0.5em 0.75em .25rem;
}
.admin-layout .FormRow .Select .Select-value-label {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
}
.admin-layout .FormRow .Select .Select-placeholder,
  .admin-layout .FormRow .Select .Select-input > input {
    line-height: 34px;
}
.admin-layout .FormRow .Select .Select-input > input {
    padding: 0;
}
.admin-layout .FormRow .Select .Select-arrow-zone {
    vertical-align: unset;
}
.admin-layout .FormRow .Select .Select-clear {
    display: block;
    padding-top: 2px;
}
.admin-layout .FormRow .Select .Select-clear-zone {
    padding-right: .25rem;
}
.admin-layout .FormRow .Select .Select-multi-value-wrapper {
    height: 100%;
}
.admin-layout .FormSubmitContainer {
  display: flex;
  padding-top: 5rem;
  margin-top: auto;
}
.admin-layout .FormSubmitContainer .Button {
    flex: 1 1 50%;
    margin-right: .5rem;
  }
.admin-layout .FormSubmitContainer .Button + .admin-layout .FormSubmitContainer .Button {
      margin-left: 1rem;
    }
.admin-layout .FormSubmitContainer .ButtonParent {
    flex: 1 1 50%;
    margin-right: 1rem;
  }
.admin-layout .FormSubmitContainer .ButtonParent .Button {
      width: 100%;
    }
.admin-layout .FormRow--halfContainer {
  display: flex;
}
.admin-layout .FormRow--halfContainer .FormRow {
    flex: 0;
    padding: 0;
    margin: 0
  }
.admin-layout .FormRow--halfContainer .FormRow:last-child {
  padding-left: 1rem;
}
.admin-layout .FormRow--halfContainer .TextInput {
    width: 170px;
  }
.admin-layout .FormRow--halfContainer .TextInput-iconContainer .TextInput {
    width: 148px;
  }
.admin-layout .FormRow.FormRow--inline {
  display: flex;
  align-items: center;
}
.admin-layout .FormRow.FormRow--inline .FormLabel {
    margin-right: 1rem;
    margin-bottom: 0;
    line-height: 1;
    padding-top: 2px;
  }
.admin-layout .TextInput-iconContainer {
  width: 100%;
  border: 1px solid #D8E0E5;
  display: flex;
  border-radius: 4px;
  align-items: center;
}
.admin-layout .TextInput-iconContainer .TextInput {
    border: none;
    padding-left: .25rem;
    height: calc(3rem - 2px);
  }
.admin-layout .TextInput-iconContainer .TextInput-icon {
    color: #77838D;
    padding-left: .75rem;
    padding-top: 4px;
  }
.admin-layout .TextInput-iconContainer.TextInput-iconContainer--dark .TextInput-icon {
    background: #D8E0E5;
    color: #433E36;
    font-weight: bold;
    padding: 13px 16px;
    padding-top: 15px;
    line-height: 1;
  }
.admin-layout .TextInput-iconContainer.TextInput-iconContainer--dark .TextInput {
    padding-left: .75rem;
  }
.admin-layout .geosuggest {
  position: relative;
  width: 100%;
}
.admin-layout .geosuggest__input {
  font-family: "gordita-regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: white;
  border-radius: 4px;
  display: block;
  padding: 0.5em 0.75em .25rem;
  line-height: 1;
  transition: border 200ms;
  margin-bottom: 0;
  height: 3rem;
  width: 100%;
  border: 1px solid #D8E0E5;
}
.admin-layout .geosuggest__input:focus {
  border: 1px solid #D8E0E5;
}
.admin-layout .geosuggest__input::-moz-placeholder {
  color: #8A909B;
}
.admin-layout .geosuggest__input::placeholder {
  color: #8A909B;
}
.admin-layout .geosuggest__input {
  width: 100%;
}
.admin-layout .geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0;
  margin-top: -1px;
  background: #fff;
  border: 1px solid #D8E0E5;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  border-radius: 0 0 4px 4px;
  margin-top: -4px;

}
.admin-layout .geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}
.admin-layout .geosuggest__item {
  color: black;
  border-color: #D8E0E5;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  cursor: pointer;
  z-index: 5;
  position: relative;
}
.admin-layout .geosuggest__item:hover,
.admin-layout .geosuggest__item:focus,
.admin-layout .geosuggest__item--active,
.admin-layout .geosuggest__item--active:hover,
.admin-layout .geosuggest__item--active:focus {
  background-color: #E3EFF6;
  color: black;
}
.admin-layout .MenuItem {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #D8E0E5;
  border-radius: 4px;
  padding: .5rem;
  width: 100%
}
.admin-layout .MenuItem:not(:last-child) {
  margin-bottom: .5rem;
}
.admin-layout .MenuItem > div:not(:last-child) {
  margin-right: 1rem;
}
.admin-layout .MenuItem .IconButton {
    margin-bottom: -0.5rem;
}
.admin-layout .MenuItem-imageIcon {
  background-size: cover;
  background-position: center center;
  height: 40px;
  width: 40px;
}
.admin-layout .MenuItem-name {
  width: 25%;
}
@media screen and (max-width: 732px) {
  .admin-layout .MenuItem-name {
    width: 50%;
  }
}
.admin-layout .MenuItem-category {
  width: 25%;
}
.admin-layout .MenuItem-delete {
  margin-left: auto;
}
.admin-layout .MenuItem-imageContainer {
  background: #F7F8FB;
  border-radius: 4px;
  overflow: hidden;
  height: 40px;
  width: 40px;
  min-width: 40px;
  margin-right: 2rem;
}
.admin-layout .MenuItem-image {
  display: inline-block;
  position: relative;
}
.admin-layout .MenuItem-image img {
    height: 120px;
  }
.admin-layout .MenuItem-image-delete {
    background-color: white;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1rem;
    height: 20px;
    line-height: 1.65;
    position: absolute;
    right: 0.5rem;
    text-align: center;
    top: 0.5rem;
    width: 20px;
  }
.admin-layout .Pagination a {
    color: black
  }
.admin-layout .Pagination a:hover {
  color: #77838D;
}
.admin-layout .PhotoItems {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.75rem;
}
.admin-layout .PhotoItem {
  flex-basis: 33.3333%;
  border-radius: 4px;
  padding: 0.75rem;
  border-radius: 4px;
  height: 16vw;
  max-height: 300px;
}
.admin-layout .PhotoItem h4 {
    width: 100%;
    max-width: 10rem !important;
  }
.admin-layout .PhotoItem img {
    display: block;
    max-width: 100%;
  }
.admin-layout .PhotoItem--upload .FileField {
      height: 100%;
    }
.admin-layout .PhotoItem--upload .Button {
      width: 100%;
      height: 100%;
    }
@media screen and (max-width: 900px) {
  .admin-layout .PhotoItem {
    flex-basis: 50%;
    height: 30vw;
  }
}
@media screen and (max-width: 732px) {
  .admin-layout .PhotoItem {
    flex-basis: 100%;
    height: 60vw;
  }
}
.admin-layout .PhotoItem-image {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
}
.admin-layout .PhotoItem-image-delete {
    background-color: white;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1rem;
    height: 20px;
    line-height: 1.65;
    position: absolute;
    right: 0.5rem;
    text-align: center;
    top: 0.5rem;
    width: 20px;
  }
.admin-layout .PhotoItem-image-delete {
  margin-left: auto;
}
.admin-layout .PhotoItem-name {
  margin-bottom: 0;
}
.admin-layout .PhotoItem-description {
  margin-bottom: 0;
}
.admin-layout .PhotoItem-price {
  margin-bottom: 0;
  font-style: italic;
}
.admin-layout .ProgressCounter {
  text-align: center;
  cursor: default;
  padding-top: 3rem;
  margin-top: auto;
}
.admin-layout .ProgressCounter-step {
  font-family: "gordita-bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background: #D8E0E5;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  text-align: center;
  border-radius: 50%;
  line-height: 1;
  margin: 0 0.2rem;
  position: relative;
}
.admin-layout .ProgressCounter-step--current {
  background: #28A5FF;
  color: white;
}
.admin-layout .ProgressCounter-stepNumber {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.admin-layout .DayPicker {
  background: white;
  border: 1px solid #D8E0E5;
}
.admin-layout .DayPicker-popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.admin-layout .DayPicker-popup .DayPicker {
    clear: both;
    padding: 0;
    padding-top: 1rem;
    border-radius: 4px;
  }
.admin-layout .DayPicker-Day {
  line-height: 1.5;
  padding: 7.5px;
  padding-top: 8.5px;
  padding-bottom: 4.5px;
}
.admin-layout .DayPicker-Day--today {
    color: #28A5FF;
  }
.admin-layout .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #28A5FF;
}
.admin-layout .Select-control {
  border-color: #D8E0E5 !important;
  height: 32px;
  border-radius: 4px
}
.admin-layout .Select-control:hover {
  box-shadow: none;
}
.admin-layout .Select-input {
  height: 100%;
}
.admin-layout .Select-placeholder {
  color: #77838D;
}
.admin-layout .Select-value-label,
.admin-layout .Select--single > .Select-control .Select-value,
.admin-layout .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.admin-layout .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: black;
}
.admin-layout .Select.is-focused:not(.is-open) > .Select-control {
  border-color: #D8E0E5;
  box-shadow: none;
}
.admin-layout .Select-menu-outer {
  border: 1px solid #D8E0E5;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.admin-layout .Select-option {
  padding: 5px 10px;
  padding-bottom: 2px
}
.admin-layout .Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.admin-layout .Select-option.is-selected,
  .admin-layout .Select-option.is-focused {
  background-color: #E3EFF6;
}
.admin-layout .Select.Select--blueArrow.is-open > .Select-control .Select-arrow {
  top: unset;
}
.admin-layout .Select.Select--blueArrow.is-open > .Select-control .Select-arrow:before {
  content: "\EA06";
}
.admin-layout .Select.Select--blueArrow .Select-arrow-zone {
    padding-top: 2px;
}
.admin-layout .Select.Select--blueArrow .Select-arrow {
    border: none !important;
    height: unset;
    width: unset;
    display: block;
}
.admin-layout .Select.Select--blueArrow .Select-arrow:before {
  display: block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA03";
  color: #28A5FF;
}
.admin-layout .Select.Select--rounded .Select-control {
    border-radius: 24px;
  }
.admin-layout .Select--multi .Select-value {
  border: none;
  background-color: #F7F8FB;
  border-radius: 24px;
  color: black;
  margin-left: 0.75em;
  margin-top: 8px;
}
.admin-layout .Select--multi .Select-value .Select-value-icon,
  .admin-layout .Select--multi .Select-value .Select-value-label {
  }
.admin-layout .Select--multi .Select-value .Select-value-icon {
    border: none;
    padding-top: .5rem;
    padding-left: .5rem
  }
.admin-layout .Select--multi .Select-value .Select-value-icon:hover {
  background: none;
  color: #D0021B;
}
.admin-layout .Select--multi .Select-value .Select-value-label {
    padding-right: 8px;
  }
.admin-layout .Select--multi .Select-input {
  margin: 0 !important;
}
.admin-layout .Select.Select--rounded {
  min-width: 150px;
}
.admin-layout .Select.Select--rounded .Select-control {
    border-radius: 16px;
  }
.admin-layout .Select.Select--rounded.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.admin-layout .Select.Select--rounded .Select-option {
    color: #77838D;
}
.admin-layout .Select.Select--rounded .Select-placeholder,
  .admin-layout .Select.Select--rounded .Select-value-label,
  .admin-layout .Select.Select--rounded .Select--single > .Select-control .Select-value,
  .admin-layout .Select.Select--rounded .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .admin-layout .Select.Select--rounded .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #77838D !important;
}
.admin-layout .Select.Select--rounded .Select-clear {
    padding-top: 6px;
}
.admin-layout .RulePicker-options {
  display: flex;
}
.admin-layout .RulePicker-options label {
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    height: 100%;
    border: 1px solid #D8E0E5;
    display: flex;
    align-items: center;
  }
.admin-layout .RulePicker-options label small {
      padding-top: .25rem;
      display: inline-block;
      font-size: 75%;
    }
.admin-layout .RulePicker-options label:hover {
  cursor: pointer;
}
.admin-layout .RulePicker-options input:checked + label,
  .admin-layout .RulePicker-options input.selected + label {
    background: #28A5FF;
    color: white;
  }
.admin-layout .RulePicker-options > div:first-of-type label {
  border-radius: 24px 0 0 24px;
}
.admin-layout .RulePicker-options > div:last-of-type label {
  border-radius: 0 24px 24px 0;
}
.admin-layout .RulePicker-options input[type=radio] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.admin-layout .RulePicker-rule {
  align-self: stretch;
  margin-top: 1rem;
}
.admin-layout .RulePicker-rule input[type=text] {
    width: 20px;
    display: inline-block;
  }
.admin-layout .summary {
  font-size: 0.875rem;
}
.admin-layout .btn {
  color: #666;
  font-size: 0.75rem;
  cursor: pointer;
  background: #ffffff;
  padding: 5px 8px 5px 8px;
  width: 100%;
  border: solid #dfe0e4 1px;
  border-right: none;
  text-decoration: none;
  text-align: center
}
.admin-layout .btn.save {
  width: 25%;
  display: table;
  margin: 0px auto;
  display: none;
}
.admin-layout .btn:hover, .admin-layout .btn.active {
  background: #28A5FF;
  text-decoration: none;
  color: white;
}
.admin-layout .DayOfWeekPicker {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: no-wrap;
  position: relative;
  max-width: 375px;
}
.admin-layout .RulePicker-weekly .DayOfWeekPicker {
  max-width: 325px;
}
.admin-layout .DayOfWeekPicker-label {
  margin-top: 2px;
  font-size: 0.75rem;
  white-space: nowrap;
  margin-right: 1rem;
}
.admin-layout .DayOfWeekPicker-day {
  flex: 1 1 14%;
}
.admin-layout .DayOfWeekPicker-day .Button {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-weight: bold;
    color: #77838D;
    background: #D8E0E5;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    padding-top: calc((36px - 1rem) / 2)
  }
.admin-layout .DayOfWeekPicker-day .Button.active {
  color: white;
  background: #28A5FF;
}
.admin-layout .DayOfMonthPicker {
  margin-top: 1rem;
}
.admin-layout .DayOfMonthPicker-row {
  display: flex;
  flex-direction: row;
  border: 1px solid #D8E0E5;
  border-bottom: none
}
.admin-layout .DayOfMonthPicker-row:last-child {
  border-bottom: 1px solid #D8E0E5;
}
.admin-layout .DayOfMonthPicker-day {
  flex: 1 1 14%;
  border-right: 1px solid #D8E0E5;
  cursor: pointer
}
.admin-layout .DayOfMonthPicker-day:last-child {
  border-right: none;
}
.admin-layout .DayOfMonthPicker-day > div {
    height: 100%;
    width: 100%;
    padding-top: 3px;
    text-align: center;
}
.admin-layout .DayOfMonthPicker-day > div.active {
  background: #28A5FF;
  color: white;
}
.admin-layout .DayOfMonthPicker-lastDay {
  flex: 1 1 57%;
}
.admin-layout .Switch {

}
.admin-layout .Switch.FormRow + .admin-layout .Switch.FormRow {
    margin-top: -1rem;
  }
.admin-layout .Switch--spaced .ToggleWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.admin-layout .Switch--spaced .ToggleWrapper-labelLeft {
    font-family: "gordita-medium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
  }
.admin-layout .Switch--horizontal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.admin-layout .Switch--horizontal label {
    text-wrap: nowrap;
    margin-bottom: 0;
    line-height: 1;
    padding-top: 7px;
  }
.admin-layout .Switch--horizontal .ToggleWrapper {
    margin-right: 2rem;
  }
@media screen and (max-width: 732px) {
  .admin-layout .Switch--horizontal {
    flex-direction: column;
    margin-bottom: 2rem !important;
  }
  .admin-layout .Switch--horizontal .ToggleWrapper {
      margin-top: .7rem;
  }
}
.admin-layout .PaneForm .Switch--horizontal .ToggleWrapper {
    margin-right: 0;
  }
.admin-layout .rc-time-picker {
  width: 170px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
.admin-layout .rc-time-picker * {
    box-sizing: border-box;
  }
.admin-layout .rc-time-picker-input {
  width: 100%;
  cursor: text;
  border: 1px solid #D8E0E5;
}
.admin-layout .rc-time-picker-input,
.admin-layout .rc-time-picker-panel-input {
  font-size: 1rem;
  display: inline-block;
  position: relative;
  background: white;
  padding: 0.5em 0.75em 0.25rem;
  line-height: 1;
  border-radius: 4px;
  height: 3rem;
}
.admin-layout .rc-time-picker-panel {
  z-index: 1510;
  width: 170px;
  position: absolute;
  box-sizing: border-box;
  padding-top: 2px;
}
.admin-layout .rc-time-picker-panel * {
    box-sizing: border-box;
  }
.admin-layout .rc-time-picker-panel-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #D8E0E5;
    line-height: 1.5;
  }
.admin-layout .rc-time-picker-panel-input {
    margin: 0;
    width: 100%;
    cursor: auto;
    outline: 0;
    border: none;
  }
.admin-layout .rc-time-picker-panel-input-wrap {
      box-sizing: border-box;
      position: relative;
      border-bottom: 1px solid #e9e9e9;
    }
.admin-layout .rc-time-picker-panel-input-invalid {
      border-color: red;
    }
.admin-layout .rc-time-picker-panel-clear-btn {
  position: absolute;
  right: 6px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 6px;
  margin: 0
}
.admin-layout .rc-time-picker-panel-clear-btn:after {
  content: "x";
  font-size: 12px;
  color: #aaa;
  display: inline-block;
  line-height: 1;
  width: 20px;
  transition: color 0.3s ease;
}
.admin-layout .rc-time-picker-panel-clear-btn:hover:after {
  color: #666;
}
.admin-layout .rc-time-picker-panel-select {
  float: left;
  font-size: 12px;
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  margin-left: -1px;
  box-sizing: border-box;
  width: 56px;
  overflow: hidden;
  overflow-y: scroll;
  position: relative;
}
/* Fix chrome weird render bug */
.admin-layout .rc-time-picker-panel-select-active {
    overflow-y: auto;
  }
.admin-layout .rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.admin-layout .rc-time-picker-panel-select:last-child {
  border-right: 0;
}
.admin-layout .rc-time-picker-panel-select ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 144px;
}
.admin-layout .rc-time-picker-panel-select li {
    list-style: none;
    box-sizing: content-box;
    margin: 0;
    padding: 0 0 0 16px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.admin-layout .rc-time-picker-panel-select li:hover {
  background: #edfaff;
}
li.admin-layout .rc-time-picker-panel-select-option-selected {
    background: #edfaff;
    color: #2db7f5;
}
li.admin-layout .rc-time-picker-panel-select-option-disabled {
    color: #bfbfbf;
}
li.admin-layout .rc-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.admin-layout .TruckDocument {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem;
}
.admin-layout .TruckDocument-label {
    line-height: 1;
    padding-top: 4px;
  }
.admin-layout .TruckDocument-label a {
      margin-left: .75rem;
    }
.admin-layout .TruckDocument-actions {
    display: flex;
    align-items: center;
  }
.admin-layout .TruckDocument + .admin-layout .TruckDocument {
    border-top: 1px solid #D8E0E5;
  }
.admin-layout .TruckDocument .document-status {
    margin-left: 1rem
  }
.admin-layout .TruckDocument .document-status > div {
  display: flex !important;
  align-items: center;
}
@media screen and (max-width: 732px) {
  .admin-layout .TruckDocument {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1rem 0;
    border-top: none !important;
  }
  .admin-layout .TruckDocument-label {
      margin-bottom: .5rem;
  }
  .admin-layout .TruckDocument .document-status {
      margin-left: .5rem;
  }
}

/* Colors */
/* Max Widths */
/* Breakpoints */
/* Padding and margins */
/* Font sizing */
/* Timing */
.bK6nvv_HnZqvOiGAcYA1 {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow-y: auto;
}
.mHNtwMRmha88_T4EYLTo {
  max-width: 400px;
  min-width: 300px;
  background: white;
  border-radius: 4px;
  padding: 1rem;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
}
.Zpq9kYpiSC7fsCY3Fek0 {
  text-align: center;
}
.cYe9tPCxXDONRpWjZAVm {
  max-width: 430px;
  padding: 2rem;
}


/*# sourceMappingURL=5835-c007a222.css.map*/