@charset "UTF-8";
/* Variables.scss
 * Global variables used throughout source files
 */
/* Variables--system.scss
 * System-level variables used throughout source files
 */
/* Variables--admin.scss
 * Admin-level variables used throughout source files
 */
/* Mixins.scss
 * Global mixins used throughout source files
 */
/* Mixins--system.scss
 * System-level mixins used throughout source files
 */
/* Mixins--admin.scss
 * Admin-level mixins used throughout source files
 */
.cp-Tabs-list .cp-Tabs-link, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoSearch-button, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:after, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  border: 1px solid;
  border-color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 42px;
  margin: 0;
  /*outline: none;*/
  padding: 0 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 240ms cubic-bezier(0.45, 0.45, 0.45, 1), border-color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (max-width: 19.999em) {
  .is-hiddenAt--xnarrow- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 20em) {
  .is-hiddenAt--narrow\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 20em) and (max-width: 31.999em) {
  .is-hiddenAt--narrow {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 31.999em) {
  .is-hiddenAt--narrow- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 32em) {
  .is-hiddenAt--medium\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 32em) and (max-width: 44.999em) {
  .is-hiddenAt--medium {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 44.999em) {
  .is-hiddenAt--medium- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 45em) {
  .is-hiddenAt--wide\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 45em) and (max-width: 59.999em) {
  .is-hiddenAt--wide {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 59.999em) {
  .is-hiddenAt--wide- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 60em) {
  .is-hiddenAt--xwide\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 19.999em) {
  .is-vHiddenAt--xnarrow- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 20em) {
  .is-vHiddenAt--narrow\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 20em) and (max-width: 31.999em) {
  .is-vHiddenAt--narrow {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 31.999em) {
  .is-vHiddenAt--narrow- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 32em) {
  .is-vHiddenAt--medium\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 32em) and (max-width: 44.999em) {
  .is-vHiddenAt--medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 44.999em) {
  .is-vHiddenAt--medium- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 45em) {
  .is-vHiddenAt--wide\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 45em) and (max-width: 59.999em) {
  .is-vHiddenAt--wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 59.999em) {
  .is-vHiddenAt--wide- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 60em) {
  .is-vHiddenAt--xwide\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

.is-hidden {
  display: none !important;
  visibility: hidden;
}

.is-vHidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.is-invisible {
  visibility: hidden;
}

.cp-clearfix:before, .cp-clearfix:after {
  display: table;
  content: "";
}
.cp-clearfix:after {
  clear: both;
}

.cp-ir {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cp-ir br {
  display: none;
}

.cp-semanticList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.cp-userTextSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.cp-truncateText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-noWrap {
  white-space: nowrap;
}

.cp-cursor--draggable {
  cursor: move;
}

.cp-cursor--pointer {
  cursor: pointer;
}

.cp-cursor--text {
  cursor: text;
}

.cp-cursor--default {
  cursor: default;
}

.sp-hidden {
  display: none;
}

@media (max-width: 31.999em) {
  .cp-narrowPadding {
    padding: 1rem;
  }
}

/* Borealis Loader */
.is-loading:not(body) {
  position: relative;
}

.cp-LoadingWrap.cp-LoadingWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.cp-Loading {
  color: #242424;
  display: none;
  left: 50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  transition: opacity 360ms cubic-bezier(0.45, 0.45, 0.45, 1);
  z-index: 0;
}
.is-loading .cp-Loading {
  display: block;
  opacity: 1;
  z-index: 801;
}
.cp-Loading > svg {
  height: 60px;
  margin-bottom: 2rem;
}

.cp-Loading-dots {
  display: block;
}

.cp-Loading-dot {
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  display: inline-block;
  margin: 0 0.25rem;
  animation: dots 1.667s infinite ease-in-out;
  animation-fill-mode: both;
}
.cp-Loading-dot:nth-child(1) {
  background-color: #cc0020;
}
.cp-Loading-dot:nth-child(2) {
  background-color: #ed7600;
  animation-delay: 0.3s;
}
.cp-Loading-dot:nth-child(3) {
  background-color: #f2cc00;
  animation-delay: 0.6s;
}
.cp-Loading-dot:nth-child(4) {
  background-color: #00aeaa;
  animation-delay: 0.9s;
}
.cp-Loading-dot:nth-child(5) {
  background-color: #006cf6;
  animation-delay: 1.2s;
}

.cp-Loading-dot--mini {
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
  position: absolute;
  top: 50%;
  animation: miniDots 7.5s infinite ease-in-out;
}

@keyframes dots {
  0%, 100% {
    opacity: 0.75;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes miniDots {
  0%, 100% {
    background-color: #cc0020;
  }
  6%, 26%, 46%, 66%, 86% {
    transform: scale(1);
    opacity: 1;
  }
  14%, 34%, 54%, 74%, 94% {
    opacity: 0.75;
    transform: scale(0.5);
  }
  20% {
    background-color: #ed7600;
  }
  40% {
    background-color: #f2cc00;
  }
  60% {
    background-color: #00aeaa;
  }
  80% {
    background-color: #006cf6;
  }
}
.cp-Loading-message {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 2rem;
}

.cp-Loading-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
  top: 0;
  z-index: 800;
}
.is-loading:not(body) .cp-Loading-overlay {
  display: block;
  opacity: 1;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * Force everything to use a sensible box model
 */
* {
  box-sizing: border-box;
}

/*
 * And then undo it for module content
 */
.moduleContentNew,
.moduleContentNew * {
  box-sizing: content-box;
}

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  box-sizing: content-box;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 *

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
/* =============================================================================
   Links
   ========================================================================== */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
/* ul, ol { margin: 1em 0; padding: 0 0 0 40px; } */
/* dd { margin: 0 0 0 40px; } */
ul,
ol,
dd {
  margin: 0;
  padding: 0;
}

.BioText ul,
.BioText ol,
.BioText dd,
.DirectoryNormalText ul,
.DirectoryNormalText ol,
.DirectoryNormalText dd {
  padding-left: 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 * 3. Make them respond to container width
 */
img {
  border: 0;
  box-sizing: border-box !important;
  height: auto;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%;
}

img[height],
img[width] {
  max-width: none;
}

[data-cprole=banner].empty img[height],
[data-cprole=banner].empty img[width] {
  max-width: 100%;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label[for] {
  cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 * 4. Form buttons were making the font-size too large
 */
button,
input:not(.formButton),
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

.formButton {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * Consistent box sizing and appearance
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  font-weight: normal;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

table > caption {
  caption-side: bottom;
}

address {
  font-style: normal;
}

.narrow .col.inner,
.narrow .widgetSpacer {
  height: auto !important;
}

.narrow .autoWidths .col.outer {
  width: auto !important;
}

/*Styles for image alignment within editor(for normal and slideshow images)*/
.wide .floatLeft,
.wide .floatRight,
.wide .floatCenter,
.wide .floatJustify,
.editorEditMode .floatRight,
.editorEditMode .floatLeft,
.editorEditMode .floatCenter,
.editorEditMode .floatJustify {
  display: block;
}

.wide .floatLeft,
.editorEditMode .floatLeft {
  float: left;
  margin: 0 1em 1em 0;
}

.wide .floatRight,
.editorEditMode .floatRight {
  float: right;
  margin: 0 0 1em 1em;
}

.wide .floatCenter,
.editorEditMode .floatCenter {
  margin: 0 auto;
  text-align: center;
}

/*Styles for image alignment within editor(for normal and slideshow images) ends*/
.fr-buttons {
  background: #ffffff !important;
}

/*
 * GRID FRAMEWORK
 *
 * Column = {1em | <- ( # / 12 or 24 ) % -> | 1em}
 *
 */
/* For debugging */
.cpGrid .row.wide {
  align-items: stretch;
  display: flex;
  flex-grow: 0;
}

.cpGrid .row.wide.last {
  flex-grow: 1;
}

.cpGrid.debug {
  outline: 1px dotted rgba(0, 255, 0, 0.5);
}

.cpGrid.debug .col {
  min-height: 3.3em;
  outline: 1px dotted rgba(255, 0, 0, 0.5);
  position: relative;
}

.cpGrid.debug .col:after {
  background-color: rgba(255, 0, 0, 0.25);
  content: attr(class);
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  left: 1em;
  text-align: center;
}

.cpGrid.debug .outer:after {
  left: 0;
  right: 0;
}

/* END debugging */
.cpGrid:before,
.cpGrid:after,
.cpGrid .row:before,
.cpGrid .row:after {
  display: table;
  content: "";
}

.cpGrid:after,
.cpGrid .row:after {
  clear: both;
}

.cpGrid .col {
  margin: 0;
}

.cpGrid .wide > .col {
  display: flex;
  flex: none;
  flex-direction: column;
}

.cpGrid.horizontalGutters {
  margin-left: -1em;
  margin-right: -1em;
}

.cpGrid.horizontalGutters .col {
  padding-left: 1em;
  padding-right: 1em;
}

.cpGrid.verticalGutters {
  margin-top: -1em;
  margin-bottom: -1em;
}

.cpGrid.verticalGutters .col {
  padding-top: 1em;
  padding-bottom: 1em;
}

.cpGrid .col.first {
  clear: left;
}

/* Simple nesting (no .row <div>s or .outer 
   classes needed), and more complex nesting:

   <div.row.outer>
     <div.col.col6.outer>
       <div.row.inner.nest>
         <div.col.col3.inner>
         <div.col.col3.inner>
       </div>
     </div>
     <div.col.col6.outer>
       <div.row.inner.nest>
         <div.col.col3.inner>
         <div.col.col3.inner>
       </div>
     </div>
   </div>

*/
.cpGrid .col.outer {
  padding: 0;
}

.cpGrid .row .col.outer.first,
.cpGrid .col.outer .col.first {
  clear: none;
}

/*
.cpGrid .col .col.floatLeft  { float: left;  }
.cpGrid .col .col.floatRight { float: right; }

.cpGrid .col .col.floatParent
{
	float: none;
	width: 100%;
}
*/
.cpGrid .autoWidths.left {
  text-align: left;
}

.cpGrid .autoWidths.right {
  text-align: right;
}

.cpGrid .autoWidths.center {
  text-align: center;
}

.cpGrid .autoWidths.wide > .col,
.cpGrid .autoWidths > .row.wide > .col {
  display: inline-block;
  float: none;
  vertical-align: top;
}

/* These numbers allow for 2-12 and 24 column grids, with nesting throughout */
.cpGrid24 .wide > .col1 {
  width: 4.166666667%;
}

.cpGrid24 .wide > .col2 {
  width: 8.333333333%;
}

.cpGrid24 .wide > .col3 {
  width: 12.5%;
}

.cpGrid24 .wide > .col4 {
  width: 16.666666667%;
}

.cpGrid24 .wide > .col5 {
  width: 20.833333333%;
}

.cpGrid24 .wide > .col6 {
  width: 25%;
}

.cpGrid24 .wide > .col7 {
  width: 29.166666667%;
}

.cpGrid24 .wide > .col8 {
  width: 33.333333333%;
}

.cpGrid24 .wide > .col9 {
  width: 37.5%;
}

.cpGrid24 .wide > .col10 {
  width: 41.666666667%;
}

.cpGrid24 .wide > .col11 {
  width: 45.833333333%;
}

.cpGrid24 .wide > .col12 {
  width: 50%;
}

.cpGrid24 .wide > .col13 {
  width: 54.166666667%;
}

.cpGrid24 .wide > .col14 {
  width: 58.333333333%;
}

.cpGrid24 .wide > .col15 {
  width: 62.5%;
}

.cpGrid24 .wide > .col16 {
  width: 66.666666667%;
}

.cpGrid24 .wide > .col17 {
  width: 70.833333333%;
}

.cpGrid24 .wide > .col18 {
  width: 75%;
}

.cpGrid24 .wide > .col19 {
  width: 79.166666667%;
}

.cpGrid24 .wide > .col20 {
  width: 83.333333333%;
}

.cpGrid24 .wide > .col21 {
  width: 87.5%;
}

.cpGrid24 .wide > .col22 {
  width: 91.666666667%;
}

.cpGrid24 .wide > .col23 {
  width: 95.833333333%;
}

.cpGrid24 .wide:not(.autoWidths) > .col24.col24 {
  width: 100%;
}

.cpGrid .col23 .wide > .col1 {
  width: 4.347826087%;
}

.cpGrid .col23 .wide > .col2 {
  width: 8.695652174%;
}

.cpGrid .col23 .wide > .col3 {
  width: 13.043478261%;
}

.cpGrid .col23 .wide > .col4 {
  width: 17.391304348%;
}

.cpGrid .col23 .wide > .col5 {
  width: 21.739130435%;
}

.cpGrid .col23 .wide > .col6 {
  width: 26.086956522%;
}

.cpGrid .col23 .wide > .col7 {
  width: 30.434782608%;
}

.cpGrid .col23 .wide > .col8 {
  width: 34.782608696%;
}

.cpGrid .col23 .wide > .col9 {
  width: 39.130434783%;
}

.cpGrid .col23 .wide > .col10 {
  width: 43.47826087%;
}

.cpGrid .col23 .wide > .col11 {
  width: 47.826086957%;
}

.cpGrid .col23 .wide > .col12 {
  width: 52.173913043%;
}

.cpGrid .col23 .wide > .col13 {
  width: 56.52173913%;
}

.cpGrid .col23 .wide > .col14 {
  width: 60.869565217%;
}

.cpGrid .col23 .wide > .col15 {
  width: 65.217391304%;
}

.cpGrid .col23 .wide > .col16 {
  width: 69.565217391%;
}

.cpGrid .col23 .wide > .col17 {
  width: 73.913043478%;
}

.cpGrid .col23 .wide > .col18 {
  width: 78.260869565%;
}

.cpGrid .col23 .wide > .col19 {
  width: 82.608695652%;
}

.cpGrid .col23 .wide > .col20 {
  width: 86.956521739%;
}

.cpGrid .col23 .wide > .col21 {
  width: 91.304347826%;
}

.cpGrid .col23 .wide > .col22 {
  width: 95.652173913%;
}

.cpGrid .col23 .wide > .col23 {
  width: 100%;
}

.cpGrid .col22 .wide > .col1 {
  width: 4.545454545%;
}

.cpGrid .col22 .wide > .col2 {
  width: 9.090909091%;
}

.cpGrid .col22 .wide > .col3 {
  width: 13.636363636%;
}

.cpGrid .col22 .wide > .col4 {
  width: 18.181818181%;
}

.cpGrid .col22 .wide > .col5 {
  width: 22.727272727%;
}

.cpGrid .col22 .wide > .col6 {
  width: 27.272727273%;
}

.cpGrid .col22 .wide > .col7 {
  width: 31.818181818%;
}

.cpGrid .col22 .wide > .col8 {
  width: 36.363636364%;
}

.cpGrid .col22 .wide > .col9 {
  width: 40.909090909%;
}

.cpGrid .col22 .wide > .col10 {
  width: 45.454545455%;
}

.cpGrid .col22 .wide > .col11 {
  width: 50%;
}

.cpGrid .col22 .wide > .col12 {
  width: 54.545454545%;
}

.cpGrid .col22 .wide > .col13 {
  width: 59.090909091%;
}

.cpGrid .col22 .wide > .col14 {
  width: 63.636363636%;
}

.cpGrid .col22 .wide > .col15 {
  width: 68.181818182%;
}

.cpGrid .col22 .wide > .col16 {
  width: 72.727272727%;
}

.cpGrid .col22 .wide > .col17 {
  width: 77.272727273%;
}

.cpGrid .col22 .wide > .col18 {
  width: 81.818181818%;
}

.cpGrid .col22 .wide > .col19 {
  width: 86.363636364%;
}

.cpGrid .col22 .wide > .col20 {
  width: 90.909090909%;
}

.cpGrid .col22 .wide > .col21 {
  width: 95.454545455%;
}

.cpGrid .col22 .wide > .col22 {
  width: 100%;
}

.cpGrid .col21 .wide > .col1 {
  width: 4.761904762%;
}

.cpGrid .col21 .wide > .col2 {
  width: 9.523809524%;
}

.cpGrid .col21 .wide > .col3 {
  width: 14.285714286%;
}

.cpGrid .col21 .wide > .col4 {
  width: 19.047619048%;
}

.cpGrid .col21 .wide > .col5 {
  width: 23.80952381%;
}

.cpGrid .col21 .wide > .col6 {
  width: 28.571428571%;
}

.cpGrid .col21 .wide > .col7 {
  width: 33.333333333%;
}

.cpGrid .col21 .wide > .col8 {
  width: 38.095238095%;
}

.cpGrid .col21 .wide > .col9 {
  width: 42.857142857%;
}

.cpGrid .col21 .wide > .col10 {
  width: 47.619047619%;
}

.cpGrid .col21 .wide > .col11 {
  width: 52.380952381%;
}

.cpGrid .col21 .wide > .col12 {
  width: 57.142857143%;
}

.cpGrid .col21 .wide > .col13 {
  width: 61.904761905%;
}

.cpGrid .col21 .wide > .col14 {
  width: 66.666666667%;
}

.cpGrid .col21 .wide > .col15 {
  width: 71.428571429%;
}

.cpGrid .col21 .wide > .col16 {
  width: 76.19047619%;
}

.cpGrid .col21 .wide > .col17 {
  width: 80.952380952%;
}

.cpGrid .col21 .wide > .col18 {
  width: 85.714285714%;
}

.cpGrid .col21 .wide > .col19 {
  width: 90.476190476%;
}

.cpGrid .col21 .wide > .col20 {
  width: 95.238095238%;
}

.cpGrid .col21 .wide > .col21 {
  width: 100%;
}

.cpGrid .col20 .wide > .col1 {
  width: 5%;
}

.cpGrid .col20 .wide > .col2 {
  width: 10%;
}

.cpGrid .col20 .wide > .col3 {
  width: 15%;
}

.cpGrid .col20 .wide > .col4 {
  width: 20%;
}

.cpGrid .col20 .wide > .col5 {
  width: 25%;
}

.cpGrid .col20 .wide > .col6 {
  width: 30%;
}

.cpGrid .col20 .wide > .col7 {
  width: 35%;
}

.cpGrid .col20 .wide > .col8 {
  width: 40%;
}

.cpGrid .col20 .wide > .col9 {
  width: 45%;
}

.cpGrid .col20 .wide > .col10 {
  width: 50%;
}

.cpGrid .col20 .wide > .col11 {
  width: 55%;
}

.cpGrid .col20 .wide > .col12 {
  width: 60%;
}

.cpGrid .col20 .wide > .col13 {
  width: 65%;
}

.cpGrid .col20 .wide > .col14 {
  width: 70%;
}

.cpGrid .col20 .wide > .col15 {
  width: 75%;
}

.cpGrid .col20 .wide > .col16 {
  width: 80%;
}

.cpGrid .col20 .wide > .col17 {
  width: 85%;
}

.cpGrid .col20 .wide > .col18 {
  width: 90%;
}

.cpGrid .col20 .wide > .col19 {
  width: 95%;
}

.cpGrid .col20 .wide > .col20 {
  width: 100%;
}

.cpGrid .col19 .wide > .col1 {
  width: 5.263157895%;
}

.cpGrid .col19 .wide > .col2 {
  width: 10.526315789%;
}

.cpGrid .col19 .wide > .col3 {
  width: 15.789473684%;
}

.cpGrid .col19 .wide > .col4 {
  width: 21.052631579%;
}

.cpGrid .col19 .wide > .col5 {
  width: 26.315789474%;
}

.cpGrid .col19 .wide > .col6 {
  width: 31.578947368%;
}

.cpGrid .col19 .wide > .col7 {
  width: 36.842105263%;
}

.cpGrid .col19 .wide > .col8 {
  width: 42.105263158%;
}

.cpGrid .col19 .wide > .col9 {
  width: 47.368421053%;
}

.cpGrid .col19 .wide > .col10 {
  width: 52.631578947%;
}

.cpGrid .col19 .wide > .col11 {
  width: 57.894736842%;
}

.cpGrid .col19 .wide > .col12 {
  width: 63.157894737%;
}

.cpGrid .col19 .wide > .col13 {
  width: 68.421052632%;
}

.cpGrid .col19 .wide > .col14 {
  width: 73.684210526%;
}

.cpGrid .col19 .wide > .col15 {
  width: 78.947368421%;
}

.cpGrid .col19 .wide > .col16 {
  width: 84.210526316%;
}

.cpGrid .col19 .wide > .col17 {
  width: 89.473684211%;
}

.cpGrid .col19 .wide > .col18 {
  width: 94.736842105%;
}

.cpGrid .col19 .wide > .col19 {
  width: 100%;
}

.cpGrid .col18 .wide > .col1 {
  width: 5.555555555%;
}

.cpGrid .col18 .wide > .col2 {
  width: 11.111111111%;
}

.cpGrid .col18 .wide > .col3 {
  width: 16.666666667%;
}

.cpGrid .col18 .wide > .col4 {
  width: 22.222222222%;
}

.cpGrid .col18 .wide > .col5 {
  width: 27.777777778%;
}

.cpGrid .col18 .wide > .col6 {
  width: 33.333333333%;
}

.cpGrid .col18 .wide > .col7 {
  width: 38.888888889%;
}

.cpGrid .col18 .wide > .col8 {
  width: 44.444444444%;
}

.cpGrid .col18 .wide > .col9 {
  width: 50%;
}

.cpGrid .col18 .wide > .col10 {
  width: 55.555555555%;
}

.cpGrid .col18 .wide > .col11 {
  width: 61.111111111%;
}

.cpGrid .col18 .wide > .col12 {
  width: 66.666666667%;
}

.cpGrid .col18 .wide > .col13 {
  width: 72.222222222%;
}

.cpGrid .col18 .wide > .col14 {
  width: 77.777777778%;
}

.cpGrid .col18 .wide > .col15 {
  width: 83.333333333%;
}

.cpGrid .col18 .wide > .col16 {
  width: 88.888888889%;
}

.cpGrid .col18 .wide > .col17 {
  width: 94.444444444%;
}

.cpGrid .col18 .wide > .col18 {
  width: 100%;
}

.cpGrid .col17 .wide > .col1 {
  width: 5.882352941%;
}

.cpGrid .col17 .wide > .col2 {
  width: 11.764705882%;
}

.cpGrid .col17 .wide > .col3 {
  width: 17.647058824%;
}

.cpGrid .col17 .wide > .col4 {
  width: 23.529411765%;
}

.cpGrid .col17 .wide > .col5 {
  width: 29.411764706%;
}

.cpGrid .col17 .wide > .col6 {
  width: 35.294117647%;
}

.cpGrid .col17 .wide > .col7 {
  width: 41.176470588%;
}

.cpGrid .col17 .wide > .col8 {
  width: 47.058823529%;
}

.cpGrid .col17 .wide > .col9 {
  width: 52.941176471%;
}

.cpGrid .col17 .wide > .col10 {
  width: 58.823529412%;
}

.cpGrid .col17 .wide > .col11 {
  width: 64.705882353%;
}

.cpGrid .col17 .wide > .col12 {
  width: 70.588235294%;
}

.cpGrid .col17 .wide > .col13 {
  width: 76.470588236%;
}

.cpGrid .col17 .wide > .col14 {
  width: 82.352941176%;
}

.cpGrid .col17 .wide > .col15 {
  width: 88.235294118%;
}

.cpGrid .col17 .wide > .col16 {
  width: 94.117647059%;
}

.cpGrid .col17 .wide > .col17 {
  width: 100%;
}

.cpGrid .col16 .wide > .col1 {
  width: 6.25%;
}

.cpGrid .col16 .wide > .col2 {
  width: 12.5%;
}

.cpGrid .col16 .wide > .col3 {
  width: 18.75%;
}

.cpGrid .col16 .wide > .col4 {
  width: 25%;
}

.cpGrid .col16 .wide > .col5 {
  width: 31.25%;
}

.cpGrid .col16 .wide > .col6 {
  width: 37.5%;
}

.cpGrid .col16 .wide > .col7 {
  width: 43.75%;
}

.cpGrid .col16 .wide > .col8 {
  width: 50%;
}

.cpGrid .col16 .wide > .col9 {
  width: 56.25%;
}

.cpGrid .col16 .wide > .col10 {
  width: 62.5%;
}

.cpGrid .col16 .wide > .col11 {
  width: 68.75%;
}

.cpGrid .col16 .wide > .col12 {
  width: 75%;
}

.cpGrid .col16 .wide > .col13 {
  width: 81.25%;
}

.cpGrid .col16 .wide > .col14 {
  width: 87.5%;
}

.cpGrid .col16 .wide > .col15 {
  width: 93.75%;
}

.cpGrid .col16 .wide > .col16 {
  width: 100%;
}

.cpGrid .col15 .wide > .col1 {
  width: 6.666666667%;
}

.cpGrid .col15 .wide > .col2 {
  width: 13.333333333%;
}

.cpGrid .col15 .wide > .col3 {
  width: 20%;
}

.cpGrid .col15 .wide > .col4 {
  width: 26.666666667%;
}

.cpGrid .col15 .wide > .col5 {
  width: 33.333333333%;
}

.cpGrid .col15 .wide > .col6 {
  width: 40%;
}

.cpGrid .col15 .wide > .col7 {
  width: 46.666666667%;
}

.cpGrid .col15 .wide > .col8 {
  width: 53.333333333%;
}

.cpGrid .col15 .wide > .col9 {
  width: 60%;
}

.cpGrid .col15 .wide > .col10 {
  width: 66.666666667%;
}

.cpGrid .col15 .wide > .col11 {
  width: 73.333333333%;
}

.cpGrid .col15 .wide > .col12 {
  width: 80%;
}

.cpGrid .col15 .wide > .col13 {
  width: 86.666666667%;
}

.cpGrid .col15 .wide > .col14 {
  width: 93.333333333%;
}

.cpGrid .col15 .wide > .col15 {
  width: 100%;
}

.cpGrid .col14 .wide > .col1 {
  width: 7.142857143%;
}

.cpGrid .col14 .wide > .col2 {
  width: 14.285714286%;
}

.cpGrid .col14 .wide > .col3 {
  width: 21.428571429%;
}

.cpGrid .col14 .wide > .col4 {
  width: 28.571428571%;
}

.cpGrid .col14 .wide > .col5 {
  width: 35.714285714%;
}

.cpGrid .col14 .wide > .col6 {
  width: 42.857142857%;
}

.cpGrid .col14 .wide > .col7 {
  width: 50%;
}

.cpGrid .col14 .wide > .col8 {
  width: 57.142857143%;
}

.cpGrid .col14 .wide > .col9 {
  width: 64.285714286%;
}

.cpGrid .col14 .wide > .col10 {
  width: 71.428571429%;
}

.cpGrid .col14 .wide > .col11 {
  width: 78.571428571%;
}

.cpGrid .col14 .wide > .col12 {
  width: 85.714285714%;
}

.cpGrid .col14 .wide > .col13 {
  width: 92.857142857%;
}

.cpGrid .col14 .wide > .col14 {
  width: 100%;
}

.cpGrid .col13 .wide > .col1 {
  width: 7.692307692%;
}

.cpGrid .col13 .wide > .col2 {
  width: 15.384615385%;
}

.cpGrid .col13 .wide > .col3 {
  width: 23.076923077%;
}

.cpGrid .col13 .wide > .col4 {
  width: 30.769230769%;
}

.cpGrid .col13 .wide > .col5 {
  width: 38.461538462%;
}

.cpGrid .col13 .wide > .col6 {
  width: 46.153846154%;
}

.cpGrid .col13 .wide > .col7 {
  width: 53.846153846%;
}

.cpGrid .col13 .wide > .col8 {
  width: 61.538461538%;
}

.cpGrid .col13 .wide > .col9 {
  width: 69.230769231%;
}

.cpGrid .col13 .wide > .col10 {
  width: 76.923076923%;
}

.cpGrid .col13 .wide > .col11 {
  width: 84.615384615%;
}

.cpGrid .col13 .wide > .col12 {
  width: 92.307692308%;
}

.cpGrid .col13 .wide > .col13 {
  width: 100%;
}

.cpGrid12 .row.wide > .col1 {
  width: 8.333333333%;
}

.cpGrid12 .row.wide > .col2 {
  width: 16.666666666%;
}

.cpGrid12 .row.wide > .col3 {
  width: 24.999999999%;
}

.cpGrid12 .row.wide > .col4 {
  width: 33.333333333%;
}

.cpGrid12 .row.wide > .col5 {
  width: 41.666666666%;
}

.cpGrid12 .row.wide > .col6 {
  width: 49.999999999%;
}

.cpGrid12 .row.wide > .col7 {
  width: 58.333333333%;
}

.cpGrid12 .row.wide > .col8 {
  width: 66.666666666%;
}

.cpGrid12 .row.wide > .col9 {
  width: 74.999999999%;
}

.cpGrid12 .row.wide > .col10 {
  width: 83.333333333%;
}

.cpGrid12 .row.wide > .col11 {
  width: 91.666666666%;
}

.cpGrid12 .row.wide > .col12 {
  width: 100%;
}

.cpGrid .col12 .wide > .col1 {
  width: 8.333333333%;
}

.cpGrid .col12 .wide > .col2 {
  width: 16.666666667%;
}

.cpGrid .col12 .wide > .col3 {
  width: 25%;
}

.cpGrid .col12 .wide > .col4 {
  width: 33.333333333%;
}

.cpGrid .col12 .wide > .col5 {
  width: 41.666666667%;
}

.cpGrid .col12 .wide > .col6 {
  width: 50%;
}

.cpGrid .col12 .wide > .col7 {
  width: 58.333333333%;
}

.cpGrid .col12 .wide > .col8 {
  width: 66.666666667%;
}

.cpGrid .col12 .wide > .col9 {
  width: 75%;
}

.cpGrid .col12 .wide > .col10 {
  width: 83.333333333%;
}

.cpGrid .col12 .wide > .col11 {
  width: 91.666666667%;
}

.cpGrid .col12 .wide > .col12 {
  width: 100%;
}

.cpGrid11 .row.wide > .col1 {
  width: 9.09090909%;
}

.cpGrid11 .row.wide > .col2 {
  width: 18.181818181%;
}

.cpGrid11 .row.wide > .col3 {
  width: 27.272727272%;
}

.cpGrid11 .row.wide > .col4 {
  width: 36.363636363%;
}

.cpGrid11 .row.wide > .col5 {
  width: 45.454545454%;
}

.cpGrid11 .row.wide > .col6 {
  width: 54.545454545%;
}

.cpGrid11 .row.wide > .col7 {
  width: 63.636363636%;
}

.cpGrid11 .row.wide > .col8 {
  width: 72.727272727%;
}

.cpGrid11 .row.wide > .col9 {
  width: 81.818181818%;
}

.cpGrid11 .row.wide > .col10 {
  width: 90.909090909%;
}

.cpGrid11 .row.wide > .col11 {
  width: 100%;
}

.cpGrid .col11 .wide > .col1 {
  width: 9.09090909%;
}

.cpGrid .col11 .wide > .col2 {
  width: 18.181818181%;
}

.cpGrid .col11 .wide > .col3 {
  width: 27.272727272%;
}

.cpGrid .col11 .wide > .col4 {
  width: 36.363636363%;
}

.cpGrid .col11 .wide > .col5 {
  width: 45.454545454%;
}

.cpGrid .col11 .wide > .col6 {
  width: 54.545454545%;
}

.cpGrid .col11 .wide > .col7 {
  width: 63.636363636%;
}

.cpGrid .col11 .wide > .col8 {
  width: 72.727272727%;
}

.cpGrid .col11 .wide > .col9 {
  width: 81.818181818%;
}

.cpGrid .col11 .wide > .col10 {
  width: 90.909090909%;
}

.cpGrid .col11 .wide > .col11 {
  width: 100%;
}

.cpGrid10 .row.wide > .col1 {
  width: 10%;
}

.cpGrid10 .row.wide > .col2 {
  width: 20%;
}

.cpGrid10 .row.wide > .col3 {
  width: 30%;
}

.cpGrid10 .row.wide > .col4 {
  width: 40%;
}

.cpGrid10 .row.wide > .col5 {
  width: 50%;
}

.cpGrid10 .row.wide > .col6 {
  width: 60%;
}

.cpGrid10 .row.wide > .col7 {
  width: 70%;
}

.cpGrid10 .row.wide > .col8 {
  width: 80%;
}

.cpGrid10 .row.wide > .col9 {
  width: 90%;
}

.cpGrid10 .row.wide > .col10 {
  width: 100%;
}

.cpGrid .col10 .wide > .col1 {
  width: 10%;
}

.cpGrid .col10 .wide > .col2 {
  width: 20%;
}

.cpGrid .col10 .wide > .col3 {
  width: 30%;
}

.cpGrid .col10 .wide > .col4 {
  width: 40%;
}

.cpGrid .col10 .wide > .col5 {
  width: 50%;
}

.cpGrid .col10 .wide > .col6 {
  width: 60%;
}

.cpGrid .col10 .wide > .col7 {
  width: 70%;
}

.cpGrid .col10 .wide > .col8 {
  width: 80%;
}

.cpGrid .col10 .wide > .col9 {
  width: 90%;
}

.cpGrid .col10 .wide > .col10 {
  width: 100%;
}

.cpGrid9 .row.wide > .col1 {
  width: 11.111111111%;
}

.cpGrid9 .row.wide > .col4 {
  width: 22.222222222%;
}

.cpGrid9 .row.wide > .col3 {
  width: 33.333333333%;
}

.cpGrid9 .row.wide > .col4 {
  width: 44.444444444%;
}

.cpGrid9 .row.wide > .col5 {
  width: 55.555555555%;
}

.cpGrid9 .row.wide > .col6 {
  width: 66.666666666%;
}

.cpGrid9 .row.wide > .col7 {
  width: 77.777777777%;
}

.cpGrid9 .row.wide > .col8 {
  width: 88.888888888%;
}

.cpGrid9 .row.wide > .col9 {
  width: 100%;
}

.cpGrid .col9 .wide > .col1 {
  width: 11.111111111%;
}

.cpGrid .col9 .wide > .col4 {
  width: 22.222222222%;
}

.cpGrid .col9 .wide > .col3 {
  width: 33.333333333%;
}

.cpGrid .col9 .wide > .col4 {
  width: 44.444444444%;
}

.cpGrid .col9 .wide > .col5 {
  width: 55.555555555%;
}

.cpGrid .col9 .wide > .col6 {
  width: 66.666666666%;
}

.cpGrid .col9 .wide > .col7 {
  width: 77.777777777%;
}

.cpGrid .col9 .wide > .col8 {
  width: 88.888888888%;
}

.cpGrid .col9 .wide > .col9 {
  width: 100%;
}

.cpGrid8 .row.wide > .col1 {
  width: 12.5%;
}

.cpGrid8 .row.wide > .col2 {
  width: 25%;
}

.cpGrid8 .row.wide > .col3 {
  width: 37.5%;
}

.cpGrid8 .row.wide > .col4 {
  width: 50%;
}

.cpGrid8 .row.wide > .col5 {
  width: 62.5%;
}

.cpGrid8 .row.wide > .col6 {
  width: 75%;
}

.cpGrid8 .row.wide > .col7 {
  width: 87.5%;
}

.cpGrid8 .row.wide > .col8 {
  width: 100%;
}

.cpGrid .col8 .wide > .col1 {
  width: 12.5%;
}

.cpGrid .col8 .wide > .col2 {
  width: 25%;
}

.cpGrid .col8 .wide > .col3 {
  width: 37.5%;
}

.cpGrid .col8 .wide > .col4 {
  width: 50%;
}

.cpGrid .col8 .wide > .col5 {
  width: 62.5%;
}

.cpGrid .col8 .wide > .col6 {
  width: 75%;
}

.cpGrid .col8 .wide > .col7 {
  width: 87.5%;
}

.cpGrid .col8 .wide > .col8 {
  width: 100%;
}

.cpGrid7 .row.wide > .col1 {
  width: 14.285714285%;
}

.cpGrid7 .row.wide > .col2 {
  width: 28.571428571%;
}

.cpGrid7 .row.wide > .col3 {
  width: 42.857142857%;
}

.cpGrid7 .row.wide > .col4 {
  width: 57.142857142%;
}

.cpGrid7 .row.wide > .col5 {
  width: 71.428571428%;
}

.cpGrid7 .row.wide > .col6 {
  width: 85.714285714%;
}

.cpGrid7 .row.wide > .col7 {
  width: 100%;
}

.cpGrid .col7 .wide > .col1 {
  width: 14.285714285%;
}

.cpGrid .col7 .wide > .col2 {
  width: 28.571428571%;
}

.cpGrid .col7 .wide > .col3 {
  width: 42.857142857%;
}

.cpGrid .col7 .wide > .col4 {
  width: 57.142857142%;
}

.cpGrid .col7 .wide > .col5 {
  width: 71.428571428%;
}

.cpGrid .col7 .wide > .col6 {
  width: 85.714285714%;
}

.cpGrid .col7 .wide > .col7 {
  width: 100%;
}

.cpGrid6 .row.wide > .col1 {
  width: 16.666666666%;
}

.cpGrid6 .row.wide > .col2 {
  width: 33.333333333%;
}

.cpGrid6 .row.wide > .col3 {
  width: 50%;
}

.cpGrid6 .row.wide > .col4 {
  width: 66.666666666%;
}

.cpGrid6 .row.wide > .col5 {
  width: 83.333333333%;
}

.cpGrid6 .row.wide > .col6 {
  width: 100%;
}

.cpGrid .col6 .wide > .col1 {
  width: 16.666666666%;
}

.cpGrid .col6 .wide > .col2 {
  width: 33.333333333%;
}

.cpGrid .col6 .wide > .col3 {
  width: 50%;
}

.cpGrid .col6 .wide > .col4 {
  width: 66.666666666%;
}

.cpGrid .col6 .wide > .col5 {
  width: 83.333333333%;
}

.cpGrid .col6 .wide > .col6 {
  width: 100%;
}

.cpGrid5 .row.wide > .col1 {
  width: 20%;
}

.cpGrid5 .row.wide > .col2 {
  width: 40%;
}

.cpGrid5 .row.wide > .col3 {
  width: 60%;
}

.cpGrid5 .row.wide > .col4 {
  width: 80%;
}

.cpGrid5 .row.wide > .col5 {
  width: 100%;
}

.cpGrid .col5 .wide > .col1 {
  width: 20%;
}

.cpGrid .col5 .wide > .col2 {
  width: 40%;
}

.cpGrid .col5 .wide > .col3 {
  width: 60%;
}

.cpGrid .col5 .wide > .col4 {
  width: 80%;
}

.cpGrid .col5 .wide > .col5 {
  width: 100%;
}

.cpGrid4 .row.wide > .col1 {
  width: 25%;
}

.cpGrid4 .row.wide > .col2 {
  width: 50%;
}

.cpGrid4 .row.wide > .col3 {
  width: 75%;
}

.cpGrid4 .row.wide > .col4 {
  width: 100%;
}

.cpGrid .col4 .wide > .col1 {
  width: 25%;
}

.cpGrid .col4 .wide > .col2 {
  width: 50%;
}

.cpGrid .col4 .wide > .col3 {
  width: 75%;
}

.cpGrid .col4 .wide > .col4 {
  width: 100%;
}

.cpGrid3 .row.wide > .col1 {
  width: 33.333333333%;
}

.cpGrid3 .row.wide > .col2 {
  width: 66.666666666%;
}

.cpGrid3 .row.wide > .col3 {
  width: 100%;
}

.cpGrid .col3 .wide > .col1 {
  width: 33.333333333%;
}

.cpGrid .col3 .wide > .col2 {
  width: 66.666666666%;
}

.cpGrid .col3 .wide > .col3 {
  width: 100%;
}

.cpGrid2 .row.wide > .col1 {
  width: 50%;
}

.cpGrid2 .row.wide > .col2 {
  width: 100%;
}

.cpGrid .col2 .wide > .col1 {
  width: 50%;
}

.cpGrid .col2 .wide > .col2 {
  width: 100%;
}

.cpGrid1 .row.wide > .col1 {
  width: 100%;
}

.cpGrid1 > .col1.col1 {
  width: 100%;
}

.cpGrid .col1 .col1 {
  width: 100%;
}

.cpGrid .autoWidths.wide .col {
  width: auto;
}

/**
 * Menu.css — Desktop navigation, mega menu, side nav, accordion, and live edit styles.
 *
 * The legacy jQuery mobile menu (.rwd-*, .js-navopen, .narrow.narrow slide-out)
 * has been removed. Mobile navigation is now handled entirely by the React
 * MobileMenu component in MainNav.tsx with scoped CSS-in-JS (useMobileMenuStyles).
 *
 * The hamburger button (.nav-btn) styles have also been ported to React CSS-in-JS.
 * The button retains the .nav-btn class name for skin compatibility.
 */
/* --- Page layout wrappers --- */
.outer-wrap {
  position: relative;
  width: 100%;
}

.inner-wrap {
  position: relative;
  width: 100%;
}

#mainNav {
  z-index: 2;
}

/* --- Desktop nav structure --- */
.wide .siteNav,
.wide .siteNav > .inner,
.wide .siteNav .inner > .inner {
  position: relative;
  z-index: 2;
}

.wide .rootNavMenu,
.wide .navMenu,
.wide .megaMenu ul,
.wide .megaMenu ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wide .mainNav:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.wide .mainNav .rootNavMenu {
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
}

.siteNav .topMenuItem,
.navMenu .subMenuItem,
.megaMenu > ul li,
.megaMenu .inner > ul li,
.megaMenu > ol li,
.megaMenu .inner > ol li {
  position: relative;
}

.navMainItem,
.navMenuItem,
.megaMenu > ol li > a,
.megaMenu .inner > ol li > a,
.megaMenu > ul li > a,
.megaMenu .inner > ul li > a {
  display: block;
}

.wide .siteNav .topMenuItem {
  display: block;
  z-index: 5;
}

.wide .siteNav .topMenuItem:hover {
  z-index: 6;
}

.wide .mainNav .topMenuItem {
  /*  float: left;*/
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal;
  white-space: nowrap;
}

/* --- Desktop submenus --- */
.wide .navMenu {
  left: 100%;
  position: absolute;
  /*visibility: hidden;*/
  top: 0;
  z-index: 5;
}

.wide .navMenu.flipLeft {
  left: auto;
  right: 100%;
}

.wide .navMenu.flipRight {
  left: 100%;
  right: auto;
}

.wide .subMenuItem {
  border-top-style: none;
  white-space: nowrap;
}

.wide .subMenuItem:first-child > .navMenuItem {
  border-top: 0;
}

.wide .subMenuItem:last-child > .navMenuItem {
  border-bottom: 0;
}

.wide .mainNav > ul > li > .navMenu,
.wide .mainNav .inner > ul > li > .navMenu,
.wide .mainNav > ol > li > .navMenu,
.wide .mainNav .inner > ol > li > .navMenu {
  left: 0;
  min-width: 100%;
  top: 100%;
}

/* --- Accessibility (expand button focus states) --- */
.mainNav .visuallyhidden:focus,
.rootNavMenu .visuallyhidden:focus,
.secondaryNav .visuallyhidden:focus,
.navMenu .visuallyhidden:focus {
  background-color: white;
  clip: auto;
  height: auto;
  overflow: visible;
}

.secondaryNav .visuallyhidden:focus {
  position: absolute;
  left: 100%;
  top: 30%;
  font-size: 12px;
  width: 100%;
}

.navMenu .visuallyhidden:focus {
  position: absolute;
  left: 100%;
  top: 30%;
  font-size: 12px;
}

.mainNav .visuallyhidden:focus {
  position: absolute;
  font-size: 12px;
  width: auto;
}

/* --- Side nav accordion button reset --- */
button.openAccordionNav {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: inherit;
}

/* --- Desktop nav text and indicators --- */
.wide .navMainItem span,
.wide .navMenuItem span {
  display: block;
}

/* --- Mega menus --- */
.wide .megaMenu {
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 5;
}

.wide .megaMenu.openAbove {
  bottom: 100%;
  top: auto;
}

/* Removing the spacing from the grid system when within mega menus */
.wide .megaMenu .cpGrid {
  margin: 0;
}

.wide .megaMenu .col.outer {
  padding: 0;
  position: relative;
}

.wide .megaMenu .col.outer:before,
.wide .megaMenu .col.outer:after {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
}

.wide .megaMenu .col.outer.first:before {
  display: none;
}

.wide .megaMenu .col.outer.last:after {
  display: none;
}

/* --- Items with children (arrow indicators) --- */
.wide .navMenuItem > span > span,
.wide .thingToDrag > span > span {
  padding: 5px 25px 5px 5px;
  white-space: nowrap;
}

.wide .topMenuItem .withChildren,
.wide .subMenuItem .withChildren,
.wide .navMenu .navMenuItem.inside {
  padding-right: 26px !important;
}

.wide .topMenuItem .withChildren:after,
.wide .subMenuItem .withChildren:after {
  border-left-style: solid;
  border-left-width: 8px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin-top: -4px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  z-index: 2;
}

/* --- Live edit indicators --- */
.wide .topMenuItem > .indicator,
.wide .subMenuItem > .indicator {
  background: url(/Areas/Pages/Assets/Images/LiveEditMenuIndicatorBkg.png);
  background: rgba(255, 255, 255, 0.75);
  height: 0;
  transition: height 0.3s;
}

.wide .topMenuItem.hover > .indicator,
.wide .subMenuItem.hover > .indicator {
  border-style: dotted;
  border-width: 2px;
  height: 12px;
}

.wide .mainNav .topMenuItem {
  transition: padding 0.3s;
}

.wide .mainNav .topMenuItem > .indicator {
  left: 0;
  position: absolute;
  transition-property: width;
  top: 0;
  width: 0;
}

.wide .mainNav .topMenuItem.hover {
  padding-left: 12px;
}

.wide .mainNav .topMenuItem.hover > .indicator {
  width: 12px;
}

/* --- Secondary nav --- */
.wide .secondaryNav > ol > li > a:link,
.wide .secondaryNav .inner > ol > li > a:link {
  padding-right: 20px;
}

/* --- Drag handles (live edit) --- */
.wide .topMenuItem a.grippy,
.wide .subMenuItem a.grippy,
.wide .widgetPages ol li > h4 > a.grippy,
.wide .widgetPages ul li > h4 > a.grippy,
.wide .widgetPages ol li > p > a.grippy,
.wide .widgetPages ul li > p > a.grippy,
.wide .widgetPages ol li > a.grippy,
.wide .widgetPages ul li > a.grippy {
  background: url(/Assets/Images/IconMoveMenuItem.png?v=092020) no-repeat center center !important;
  cursor: move;
  display: none;
  height: 15px;
  margin-top: -8px;
  padding: 0;
  position: absolute;
  text-align: left;
  text-indent: -9999px;
  top: 50%;
  right: 5px;
  width: 15px;
  z-index: 3;
}

.wide .widgetPages ol li > h4 > a.addPage,
.wide .widgetPages ul li > h4 > a.addPage,
.wide .widgetPages ol li > a.addPage,
.wide .widgetPages ul li > a.addPage {
  display: none;
}

.wide .megaMenu ul li > h4 > a.addPage,
.wide .megaMenu ul li > a.addPage,
.wide .megaMenu ol li > h4 > a.addPage,
.wide .megaMenu ol li > a.addPage {
  display: block;
}

.wide .megaMenu ul li > h4 > a.grippy,
.wide .megaMenu ol li > h4 > a.grippy,
.wide .megaMenu ul li > p > a.grippy,
.wide .megaMenu ol li > p > a.grippy {
  top: 10px;
}

.wide .topMenuItem:hover > a.grippy,
.wide .subMenuItem:hover > a.grippy,
.wide .megaMenu .pinned ul li > h4:hover > a.grippy,
.wide .megaMenu .pinned ul li > p:hover > a.grippy,
.wide .megaMenu .pinned ul li:hover > a.grippy,
.wide .megaMenu .pinned ol li > h4:hover > a.grippy,
.wide .megaMenu .pinned ol li > p:hover > a.grippy,
.wide .megaMenu .pinned ol li:hover > a.grippy {
  display: block;
}

.wide .megaMenu .pinned ul li.level2,
.wide .megaMenu .pinned ol li.level2 {
  position: relative;
}

.wide .megaMenu .megaMenudragging.pinned .megaMenuTarget {
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
}

.wide .megaMenu .megaMenudragging.pinned .megaMenuIndicator.hover {
  background-color: White;
  border: 1px dashed black;
  height: 10px;
}

.wide .megaMenuContainer .pageContent {
  min-height: 100px;
}

.wide .siteNav .thingToDrag .wide .navMenu .thingToDrag {
  cursor: move;
  display: inline-block !important;
  position: absolute !important;
  z-index: 10;
}

.wide .siteNav .thingToDrag.withChildren:before .wide .navMenu .thingToDrag.withChildren:before {
  border-style: none solid solid none;
  border-width: 0 5px 5px 0;
  bottom: -5px;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  right: -5px;
  top: 5px;
  z-index: -1;
}

.wide .featureArea.pages ol ol {
  margin-left: 20px;
}

/* Overwriting template.css */
.wide .sideNav > ol > li > a,
.wide .sideNav .inner > ol > li > a {
  width: auto;
}

/* --- Live edit controls --- */
.wide .siteNav > .liveEditControl,
.wide .siteNav .inner > .liveEditControl {
  left: -3px;
  position: absolute;
  width: 300px;
  top: -14px;
  z-index: 6;
}

.wide .mainNav > .liveEditControl,
.wide .mainNav .inner > .liveEditControl {
  left: -14px;
}

.wide .siteNav > .liveEditControl > .trigger,
.wide .siteNav .inner > .liveEditControl > .trigger {
  background: url(/Areas/Pages/Assets/Images/LiveEditSprite.png?v=092020) -54px -27px no-repeat !important;
  height: 27px;
  left: 13px;
  padding: 0 !important;
  width: 27px;
  top: -7px;
}

.wide .siteNav > .liveEditControl > .trigger:hover,
.wide .siteNav > .liveEditControl > .trigger:focus,
.wide .siteNav > .liveEditControl > .trigger:active,
.wide .siteNav .inner > .liveEditControl > .trigger:hover,
.wide .siteNav .inner > .liveEditControl > .trigger:focus,
.wide .siteNav .inner > .liveEditControl > .trigger:active {
  background-position: -54px 0 !important;
}

.wide .siteNav > .liveEditControl > .trigger > img,
.wide .siteNav .inner > .liveEditControl > .trigger > img {
  display: none;
}

.wide .siteNav > .liveEditControl .controls > div,
.wide .siteNav .inner > .liveEditControl .controls > div {
  float: none;
  height: auto;
  padding: 10px;
}

.wide .siteNav > .liveEditControl .controls .pageLink:link,
.wide .siteNav > .liveEditControl .controls .pageLink:visited,
.wide .siteNav > .liveEditControl .controls .pageLink:hover,
.wide .siteNav > .liveEditControl .controls .pageLink:focus,
.wide .siteNav > .liveEditControl .controls .pageLink:active,
.wide .siteNav .inner > .liveEditControl .controls .pageLink:link,
.wide .siteNav .inner > .liveEditControl .controls .pageLink:visited,
.wide .siteNav .inner > .liveEditControl .controls .pageLink:hover,
.wide .siteNav .inner > .liveEditControl .controls .pageLink:focus,
.wide .siteNav .inner > .liveEditControl .controls .pageLink:active {
  background: none;
  color: #073352;
  text-decoration: underline;
}

.wide .siteNav > .liveEditControl .controls p,
.wide .siteNav .inner > .liveEditControl .controls p {
  margin-bottom: 10px;
}

.wide .siteNav > .liveEditControl .controls p:first-child,
.wide .siteNav .inner .liveEditControl .controls p:first-child {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.wide .siteNav > .liveEditControl .controls p:last-child,
.wide .siteNav .inner > .liveEditControl .controls p:last-child {
  border: none;
}

.wide .siteNav > .liveEditControl .controls p:first-child > .button,
.wide .siteNav .inner > .liveEditControl .controls p:first-child > .button {
  margin-top: 5px;
}

.wide .siteNav > .liveEditControl .controls ol,
.wide .siteNav .inner > .liveEditControl .controls ol {
  background: none;
  color: #073352;
  float: none;
  position: static;
  visibility: visible;
}

.wide .siteNav > .liveEditControl .controls ol > li,
.wide .siteNav .inner > .liveEditControl .controls ol > li {
  border: none;
  margin-bottom: 5px;
}

/* --- Side nav accordion --- */
.hasAccordionChildren {
  position: relative;
}

.accordionNavItem {
  position: relative;
}

.hasAccordionChildren .accordionNavItem > .navMenuItem:link,
.hasAccordionChildren .accordionNavItem > .navMainItem:link {
  padding-right: 3em;
  white-space: normal;
}

.openAccordionNav {
  /*border-left: 1px solid rgba(0,0,0,.15);*/
  bottom: 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none !important;
  top: 0;
  transition: background 333ms;
  width: 2.5rem;
}

.openAccordionNav:hover,
.openAccordionNav:focus {
  background: rgba(0, 0, 0, 0.025);
  outline: none;
}

.openAccordionNav::before,
.openAccordionNav::after {
  margin-top: -0.6em;
  position: absolute;
  right: 0;
  top: 50%;
  transition: transform 333ms, opacity 333ms;
  width: 100%;
}

.openAccordionNav::before {
  content: "−";
  opacity: 0;
  transform: rotate(-90deg);
}

.openAccordionNav::after {
  content: "+";
  opacity: 1;
}

.openAccordionNav.accordionNavOpened::before {
  opacity: 1;
  transform: rotate(0deg);
}

.openAccordionNav.accordionNavOpened::after {
  opacity: 0;
  transform: rotate(90deg);
}

.arrowIndicator .openAccordionNav::before,
.arrowIndicator .openAccordionNav::after {
  font-size: 0.7em;
}

.arrowIndicator .openAccordionNav::before {
  content: "►";
  opacity: 1;
  transform: rotate(0);
}

.arrowIndicator .openAccordionNav::after {
  display: none;
}

.arrowIndicator .openAccordionNav.accordionNavOpened::before {
  transform: rotate(90deg);
}

/*  
	This file is approx. twice as long as it needs 
	to be. Will collapse duplicate styles after new 
	standard is proven.
*/
/*  
	This stylesheet serves all form styles
*/
.newCP input[type=text],
.newCP input[type=password],
.newCP input[type=number],
.newCP input[type=tel],
.newCP input[type=email],
.newCP input[type=url],
.newCP input[type=search],
.newCP textarea {
  display: inline-block;
  font-family: Arial, san-serif;
  font-size: 10pt;
  position: static;
}

.newCP input[type=image],
.newCP input[type=submit] {
  cursor: pointer;
}

.newCP input[type=submit] {
  margin: 0;
  padding: 3px 5px;
}

.cpForm input[type=file] {
  width: 100%;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

.newCP .fakePlaceholder,
._ph_shim {
  color: #999;
  text-align: left;
}

.newCP textarea {
  display: block;
  overflow: auto;
}

/*  Avoid using <legend> because of
	cross-browser inconsistencies  */
.newCP fieldset legend {
  font-weight: bold;
  text-align: left;
}

.newCP label.check {
  display: block;
  font-size: 9pt;
  font-weight: normal;
  line-height: 1;
  margin: 5px 0px 0px 0px;
  width: auto;
}

.newCP label.check > input {
  float: left;
  height: 13px;
  margin: 0px 5px 0px 0px;
  width: 13px;
}

.newCP label.check > span {
  display: block;
  line-height: 1.5;
  margin-left: 18px;
}

.newCP label.check > span.opt {
  margin-left: 0px;
}

.newCP label.check > span[disabled] {
  width: auto;
}

/*  There are two form "styles" in use:
	Labels to the left (default, no class needed) and
	Labels on top (.onTop)  */
/*  BOTH STYLES  */
.newCP .formline {
  clear: left;
  float: left;
  padding: 20px 0px 0px 0px;
  width: 100%;
}

.newCP .formline div span.counterOverLimit {
  color: #ee0000;
}

.newCP .formline.highlight {
  margin: 10px 0px 0px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: left;
}

.newCP .formline.highlight.disabled {
  color: #999;
}

.newCP .formline.break {
  margin-top: 20px;
}

.newCP .formline > label,
.newCP .formline > .label {
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1.2;
  margin: 4px 0px 0px 0px;
  padding-right: 10px;
  white-space: normal; /* overwriting adminCommon.css */
  width: 100px;
}

/*  This is used for the "(Optional)" on the labels  */
.newCP .formline > label span,
.newCP .formline > .label span {
  color: #666;
  display: block;
  font-size: 8pt;
  font-weight: normal;
}

.newCP .formline > div {
  float: left;
  text-align: left;
  width: 75%;
}

.newCP .formline > div label {
  font-size: 9pt;
}

.newCP .formline > div input[type=text],
.newCP .formline > div input[type=password],
.newCP .formline > div input[type=number],
.newCP .formline > div input[type=tel],
.newCP .formline > div input[type=email],
.newCP .formline > div input[type=url],
.newCP .formline > div textarea {
  float: left;
  left: 0px; /* overwriting adminCommon.css */
  vertical-align: middle;
  width: 98%;
}

.newCP .formline > div select,
.newCP .formline > div input {
  left: 0px; /* overwriting adminCommon.css */
}

.newCP .formline > div input[type=submit],
.newCP .formline > div input[type=button] {
  left: 0px; /* overwriting adminCommon.css */
  padding: 1px 3px;
  width: auto;
}

.newCP .formline > div span.tip {
  clear: left;
  color: #666;
  display: block;
  font-size: 8pt;
  margin-top: 2px;
}

.newCP .formline > div .check + span.tip {
  margin-left: 18px;
}

.newCP .formline > div span.units {
  display: block;
  float: left;
  margin: 0.3em;
}

.newCP .formline.multiple > label,
.newCP .formline.multiple > .label {
  margin-top: 1px;
}

.newCP .formline.multiple > label span,
.newCP .formline.multiple > .label span {
  margin-top: 1px;
}

.newCP .formline.multiple > div label {
  display: block;
  float: left;
  margin: 5px 20px 0px 0px;
}

.newCP .formline.multiple > div label:first-child {
  margin-top: 0px;
}

.newCP div#properties.requestTypeRadio .formline.multiple > div label:first-child {
  margin-top: 5px;
}

.newCP .formline.stacked > div label {
  margin-top: 15px;
  width: 100%;
}

.newCP .formline.stacked > div label:first-child {
  margin-top: 2px;
}

.newCP .formline.nolabel > div,
.newCP .formline.noLabel > div {
  padding-left: 110px;
}

.newCP .formline.noLabel > div a.button {
  float: left;
}

.newCP .formline.noLabel > div a.button + a.button {
  margin-left: 10px;
}

.cpForm div > a.button {
  margin-right: 5px;
}

.newCP .formline > div a.cancel {
  color: #c33;
  margin-left: 10px;
  text-decoration: underline;
}

.newCP .formline.twoCol > div input[type=text],
.newCP .formline.twoCol > div input[type=number],
.newCP .formline.twoCol > div input[type=password],
.newCP .formline.twoCol > div input[type=tel],
.newCP .formline.twoCol > div input[type=email],
.newCP .formline.twoCol > div input[type=url],
.newCP .formline.twoCol > div > label {
  display: inline-block;
  width: 47%;
}

.newCP .formline.twoCol > div > label {
  width: 48%;
}

.newCP .formline.twoCol > div .second {
  left: 2%;
  position: relative;
}

/*  Use this when IE7 is no longer supported
.newCP .formline.twoCol input[type="text"]
{
	margin-left: 2%;
	position: relative;
	right: 2%;
	width: 47%;
}
*/
.newCP .formline.twoCol > div > label > input[type=text],
.newCP .formline.twoCol > div > label > input[type=number],
.newCP .formline.twoCol > div > label > input[type=password],
.newCP .formline.twoCol > div > label > input[type=tel],
.newCP .formline.twoCol > div > label > input[type=email],
.newCP .formline.twoCol > div > label > input[type=url] {
  width: 98%;
}

.newCP .formline > div.twoCol {
  width: 37.5%; /* half of .formline div width */
}

/*  .link & .name are the old way of doing what
	.formline.twoCol above accomplishes  */
.newCP .formline.link > div label,
.newCP .formline.name > div label {
  margin: 0px;
  width: 47%;
}

.newCP .formline.link > div label:first-child,
.newCP .formline.name > div label:first-child {
  margin-right: 4%;
}

.newCP .formline.link > div label.check {
  margin-top: 5px;
}

.newCP .formline > div input[type=tel],
.newCP .formline > div input.tel,
.newCP .formline > div input.phone {
  width: 12em;
}

.newCP .formline > div input.ext {
  margin-left: 5px;
  width: 3em;
}

.newCP .formline > div input.auto {
  width: auto;
}

/*  Radio buttons  */
.newCP .formline.radio > label,
.newCP .formline.radio > .label {
  margin-top: 0px;
}

.newCP .formline.radio > div > label {
  float: left;
  margin: 2px 10px 0px 0px;
}

.newCP .onTop label.check {
  clear: left;
}

/*  END  Radio buttons  */
/*  Datepicker fields  */
.cpForm .date {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
}

.newCP .formline > div .date,
.newCP .onTop .formline > div .date,
.cpForm > li .date {
  float: left;
  position: relative;
  width: auto !important;
}

.cpForm > li .date {
  font-size: 9pt;
  margin-right: 10px;
}

.newCP .formline > div .date label,
.newCP .onTop .formline > div .date label,
.cpForm > li .date label {
  width: auto !important;
}

.newCP .formline > div .date input[type=text],
.newCP .onTop .formline > div .date input[type=text],
.cpForm > li .date input[type=text] {
  float: left;
  width: 80px;
}

.newCP .formline > div .date > a,
.newCP .onTop .formline > div .date > a,
.newCP .formline > div .date > label > a,
.newCP .onTop .formline > div .date > label > a,
.newCP .formline > div .date > label > img,
.newCP .onTop .formline > div .date > label > img,
.cpForm > li .date > a,
.cpForm > li .date > label > a,
.cpForm > li .date > label > img {
  cursor: pointer;
  display: inline-block;
  padding: 2px;
}

.newCP .formline > div .date.disabled input,
.newCP .formline > div .date.disabled a,
.newCP .formline > div .date.disabled img,
.cpForm > li .date.disabled input,
.cpForm > li .date.disabled a,
.cpForm > li .date.disabled img {
  color: #999;
  cursor: default;
}

/*  New (MVC) Datepickers  */
.newCP .formline > div .date.mvc {
  margin-right: 15px;
}

.newCP .formline > div .date.mvc > label {
  float: none;
}

.newCP .t-datepicker .t-picker-wrap,
.newCP .t-timepicker .t-picker-wrap {
  padding-right: 25px;
  z-index: 100;
}

.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select {
  width: 20px;
}

/* This works for anything with forms.css on it, but there were also widths from common.css. I was afraid it'd break something if I made the below change in there. */
.newCP .t-timepicker {
  width: 8em;
}

.newCP .t-datetimepicker,
.newCP .t-datepicker {
  width: 7.2em;
}

.newCP .formline > div .date .t-datepicker .t-input {
  float: none;
  width: 100%;
}

.newCP .t-datepicker .t-icon,
.newCP .t-timepicker .t-icon {
  background: url(/App_Themes/CP/Images/IconDatePickerSmall.png) no-repeat 0px 0px;
  height: 20px;
  margin-top: 1px;
  width: 20px;
}

.adminWrap .t-timepicker .t-icon {
  background: url(/App_Themes/CP/Images/IconTimePickerSmall.png) no-repeat 0px 0px;
}

.newCP.moduleContentNew .t-datepicker .t-icon {
  background: url(/Common/Images/Calendar/CalendarSelectSmall.png) no-repeat 0px 0px;
}

.newCP.moduleContentNew .t-timepicker .t-icon {
  background: url(/Common/Images/Calendar/ClockSelectSmall.png) no-repeat -1px 0px;
}

/*  END  New (MVC) Datepickers  */
/*  END  Datepicker fields  */
/*  Address Block (optimized for a width of 300px)  */
.newCP .formline.address > div .number {
  width: 25%;
}

.newCP .formline.address > div .name {
  width: 69%;
}

.newCP .formline.address > div .city {
  margin-right: 5px;
  min-width: 120px;
  width: 55%;
}

.newCP .formline.address > div span {
  display: inline-block;
}

.newCP .formline.address > div .st,
.newCP .onTop .formline.address > div .st {
  margin-right: 5px;
  width: 2.5em;
}

.newCP .formline.address > div .zip {
  width: 6em;
}

/*  END  Address block  */
/*  Photo Upload  */
.newCP .formline.photo .preview img,
.cpForm .photo .preview img {
  max-width: 100%;
  margin: 10px 0px 0px;
}

.newCP .formline.photo a.button {
  display: block;
  margin-top: 5px;
  width: 9em;
}

.newCP .formline.photo input.half {
  display: block;
  float: none;
  margin-top: 5px;
}

/*  Facebook  */
.cpForm .fbPhoto .preview > img {
  float: left;
  margin: 0 10px 0 0;
}

.newCP .fbPhoto input[type=file] {
  display: block;
  margin: 10px 0;
  width: auto;
}

.newCP .fbPhoto .or {
  border-style: solid none none;
  border-width: 1px;
  margin-top: 10px;
  padding-top: 5px;
}

.newCP .fbPhoto .or > strong {
  display: inline-block;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 5px;
}

/*  END  Photo Upload  */
/*  Multiple Photo Upload  */
.newCP .formline.addPhotos p.tip {
  margin: 5px 0px 10px;
}

.newCP .formline.addPhotos .photo {
  float: left;
  margin: 0px 10px 10px 0px;
  width: 48%;
}

.newCP .formline.addPhotos .photo.large {
  float: left;
  margin: 0px 0px 10px 0px;
  width: 100%;
}

.newCP .formline.addPhotos .photo.large label {
  float: left;
}

.newCP .formline.addPhotos .thumb {
  float: left;
  margin-right: 5px;
  position: relative;
}

.newCP .formline.addPhotos .thumb a {
  display: none;
  height: 16px;
  left: 50%;
  margin-left: -21px;
  margin-top: 5px;
  position: absolute;
  top: 50%;
  width: 16px;
}

.newCP .formline.addPhotos .thumb a.moveDown {
  margin-left: 5px;
}

.newCP .formline.addPhotos .thumb a.info {
  margin-left: -8px;
}

.newCP .formline.addPhotos .thumb a.remove {
  margin: 0px;
  left: auto;
  right: 2px;
  top: 2px;
}

.newCP .formline.addPhotos .photo:hover a {
  display: block;
}

.newCP .formline.addPhotos > div label,
.newCP .formline.addPhotos > div textarea,
.newCP .onTop .formline.addPhotos > div textarea {
  width: 55%;
}

.newCP .formline.addPhotos > div textarea {
  border-style: solid;
  border-width: 1px;
  display: block;
  margin-top: 2px;
}

.newCP .formline.addPhotos a.button,
.newCP .formline.video a.button {
  clear: left;
  display: block;
  width: 90px;
}

/*  END  Multiple Photo Upload  */
/*  Image Preview  */
.newCP .image .preview {
  float: left;
  overflow: hidden;
  width: 100%;
}

.newCP .image .preview p {
  color: #ddd;
  font-size: 20pt;
  font-weight: bold;
}

/*  END  Image Preview  */
/*  Show/Hide "Advanced Details"
	(Would love to replace the <hr> with a <p> everywhere)  */
.newCP .formErrors {
  background-color: #fef7cb;
  color: #940e0d;
  font-weight: bold;
  margin: 5px 0px;
  padding: 0.25em 0.5em;
}

.newCP hr.showHide,
.newCP p.showHide {
  /*	border: none;*/
  border-left: none;
  border-right: none;
  float: left;
  margin: 40px 0px 0px 0px;
  text-align: left;
}

.newCP p.showHide {
  height: 0px;
}

.newCP a.showHide {
  display: block;
  float: left;
  font-size: 8pt;
  margin: 0px -21px 0px 96px;
  padding: 3px 5px;
  position: relative;
  text-decoration: none;
  top: -12px;
  width: auto;
}

.newCP #advanced {
  display: none;
  margin-top: -5px;
  clear: both;
}

/*  END  Show/Hide "Advanced Details"  */
/*  Wizard  */
.newCP .wizardNav {
  padding-top: 5px;
}

.newCP .wizardNav h3 {
  background: url(/Common/Images/IconWizardSteps.png) no-repeat 5px 0px;
  border-style: none none solid;
  border-width: 1px;
  font-size: 12pt;
  margin: 0px;
  padding: 0px 0px 5px 33px;
}

.newCP .wizardNav ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.newCP .wizardNav li {
  border-color: transparent;
  border-style: solid none;
  border-width: 1px;
  padding: 5px 5px 5px 10px;
  position: relative;
}

.newCP .wizardNav li .step {
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
}

.newCP .wizardNav li span {
  display: inline-block;
  text-decoration: none;
  vertical-align: text-top;
  width: 135px;
}

.newCP .wizardNav li .complete,
.newCP .wizardNav li .incomplete {
  background: url(/Common/Images/WizardComplete.png?v=092020) no-repeat left center;
  display: block;
  height: 16px;
  left: 6px;
  position: absolute;
  text-indent: -9999px;
  top: 8px;
  width: 16px;
}

.newCP .wizardNav li .incomplete {
  background: url(/Common/Images/WizardIncomplete.png?v=092020) no-repeat left center;
}

.newCP .wizardNav li.current span {
  font-weight: bold;
  text-decoration: none;
}

.newCP .wizardNav li.current:first-child {
  border-top-color: transparent;
}

.newCP .wizard .section,
.newCP .wizard.onTop .section {
  border-style: none none none solid;
  border-width: 3px;
  padding: 5px 0px 10px 20px;
  position: relative;
}

.newCP .wizard .section h2,
.newCP .wizard.onTop .section h2 {
  border-style: none none solid;
  border-width: 1px;
  font-size: 12pt;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.newCP .wizard .section input + input[type=button] {
  margin-left: 10px;
}

.newCP .wizard .section .goBack {
  display: inline-block;
  font-size: 9pt;
  margin: 0.2em 0px 0px 10px;
}

.newCP .wizard .section .goBack a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
}

.newCP .wizard .section .save {
  position: absolute;
  right: 1px;
  top: 4px;
}

.newCP .wizard .summary {
  border-width: 1px;
  margin-bottom: 15px;
  width: 100%;
}

.newCP .wizard .summary td,
.newCP .wizard .summary th {
  border: none;
  padding: 5px 10px;
}

.newCP .wizard .summary .price {
  text-align: right;
}

.newCP .wizard .summary .total {
  border-style: solid none none;
  border-width: 1px;
  font-weight: bold;
  text-transform: uppercase;
}

.newCP .wizard .summary + p {
  font-size: 8pt;
}

/*  END  Wizard  */
/*  END  BOTH STYLES  */
/*  LABELS ON TOP  */
/*  .override is used for rendering something to the right of the section
	heading, i.e. a checkbox for using the data from another section  */
.newCP .section h2.override {
  float: left;
}

.newCP .section .override {
  clear: none;
  float: right;
  margin: 2px 5px 0px 0px;
  position: relative;
  z-index: 2;
}

.newCP .onTop .section.wizard a.button.collapsed {
  top: 20px;
}

.newCP .onTop .formline {
  clear: none;
  float: none;
  padding: 12px 0px 0px 0px;
  width: auto;
}

.newCP .onTop .formline.highlight {
  padding: 10px 20px;
}

.newCP .onTop .formline.highlight > div > label {
  margin: 0px;
}

.newCP .onTop .formline.break {
  margin-top: 15px;
}

.newCP .onTop .formline > label,
.newCP .onTop .formline > .label {
  clear: left;
  display: block;
  float: none;
  margin: 0px 0px 3px;
  padding-right: 0px;
  width: auto;
}

.newCP .onTop .formline > label span,
.newCP .onTop .formline > .label span {
  display: none;
  font-size: 1em;
}

.newCP .onTop .formline > label span.req,
.newCP .onTop .formline > .label span.req,
.cpForm li > label > .req,
.cpForm li > .label > .req,
.newCP .onTop .formline > div .check span.req {
  color: #c33;
  display: inline-block;
  margin-left: 0.2em;
  font-weight: bold;
}

.newCP .onTop .formline > div {
  float: none;
  width: auto;
}

.newCP .onTop .formline > div.twoCol {
  float: left;
  width: 48%; /* half of .formline div width */
}

.newCP .onTop .formline > div input[type=text],
.newCP .onTop .formline > div input[type=password],
.newCP .onTop .formline > div input[type=number],
.newCP .onTop .formline > div input[type=tel],
.newCP .onTop .formline > div input[type=email],
.newCP .onTop .formline > div input[type=url],
.newCP .onTop .formline > div textarea {
  float: none;
  margin: 0px 0px 5px;
  padding: 2px 0px;
}

.newCP .onTop .formline > div select {
  margin-bottom: 5px;
}

.newCP .onTop .formline > div input[type=submit],
.newCP .onTop .formline > div input[type=button],
.newCP .onTop .formline > div input[type=image] {
  vertical-align: middle;
}

.newCP .onTop .formline > div span.tip {
  margin-top: -3px;
}

.newCP .onTop .formline > div span.units {
  display: inline-block;
  float: none;
}

.newCP .onTop .formline.nolabel > div,
.newCP .onTop .formline.noLabel > div {
  padding: 8px 0px 0px;
}

/*  END  LABELS ON TOP  */
/*  ===============================================  *

		NEW STANDARD

*   ===============================================  */
.cpForm,
.newCP .cpForm {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -1%; /* maybe */
  max-width: 800px;
}

.newCP .section > .cpForm {
  margin-left: 0;
}

.cpForm > li {
  float: left;
  margin-bottom: 0;
  margin-left: 1.5%;
  padding: 1% 1%;
  width: 94.5%;
  page-break-inside: avoid;
}

/*IE 10 and 11 fix for the above float when in print preview */
.IePrintFormCenterField {
  display: none;
  margin: 0;
  padding: 0;
}

@media print and (-ms-high-contrast: none) {
  .cpForm > li {
    float: none;
    display: inline-block;
    vertical-align: top;
    page-break-inside: avoid;
  }
  .IePrintFormCenterField {
    display: block;
  }
}
/*end IE fix*/
.cpForm .left {
  clear: left;
  margin-left: 0;
}

.cpForm .right:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.cpForm .threeFourths {
  width: 70%;
}

.cpForm .twoThirds {
  width: 61.83334%;
}

.cpForm .half {
  width: 45.5%;
}

.cpForm .third {
  width: 29.25%;
}

.cpForm .fourth {
  width: 21%;
}

.cpForm > li > label,
.cpForm > li > .label {
  display: block;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
  margin: 0;
  width: 100%;
  word-wrap: break-word;
}

.cpForm > li.buttons {
  padding-left: 0;
  margin-left: 4px;
}

.cpForm > li > label.twoLines,
.cpForm > li > .label.twoLines {
  padding-top: 1.15em; /* line height */
}

.cpForm > li > label.threeLines,
.cpForm > li > .label.threeLines {
  padding-top: 2.3em; /* 2x line height */
}

.cpForm > li > label.API,
.cpForm > li > .label.API {
  visibility: hidden;
}

.cpForm > li > div {
  margin-top: 5px;
  /* min-height: 1px !important; / for IE7, not needed if next selector isn't needed */
}

/* Most likely not needed...
.cpForm > li > div:after
{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
*/
.cpForm input[type=text],
.cpForm input[type=password],
.cpForm input[type=number],
.cpForm input[type=tel],
.cpForm input[type=email],
.cpForm input[type=url],
.cpForm input[type=search],
.cpForm textarea,
.cpForm .ui-autocomplete {
  -webkit-background-clip: padding-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 3px;
  width: 100%;
}

/* Windows Chrome throws an ugly black border on these if padding-box is used */
.cpForm textarea {
  -webkit-background-clip: initial;
}

.cpForm select {
  max-width: 100%;
}

.cpForm > li > label > .opt,
.cpForm > li > .label > .opt {
  display: block;
  font-size: 8pt;
  font-weight: normal;
}

.cpForm > li .auto {
  width: auto !important;
}

.cpForm > li ol {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 98%;
}

.cpForm > li > div > p {
  margin: 0 0 5px;
}

.cpForm > li .middle,
.cpForm > li .right {
  padding: 0 1%;
}

.cpForm > li .left {
  clear: none;
  padding: 0 2% 0 0;
}

.cpForm > li li {
  padding: 2px 0;
  width: 100%; /* for IE7 */
}

.cpForm > li li > input[type=checkbox],
.cpForm > li li > input[type=radio] {
  float: left;
  height: 13px;
  margin: 0;
  padding: 0;
  width: 13px;
}

.cpForm > li li > input[type=radio],
.cpForm > li li > input[type=checkbox] {
  position: relative;
  top: 2px;
}

.cpForm > li li > label {
  display: block;
  margin-left: 18px;
}

.cpForm > li p.tip {
  clear: left;
  font-size: 0.9em;
  margin-top: 3px;
}

.cpForm > li p.tip:first-child {
  clear: none;
}

.cpForm > li p.tip.singleOption {
  margin-left: 18px;
}

.cpForm > li ol + p.tip {
  float: left;
  width: 98%;
}

.wizard .cpForm > li ol + p.tip {
  clear: both;
  float: none;
  width: auto;
}

.cpForm > li .progressive > li {
  padding-right: 45px;
  position: relative;
  width: auto;
}

.cpForm > li .progressive > li > a {
  position: absolute;
  right: 0;
  top: 4px;
}

.cpForm > li .progressive > li > .add {
  right: 20px;
}

/*  Error Handling */
.newCP .formErrors {
  background-color: #fef7cb;
  color: #940e0d;
  font-weight: bold;
  margin: 5px 0px;
  padding: 0.25em 0.5em;
}

.newCP .requiredFieldInfo {
  color: #ff0000;
  margin: 10px 0 0;
}

.cpForm > .error,
.cpForm > .error > label,
.cpForm > .error p.tip {
  background-color: #fef7cb;
  border: none;
  color: #940e0d !important;
}

.cpForm > li.error {
  border: 1px solid #efe8be;
}

.cpForm > .error p.tip {
  color: #48261c !important;
}

.cpForm > .error input[type=text],
.cpForm > .error input[type=password],
.cpForm > .error input[type=number],
.cpForm > .error input[type=tel],
.cpForm > .error input[type=email],
.cpForm > .error input[type=url],
.cpForm > .error input[type=search],
.cpForm > .error textarea {
  border-color: #b98081;
}

.cpForm > .error > .explanation {
  background-color: #940e0d;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  margin: 0.5em 0 0;
  padding: 0.25em 0.5em;
}

.cpForm > .error > #charCounter + .tip + .explanation {
  margin-top: 1.5em;
}

/*	END  Error Handling  */
.cpForm > .noLabel {
  padding-top: 1.4em; /* Default padding-top + line-height, was 1.7 before vertical spacing change. */
}

.cpForm > .noLabel > label {
  height: 0;
  overflow: hidden;
  text-indent: 100%;
  width: 0;
}

.cpForm.leftLabels > li > label,
.cpForm > .leftLabel > label,
.cpForm.leftLabels > li > .label,
.cpForm > .leftLabel > .label {
  float: left;
  padding-top: 0 !important;
  position: relative;
  top: 0.35em;
  width: 100px;
}

.cpForm.leftLabels > li > div.nonInput,
.cpForm > .leftLabel > div.nonInput {
  margin-top: 0.35em;
}

.cpForm.leftLabels > li > div,
.cpForm > .leftLabel > div {
  margin-left: 110px;
}

.cpForm.leftLabels > li > div,
.cpForm > .leftLabel > div {
  margin-top: 0;
}

.cpForm.leftLabels > .noLabel,
.cpForm > .leftLabel.noLabel {
  padding-top: 0.5em;
}

.cpForm.leftLabels > .noLabel > div,
.cpForm > .leftLabel.noLabel > div {
  margin-left: 0;
}

.wizard .cpForm {
  float: left;
  width: 100%;
}

.cpForm > .chooseImage > div > img,
.cpForm > .chooseImage > div > .button,
.cpForm > .chooseImage > div > input[type=file] {
  float: left;
  margin-right: 10px;
}

.cpForm > .chooseImage > div > img {
  max-width: 200px;
}

.cpForm > .chooseImage > div > input[type=file] {
  width: auto;
}

.cpForm > .chooseImage > div > .tip {
  clear: both;
}

/*
.cpForm li > .dateTime
{
	display: inline-block;
}*/
.newCP .t-timepicker,
.newCP .t-datepicker {
  width: 8em;
}

.moduleContentNew .cpForm .t-timepicker,
.moduleContentNew .cpForm .t-datepicker,
.builder .canvas .t-timepicker,
.builder .canvas .t-datepicker {
  width: 9.8em;
}

.cpForm .dateHyphen {
  display: inline-block;
  margin-top: 4px;
  padding: 4px 13px 0 0px;
  vertical-align: top;
}

.moduleContentNew .cpForm .dateHyphen {
  margin-top: 0;
  padding-top: 3px;
}

.cpForm > .clear {
  height: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

/* Media Queries */
.maxWidth600px.cpForm .fourth,
.maxWidth600px.cpForm .third,
.maxWidth600px.cpForm .half,
.maxWidth600px.cpForm .twoThirds,
.maxWidth600px.cpForm .threeFourths {
  margin: 0 2% 0 0;
  min-width: 29.25%;
  max-width: 45.5%;
}

.newCP.maxWidth485px .wizardNav {
  float: none;
  width: auto;
}

.newCP.maxWidth485px .wizard {
  margin-left: 0;
}

.newCP.maxWidth485px .wizard .section {
  border-left: none;
  padding-left: 0;
}

.maxWidth440px.cpForm .fourth,
.maxWidth440px.cpForm .third,
.maxWidth440px.cpForm .half,
.maxWidth440px.cpForm .twoThirds,
.maxWidth440px.cpForm .threeFourths {
  max-width: 45.5%;
  min-width: 45.5%;
}

.maxWidth380px.cpForm li,
.maxWidth380px.cpForm .fourth,
.maxWidth380px.cpForm .third,
.maxWidth380px.cpForm .half,
.maxWidth380px.cpForm .twoThirds,
.maxWidth380px.cpForm .threeFourths {
  clear: none;
  float: none;
  margin: 0.25em 0;
  max-width: none;
  padding: 0.5em;
  width: 94.5%;
}

.cpForm > li > fieldset > legend {
  display: block;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
  margin: 0;
  width: 100%;
}

.cpForm > li > fieldset > div {
  margin-top: 5px;
}

/*  M O D A L   W I N D O W
============================================================ */
/*  CONTAINER  */
.modalContainer {
  left: 50%;
  margin: 0px auto;
  position: absolute;
  width: 700px;
  z-index: 10001;
}

.narrow .modalContainer {
  left: auto;
  margin-left: 0;
  max-width: 700px;
  position: fixed;
  top: 50% !important;
  width: 100%;
}

.mobile .modalContainer {
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: fixed;
  top: 0 !important;
  width: 100%;
}

div.modalContainer.fullHeight {
  margin-top: 0 !important;
  position: fixed;
  top: 0 !important;
}

div.modalContainer.fullWidth {
  left: 0 !important;
  margin-left: 0;
  position: fixed;
  width: 100% !important;
}

div.modalContainer .modalContent {
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0px);
  -webkit-transform: translate3d(0, 0, 0);
}

div.modalContainer.fullHeight .modalContent {
  max-height: none;
}

div.modalContainer.fullHeight .modalContentRight > .modalContent {
  overflow: auto;
}

.modalContainer.ui-draggable {
  position: fixed;
}

.modalContainer .modalTitleLeft {
  clear: both;
  height: 37px;
  padding: 0px 45px 0px 18px;
  position: relative;
}

.modalContainer h3.modalTitle,
.modalContainer h1.modalTitle {
  box-sizing: content-box;
  width: 100%;
  height: 23px;
  margin: 0px;
  padding-top: 14px;
  font-size: 11pt;
  text-shadow: none;
}

.modalContainer .modalTitleLeft .attribution,
.modalContainer .modalTitleLeft .help {
  color: #6b869f;
  font-size: 9pt;
  font-weight: bold;
  position: absolute;
  right: 55px;
  text-align: right;
  text-shadow: 1px 1px 1px #c8e3fc;
  top: 15px;
}

.modalContainer .modalTitleLeft a.help {
  border-left: 1px solid #c0d2e3;
  display: block;
  font-size: 15pt;
  padding: 1px 0px 12px 9px;
  text-decoration: none;
  text-shadow: none;
  top: 10px;
}

.modalContainer a.modalClose {
  display: block;
  width: 45px;
  height: 37px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-indent: -9999px;
}

.modalContainer button.modalClose {
  background: url(/App_Themes/Default/images/ModalClose.png) no-repeat right bottom;
  display: block;
  width: 45px;
  height: 40px;
  position: absolute;
  top: -3px;
  right: 0px;
  text-indent: -9999px;
  border: none;
}

.modalContainer .modalContentLeft {
  clear: both;
  padding: 0px 0px 0px 9px;
}

.modalContainer .modalContentRight {
  padding: 0px 9px 0px 0px;
}

.modalContainer .modalContent {
  background: url(/App_Themes/Default/images/ModalLeftInnerBkg.png) repeat-y left top;
  overflow: auto;
  padding-left: 9px;
}

.modalContainer.noIframe .modalContentLeft {
  padding-left: 18px;
}

.modalContainer.noIframe .modalContentRight {
  padding-right: 18px;
}

/* This element necessary because IE refuses to cover a bkg image with a scrollbar */
.modalContainer.noIframe .modalContent {
  background: transparent !important;
  margin-right: -9px;
  max-height: 600px;
  padding: 9px 18px 9px 9px;
}

.modalContainer .modalBottomLeft {
  clear: both;
  height: 18px;
  padding: 0px 0px 0px 18px;
  margin: 0px;
}

.modalContainer .modalBottom {
  width: 100%;
  height: 18px;
  margin: 0px;
}

.modalContainer .modalBottomRight {
  height: 18px;
  padding: 0px 18px 0px 0px;
  margin: 0px;
}

/*  END CONTAINER  */
/*  CUSTOM CONTAINER SIZES  */
.modalContainer.modalContainerCP.modalCopyLink {
  width: 430px;
}

.modalContainer.modalCopyLink.MVC {
  margin-left: -262px;
}

.modalContainer.modalCopyLink iframe {
  height: 180px;
}

/* Chrome has a weird problem with "scrolling" the iFrame content under the modal header. It makes no sense, but this (sort of) fixes it. */
body.modal.copyLink {
  height: auto;
}

.modalContainer.help {
  width: 500px;
}

.modalContainer.help .modalContent iframe {
  height: 433px;
}

.modalContainerCP.addFiles {
  width: 707px;
}

.modal .modalContainerCP.addFiles {
  margin-left: -225px;
}

.modalContainerCP.addFiles iframe {
  height: 500px;
}

.modalContainerCP.addFilesFromModule {
  margin-left: -360px;
  width: 720px;
}

.modalContainerCP.addFilesFromModule iframe {
  height: 500px;
}

.externalLinkDialog {
  margin-left: -250px;
  width: 500px;
}

.externalLinkDialog .modalContent {
  background-color: #fefcfd !important;
  max-height: 375px;
}

.narrow .externalLinkDialog .modalContent iframe {
  height: 460px !important;
}

.modalContainer.modalContainerCP.modalSubmitASupportRequest {
  height: 635px;
  left: 50%;
  margin-left: -300px;
  margin-top: -318px;
  top: 50% !important;
  width: 600px;
}

.newCP .modalContainer.modalContainerCP.modalSubmitASupportRequest {
  height: 700px;
  margin-left: -250px;
  margin-top: -350px;
  width: 500px;
}

/* END CONTAINER SIZES */
/*  CONTENT  */
.modalContainer .newCP {
  margin: 0;
}

.modalContainer .adminWrap {
  font-family: Arial, sans-serif;
  margin: 0;
}

.modalContainer.noIframe .modalContent > .cpForm {
  margin-bottom: 10px;
}

.modalContainer iframe {
  background: #fff;
  border: none;
  display: block;
  overflow: hidden;
  width: 100%;
}

body.modal {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
}

.modalTabs {
  background: url(/App_Themes/Default/images/ModalRightInnerBkg.png) repeat-y right top;
  color: #333;
  font-size: 10pt;
  overflow: auto;
  padding: 10px 19px 10px 10px;
}

.modalContainerCP .contentContainer {
  overflow: hidden;
  padding: 0;
  width: auto;
}

.modalTabs p {
  margin: 0px 0px 10px;
}

/*  Tabs  */
.modalTabs .ajax__tab_header {
  background: url(/App_Themes/Default/images/ModalTabsBkg.png) repeat-x left bottom;
  margin-bottom: 10px;
  padding-left: 5px;
  overflow: hidden;
  zoom: 1;
}

.modalTabs .ajax__tab_header span {
  display: block;
  float: left;
  margin-right: 5px;
}

.modalTabs .ajax__tab_header span.ajax__tab_outer {
  background: url(/App_Themes/Default/images/ModalTabLeft.png) no-repeat left top;
  border-bottom: 1px solid #b2b3a5;
  cursor: pointer;
  float: none;
  margin: 0px;
  padding-left: 4px;
}

.modalTabs .ajax__tab_header span.ajax__tab_inner {
  background: url(/App_Themes/Default/images/ModalTabRight.png) no-repeat right top;
  float: none;
  margin: 0px;
  padding-right: 4px;
}

.modalTabs .ajax__tab_header span.ajax__tab_tab {
  background: url(/App_Themes/Default/images/ModalTab.png) repeat-x left top;
  float: none;
  margin: 0px;
  padding: 3px 6px 2px;
}

.modalTabs .ajax__tab_header span.ajax__tab_active {
  font-weight: bold;
}

.modalTabs .ajax__tab_header span.ajax__tab_hover span.ajax__tab_outer,
.modalTabs .ajax__tab_header span.ajax__tab_active span.ajax__tab_outer {
  background: url(/App_Themes/Default/images/ModalTabLeftActive.png) no-repeat left top;
  border-color: #fff;
}

.modalTabs .ajax__tab_header span.ajax__tab_hover span.ajax__tab_inner,
.modalTabs .ajax__tab_header span.ajax__tab_active span.ajax__tab_inner {
  background: url(/App_Themes/Default/images/ModalTabRightActive.png) no-repeat right top;
}

.modalTabs .ajax__tab_header span.ajax__tab_hover span.ajax__tab_tab,
.modalTabs .ajax__tab_header span.ajax__tab_active span.ajax__tab_tab {
  background: url(/App_Themes/Default/images/ModalTabActive.png) repeat-x right top;
}

/*  M O D A L   B A C K G R O U N D
============================================================ */
.modalBackground {
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.mobileBar {
  text-align: center;
  height: 38px;
  display: block;
}

.mobileBar span {
  display: block;
  padding-top: 10px;
}

/* Styles for the new toolbar */
.cpToolbars {
  left: 0;
  font-size: 12px;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 101;
}

.wide .cpToolbars {
  position: fixed;
}

/* Resetting this for the non-v5 sites/screens that don't use box-sizing :( */
.cpToolbars * {
  box-sizing: content-box;
}

.cpToolbar.secondary a.button.split span span.arrow {
  margin: 0 !important;
  height: 36px !important;
  top: -1px !important;
}

.newCP.cpToolbars ol,
.newCP.cpToolbars ul {
  margin: 0;
  list-style: none;
}

.cpToolbars > .cpToolbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.cpToolbars > .cpToolbar > .inner {
  margin: 0 0 0 91px;
  position: relative;
  text-align: left;
  width: auto;
}

.wide .cpToolbars > .cpToolbar > .inner {
  margin: 0 auto;
  max-width: 1400px;
  width: 95%;
}

.cpToolbar > .inner .primary {
  float: left;
}

.cpToolbar > .inner .secondary {
  float: right;
}

.cpToolbars > .cpToolbar li {
  margin: 0;
}

.cpToolbars > .cpToolbar a:link,
.cpToolbars > .cpToolbar a:visited,
.cpToolbars > .cpToolbar a:hover,
.cpToolbars > .cpToolbar a:focus,
.cpToolbars > .cpToolbar a:active {
  text-decoration: none;
}

.cpToolbar .nav > li {
  display: block;
  float: left;
  position: relative;
}

.wide .cpToolbar .nav > li {
  margin-right: 12px;
}

.cpToolbar .nav .alwaysShowActions {
  float: right;
}

.cpToolbar .nav > li a,
.cpToolbar > .inner > p {
  display: block;
  line-height: 34px;
  padding: 0 12px;
}

.cpToolbar > .inner > p {
  float: left;
  margin: 0;
  padding: 1px 0 0;
}

/*  These admin styles are located here instead of LiveEdit.css so
    that the much larger LiveEdit.css sheet doesn't need to be
    loaded when Live Edit is turned off just to style the toolbar.
*/
/* UI Alert */
.cpToolbar.alert,
.cpToolbar > .inner .alert {
  background: #f9edbe;
  border: 1px solid #f0c36d;
  color: #555;
  margin: 4px 0 5px;
  line-height: 20px; /* matches line-height of .nav > li > a, -9px */
  padding: 0 6px;
}

.cpToolbar.alert {
  border-style: none none solid;
  line-height: 34px; /* matches line-height of .nav > li > a */
  margin: 0;
}

.cpToolbar.alert > .inner {
  text-align: center;
}

.cpToolbar.alert > .inner > p {
  float: none;
}

.cpToolbar .nav .alert a {
  display: inline-block;
  line-height: 1.5em;
  padding: 0;
}

/* END UI Alert */
.cpToolbar.admin {
  background-color: #255e8d;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

.cpToolbar.admin a:active {
  color: #475e8d;
  /*	color: hsl(207, 58%, 35%);*/
}

.cpToolbar.admin.actions {
  background-color: #f0f6fb;
  padding-bottom: 1px;
  /*	background-color: hsl(207, 55%, 96%);*/
}

.cpToolbar.admin .button.cancel.inactive:link,
.cpToolbar.admin .button.cancel.inactive:visited,
.cpToolbar.admin .button.cancel.inactive:hover,
.cpToolbar.admin .button.cancel.inactive:focus,
.cpToolbar.admin .button.cancel.inactive:active,
.cpToolbar.admin .button.cancel.inactive span {
  color: #e9a2a2;
}

.modalContainer .buttons {
  clear: both;
  padding: 15px 0 0;
}

.modalContainer .buttons > a {
  margin-right: 10px;
}

.browserMessage {
  background-color: white;
  border-bottom: 1px solid gray !important;
  display: none;
  font-size: 1.5em !important;
  left: 0;
  padding-top: 15px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 3;
}

.browserMessage > p {
  margin-top: 10px !important;
}

.browserMessage a.dismiss {
  margin-bottom: 10px !important;
}

/* Isolated Borealis widget scss files */
/* Variables.scss
 * Global variables used throughout source files
 */
/* Variables--system.scss
 * System-level variables used throughout source files
 */
.cp-format--fullSearch svg {
  height: auto;
  max-width: 100%;
}
.cp-format--fullSearch.cp-SearchWidget-departmentOnly .cp-actionsBar {
  margin-bottom: 0;
}
.cp-format--fullSearch .cp-search-container {
  margin: 0.5rem 0 0.5rem;
}
.cp-format--fullSearch .cp-searchWidget {
  background: white;
  border: 1px solid #bbb;
  display: flex;
  position: relative;
}
.cp-format--fullSearch .cp-Tabs-list.cp-Tabs-list {
  margin: 1.5rem 0;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbs {
  color: #383838;
  font-size: 0.75rem;
  margin-bottom: 0.1rem;
}
.cp-format--fullSearch .cp-search-resultBreadcrumb {
  margin: 0;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbItem {
  display: inline;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbItem:before {
  content: "›";
  margin: 0 0.25rem;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbItem:nth-child(1):before {
  content: "";
  margin: 0;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbItemLink {
  color: #383838;
  text-decoration: none;
}
.cp-format--fullSearch .cp-search-resultBreadcrumbItemLink:hover, .cp-format--fullSearch .cp-search-resultBreadcrumbItemLink:focus {
  text-decoration: underline;
}
.cp-format--fullSearch .cp-search-submit {
  align-items: center;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  min-height: 2.0965em;
  justify-content: center;
  margin: 0.4em;
  padding: 0.25em;
  width: 2.0965em;
  background-image: url("/Assets/AdminRefresh/Shared/Images/IconSearch.svg?v=092020");
}
.cp-format--fullSearch .cp-search-submit svg {
  color: #383838;
  height: auto;
  max-width: 100%;
  transition: color 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
}
.cp-format--fullSearch .cp-search-submit:hover svg, .cp-format--fullSearch .cp-search-submit:focus svg {
  color: #383838;
}
.cp-format--fullSearch .cp-search-typeToggle {
  text-align: right;
}
.cp-format--fullSearch .cp-search-typeToggle a {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.25rem 0;
}
.cp-format--fullSearch .cp-search-status {
  font-size: 0.8rem;
  margin: 1rem 0rem 1rem 2rem;
}
.cp-format--fullSearch .cp-search-status--noResults {
  margin-left: 0;
}
.cp-format--fullSearch .cp-search-result {
  margin-bottom: 1.5rem;
  padding: 0 0 0 2rem;
  transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 240ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
}
.cp-format--fullSearch .cp-search-result:last-of-type {
  margin-bottom: 0;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(2) {
  transition-delay: 50ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(3) {
  transition-delay: 100ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(4) {
  transition-delay: 150ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(5) {
  transition-delay: 200ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(6) {
  transition-delay: 250ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(7) {
  transition-delay: 300ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(8) {
  transition-delay: 350ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(9) {
  transition-delay: 400ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(10) {
  transition-delay: 450ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(11) {
  transition-delay: 500ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(12) {
  transition-delay: 550ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(13) {
  transition-delay: 600ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(14) {
  transition-delay: 650ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(15) {
  transition-delay: 700ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(16) {
  transition-delay: 750ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(17) {
  transition-delay: 800ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(18) {
  transition-delay: 850ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(19) {
  transition-delay: 900ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(20) {
  transition-delay: 950ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(21) {
  transition-delay: 1000ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(22) {
  transition-delay: 1050ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(23) {
  transition-delay: 1100ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(24) {
  transition-delay: 1150ms;
}
.cp-format--fullSearch .cp-search-result:nth-of-type(25) {
  transition-delay: 1200ms;
}
.cp-format--fullSearch .cp-search-resultTitle {
  margin: 0.25rem 0;
}
.cp-format--fullSearch .cp-search-resultTitle h3,
.cp-format--fullSearch .cp-search-resultTitle h4 {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  word-wrap: break-word;
  margin: 0 0.5rem 0 0;
}
.cp-format--fullSearch .cp-search-resultTitle h3:hover, .cp-format--fullSearch .cp-search-resultTitle h3:focus,
.cp-format--fullSearch .cp-search-resultTitle h4:hover,
.cp-format--fullSearch .cp-search-resultTitle h4:focus {
  text-decoration: underline;
}
.cp-format--fullSearch .cp-search-resultTitle.cp-search-resultTitle > a {
  display: inline;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.cp-format--fullSearch .cp-search-resultTitle.cp-search-resultTitle > a:hover, .cp-format--fullSearch .cp-search-resultTitle.cp-search-resultTitle > a:focus {
  display: inline;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: underline;
}
.cp-format--fullSearch {
  /* Hack to get table items to look okay in search results header */
}
.cp-format--fullSearch .widgetTitle .cp-contentLabels {
  display: inline-block;
  margin: 0;
}
.cp-format--fullSearch .widgetTitle .cp-contentLabels tbody {
  display: inline-block;
}
.cp-format--fullSearch .widgetTitle .cp-contentLabels tr {
  display: flex;
}
.cp-format--fullSearch .widgetTitle .cp-contentLabels tr:last-child td {
  padding-bottom: 0;
}
.cp-format--fullSearch .cp-search-resultTitle--noLink h3:hover, .cp-format--fullSearch .cp-search-resultTitle--noLink h3:focus,
.cp-format--fullSearch .cp-search-resultTitle--noLink h4:hover,
.cp-format--fullSearch .cp-search-resultTitle--noLink h4:focus {
  text-decoration: none;
}
.cp-format--fullSearch .cp-search-resultURL,
.cp-format--fullSearch .cp-search-resultMeta {
  color: #555;
  font-size: 0.8rem;
  margin-bottom: 0.1rem;
  word-wrap: break-word;
}
.cp-format--fullSearch .cp-search-resultDesc {
  margin-bottom: 0.1rem;
  margin-top: 0;
  word-wrap: break-word;
}
.cp-format--fullSearch .cp-search-resultDate {
  color: #383838;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 0.25rem;
  vertical-align: top;
}
.cp-format--fullSearch .cp-search-resultDate::before {
  content: "-";
  margin-right: 0.5rem;
}
.cp-format--fullSearch .cp-search-image {
  background: #fff;
  border: 1px solid #383838;
  display: inline-block;
  float: left;
  margin-right: 0.5rem;
  padding: 0.35rem;
}
.cp-format--fullSearch .cp-search-image img {
  display: block;
  max-height: 10rem;
  max-width: 10rem;
}
.cp-format--fullSearch .cp-search-detail {
  margin: 0.5rem 0;
}
.cp-format--fullSearch .cp-search-detail td {
  font-size: 0.85rem;
  padding: 0 0.5rem 0.35rem 0;
}
.cp-format--fullSearch td.cp-search-detailHeader {
  font-weight: bold;
  padding-right: 1rem;
  white-space: nowrap;
}
.cp-format--fullSearch td.cp-search-detailHeader::after {
  content: ": ";
}
.cp-format--fullSearch .cp-search-result::before,
.cp-format--fullSearch .cp-search-result::before,
.cp-format--fullSearch .cp-search-result::after,
.cp-format--fullSearch .cp-search-result::after {
  display: table;
  content: "";
}
.cp-format--fullSearch .cp-search-result::after,
.cp-format--fullSearch .cp-search-result::after {
  clear: both;
}
.cp-format--fullSearch .cp-search-result--Calendar.cp-search-result .cp-search-resultDate {
  color: #242424;
  font-size: 0.85rem;
}
.cp-format--fullSearch .cp-search-resultsLoading .cp-search-result {
  opacity: 0;
  transform: translateY(-0.5rem);
}
.cp-format--fullSearch .cp-search-advanced {
  margin: 1rem 0 2rem;
  height: 22.7rem;
  overflow: hidden;
  transition: height 360ms cubic-bezier(0.5, 0.2, 0.5, 0.8), margin 360ms cubic-bezier(0.5, 0.2, 0.5, 0.8), opacity 360ms cubic-bezier(0.45, 0.45, 0.45, 1);
}
.cp-format--fullSearch .cp-search-advanced--hidden.cp-search-advanced--hidden {
  height: 0;
  margin: 0;
  opacity: 0;
}
.cp-format--fullSearch .cp-search-advancedTable {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.04);
  font-size: 0.85rem;
  padding: 0.75rem 0 0 0.75rem;
  width: 100%;
}
.cp-format--fullSearch .cp-search-advancedTable td {
  line-height: 1.5;
  padding: 0 0.75rem 0.75rem 0;
}
.cp-format--fullSearch .cp-search-advancedTable input[type=text] {
  padding: 0.25rem;
  width: calc(100% - 0.75rem);
}
.cp-format--fullSearch .cp-search-advancedTable select {
  padding: 0.25rem 0 0.25rem 0.25rem;
}
.cp-format--fullSearch .cp-search-advancedHeader {
  font-weight: bold;
}
.cp-format--fullSearch .cp-search-advancedCode {
  font-family: "Lucida Console", Monaco, monospace;
}
.cp-format--fullSearch .pagination {
  padding: 1.5rem 0;
}
.cp-format--fullSearch .cp-search-resultURL--tags.cp-search-resultURL--tags {
  margin: 0.25em 0;
}
.cp-format--fullSearch .cp-search-resultURL--tags svg {
  margin: 0 0.5em 0 0.25em;
  height: 1.25em;
  vertical-align: middle;
  width: 1.25em;
}
.cp-format--fullSearch .cp-search-status {
  display: flex;
}
.cp-format--fullSearch .cp-search-status-text {
  flex-grow: 1;
}
.cp-format--fullSearch .cp-viewAllBar {
  display: flex;
}
.cp-format--fullSearch .cp-viewAllBar-section {
  margin: 0 0.5rem;
  width: 25%;
}
.cp-format--fullSearch .cp-viewAllBar-section:first-child {
  margin-left: 0;
}
.cp-format--fullSearch .cp-viewAllBar-section:last-child {
  margin-right: 0;
}
.cp-format--fullSearch .cp-viewAllBar-section--searchBar {
  flex-grow: 1;
}
.cp-format--fullSearch .cp-viewAllBar-section--searchBar > .prmbl-textInput {
  width: 100%;
}
.cp-format--fullSearch .cp-viewAllBar-row {
  display: block;
}
.cp-format--fullSearch .cp-viewAllBar-row .prmbl-datePicker.prmbl-datePicker.prmbl-datePicker input {
  height: auto;
}

.widgetUniversal .cp-search-barInner {
  font-size: 1em;
  padding: 0.8em;
}

.narrow .cp-format--fullSearch .widgetTitle .cp-contentLabels {
  display: block;
  margin: 0;
}
.narrow .cp-format--fullSearch .widgetTitle .cp-contentLabels tbody {
  display: block;
}
.narrow .cp-format--fullSearch .widgetTitle .cp-contentLabels tr {
  display: block;
}
.narrow .cp-format--fullSearch .cp-search-bar {
  font-size: 0.8rem;
}
.narrow .cp-format--fullSearch input.cp-search-input {
  padding-bottom: calc(0.525em - 2px);
}
.narrow .cp-format--fullSearch .cp-search-status {
  margin: 1rem 0 0.5rem;
}
.narrow .cp-format--fullSearch .cp-search-image {
  float: none;
  margin-bottom: 0.5rem;
}
.narrow .cp-format--fullSearch .cp-search-resultDate {
  display: block;
  margin: 0 0 0.1rem;
}
.narrow .cp-format--fullSearch .cp-search-resultDate::before {
  content: "";
  margin: 0;
}
.narrow .cp-format--fullSearch .cp-search-detail {
  display: block;
}
.narrow .cp-format--fullSearch .cp-search-detail td {
  display: block;
}
.narrow .cp-format--fullSearch .cp-search-detail .cp-search-detailInfo {
  padding-bottom: 0.5rem;
}
.narrow .cp-format--fullSearch .cp-search-advanced {
  height: 28.6rem;
}
.narrow .cp-format--fullSearch td.cp-search-advancedHeader {
  padding: 1rem 0;
}
.narrow .cp-format--fullSearch tr:first-child td.cp-search-advancedHeader {
  padding-top: 0;
}
.narrow .cp-format--fullSearch .cp-search-advancedTable td {
  display: block;
}
.narrow .cp-format--fullSearch td.cp-search-advancedInstruction {
  display: none;
}

/* Icons */
.cp-search-result.cp-search-result--Calendar {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleCalendar.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Images {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModulePhotoGallery.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--People {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleCityDirectory.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--WebPages {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModulePages.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Activities {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleActivities.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Agendas {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleAgendaCenter.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Alerts {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleAlertCenter.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Bids {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleBids.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--FAQs {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleFAQs.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Forms {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleFormCenter.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Jobs {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleJobs.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--News {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleNewsFlash.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Places {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleLocations.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Social {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleCommunityConnection.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--Videos {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleCivicMedia.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--contentItem {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconContentItem.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--municodeItem {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconModuleAgendaCenter.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--documentWord {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconDocumentWord.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--documentExcel {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconDocumentExcel.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--documentPowerpoint {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconDocumentPowerpoint.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--documentTxt {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconDocumentTxt.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result--documentPDF {
  background: url("/Assets/Mystique/Shared/Images/IndividualIcons/IconDocumentPDF.svg?v=092020") 0 0.2rem no-repeat;
}

.cp-search-result.cp-search-result {
  background-size: 1.5rem 1.5rem;
}

/* Original Search Module Autocomplete Styles */
ul.ui-autocomplete {
  border-color: #bbb;
  border-radius: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  padding: 0;
}

ul.ui-autocomplete > li {
  position: relative;
}

ul.ui-autocomplete > li span.autocompleteModuleHomePage {
  padding-left: calc(17px + 0.5em);
}

ul.ui-autocomplete > li > a {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: 14px;
  padding: 0.5em 10em 0.5em 0.5em !important;
}

ul.ui-autocomplete > li .ui-state-focus,
ul.ui-autocomplete > li .ui-state-hover {
  background: #e5e5e5;
  border: none;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-radius: 0;
  margin: 0 !important;
}

ul.ui-autocomplete > li .autocompleteModuleName {
  color: #999;
  font-size: 0.8em;
  position: absolute;
  right: 1em;
  top: 0.85em;
}

ul.ui-autocomplete > li .autocompletePageLink {
  border: 1px solid transparent !important;
  color: #242424;
  cursor: pointer;
  display: none;
  font-size: 11px;
  padding: 0 !important;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 0.5em;
}

ul.ui-autocomplete > li:hover .autocompletePageLink,
ul.ui-autocomplete > li:focus .autocompletePageLink {
  display: inline;
}

ul.ui-autocomplete > li .autocompletePageLink:hover,
ul.ui-autocomplete > li .autocompletePageLink:focus {
  text-decoration: underline;
}

/* CPUI Component scss for front-end */
/* Variables.scss
 * Global variables used throughout source files
 */
/* Variables--system.scss
 * System-level variables used throughout source files
 */
/* Variables--admin.scss
 * Admin-level variables used throughout source files
 */
/* Mixins.scss
 * Global mixins used throughout source files
 */
/* Mixins--system.scss
 * System-level mixins used throughout source files
 */
/* Mixins--admin.scss
 * Admin-level mixins used throughout source files
 */
.cp-Tabs-list .cp-Tabs-link, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoSearch-button, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:after, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  border: 1px solid;
  border-color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 42px;
  margin: 0;
  /*outline: none;*/
  padding: 0 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 240ms cubic-bezier(0.45, 0.45, 0.45, 1), border-color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (max-width: 19.999em) {
  .is-hiddenAt--xnarrow- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 20em) {
  .is-hiddenAt--narrow\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 20em) and (max-width: 31.999em) {
  .is-hiddenAt--narrow {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 31.999em) {
  .is-hiddenAt--narrow- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 32em) {
  .is-hiddenAt--medium\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 32em) and (max-width: 44.999em) {
  .is-hiddenAt--medium {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 44.999em) {
  .is-hiddenAt--medium- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 45em) {
  .is-hiddenAt--wide\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 45em) and (max-width: 59.999em) {
  .is-hiddenAt--wide {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 59.999em) {
  .is-hiddenAt--wide- {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 60em) {
  .is-hiddenAt--xwide\+ {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 19.999em) {
  .is-vHiddenAt--xnarrow- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 20em) {
  .is-vHiddenAt--narrow\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 20em) and (max-width: 31.999em) {
  .is-vHiddenAt--narrow {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 31.999em) {
  .is-vHiddenAt--narrow- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 32em) {
  .is-vHiddenAt--medium\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 32em) and (max-width: 44.999em) {
  .is-vHiddenAt--medium {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 44.999em) {
  .is-vHiddenAt--medium- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 45em) {
  .is-vHiddenAt--wide\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 45em) and (max-width: 59.999em) {
  .is-vHiddenAt--wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 59.999em) {
  .is-vHiddenAt--wide- {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 60em) {
  .is-vHiddenAt--xwide\+ {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

.is-hidden {
  display: none !important;
  visibility: hidden;
}

.is-vHidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.is-invisible {
  visibility: hidden;
}

.cp-clearfix:before, .cp-clearfix:after {
  display: table;
  content: "";
}
.cp-clearfix:after {
  clear: both;
}

.cp-ir {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cp-ir br {
  display: none;
}

.cp-semanticList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.cp-userTextSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.cp-truncateText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-noWrap {
  white-space: nowrap;
}

.cp-cursor--draggable {
  cursor: move;
}

.cp-cursor--pointer {
  cursor: pointer;
}

.cp-cursor--text {
  cursor: text;
}

.cp-cursor--default {
  cursor: default;
}

.sp-hidden {
  display: none;
}

.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy {
  /* Base */
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea {
  background-color: white;
  border: 1px solid;
  border-radius: 2px;
  font: 1.25rem sans-serif;
  height: 44px;
  line-height: 42px;
  padding: 0 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url],
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea {
  border-color: #a0a0a0;
}
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url],
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea {
  font-family: "Lato", "Muli", sans-serif;
}

.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:focus {
  outline: 2px solid;
  outline-color: #29beff;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:disabled,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:disabled {
  background-color: #f9f9f9;
  color: #383838;
  cursor: default;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:-moz-read-only, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:-moz-read-only {
  color: rgb(90.75, 90.75, 90.75);
  cursor: default;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:read-only,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:read-only {
  color: rgb(90.75, 90.75, 90.75);
  cursor: default;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:-moz-read-only:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:-moz-read-only:focus {
  outline: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:read-only:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:read-only:focus {
  outline: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:read-only::-moz-selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:read-only::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:-moz-read-only::selection, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:-moz-read-only::selection {
  background: rgba(0, 0, 0, 0.1);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]:read-only::selection,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea:read-only::selection {
  background: rgba(0, 0, 0, 0.1);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=datetime]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=email]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=password]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=search]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=tel]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=time]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=url]::-ms-clear,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea::-ms-clear {
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=number][type=number] {
  padding-right: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy textarea {
  display: block;
  height: auto;
  line-height: 1.5;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy ::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy ::placeholder {
  color: #aaa;
  opacity: 1;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy ::-ms-reveal {
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :invalid {
  box-shadow: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :-moz-submit-invalid {
  box-shadow: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :-moz-ui-invalid {
  box-shadow: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-FormField-input--small {
  font-size: 0.85rem;
  height: 33px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-FormField-input--slim {
  padding: 0 0.4rem;
  width: 3rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-FormField-input--unit.cp-FormField-input--unit {
  margin-right: 0.25rem;
  vertical-align: baseline;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-input {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox {
  display: block;
  margin: 0.25rem 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label {
  cursor: pointer;
  display: block;
  line-height: 24px;
  padding-left: 1.4rem;
  position: relative;
  font-weight: 500;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:before, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label:before,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label:after {
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid;
  border-radius: 2px;
  content: "";
  left: 0;
  position: absolute;
  top: 4px;
  transition: border-color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), box-shadow 240ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
  border-color: rgb(96.0595238095, 128.25, 160.4404761905);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label:after {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  left: 3px;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 240ms cubic-bezier(0.45, 0.45, 0.5, 0.8), border-radius 240ms cubic-bezier(0.45, 0.45, 0.5, 0.8);
  top: 7px;
  background: #0058cc;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label ~ .cp-RadioButton-label:not(.cp-RadioButton-label--quick),
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label ~ .cp-Checkbox-label,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label ~ .cp-RadioButton-label:not(.cp-RadioButton-label--quick),
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label ~ .cp-Checkbox-label {
  margin-top: 0.25rem;
}
:focus + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:before,
:focus + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label:before {
  outline: 2px solid;
  outline-color: #29beff;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--visuallyHidden,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label--visuallyHidden {
  display: inline-block;
  line-height: 16px;
  margin-bottom: -0.15rem;
  overflow: hidden;
  padding: 0 0 0 16px;
  text-indent: -100%;
  white-space: nowrap;
  width: 16px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--visuallyHidden::before,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label--visuallyHidden::before {
  top: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--visuallyHidden::after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-label--visuallyHidden::after {
  top: 3px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton--inline,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox--inline {
  display: inline-block;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy {
  /* For use with cpui component */
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox input:focus + .cp-Checkbox-label::before,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton input:focus + .cp-RadioButton-label::before {
  outline: 2px solid;
  outline-color: #29beff;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + .cp-RadioButton-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + [type=hidden] + .cp-RadioButton-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + .cp-Checkbox-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + [type=hidden] + .cp-Checkbox-label:after {
  transform: scale(1);
  opacity: 1;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + .cp-Checkbox-label:after,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy :checked + [type=hidden] + .cp-Checkbox-label:after {
  border-radius: 2px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:before, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label:after {
  border-radius: 8px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  border: 1px solid;
  display: inline-block;
  line-height: 42px;
  padding-left: 2rem;
  padding-right: 1rem;
  top: -1px;
  background-color: rgba(224, 224, 224, 0.1);
  border-color: rgba(224, 224, 224, 0.3);
}
:focus + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  outline: 2px solid;
  outline-color: #29beff;
}
:active + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  outline: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick:before {
  left: 8px;
  top: 13px;
}
:focus + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick:before {
  outline: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick:after {
  left: 11px;
  top: 16px;
}
input:checked + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick, input:checked + [type=hidden] + .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-label--quick {
  background-color: rgba(156.8, 156.8, 156.8, 0.1);
  border-color: rgba(156.8, 156.8, 156.8, 0.3);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy {
  /* Layout */
  /* Components */
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu {
    background-color: white;
    border: 1px solid;
    border-radius: 2px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 42px;
    padding-right: 2.75rem;
    position: relative;
    transition: all 240ms, box-shadow 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
    border-color: rgba(0, 0, 0, 0.23);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:focus {
    border-color: #0058cc;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:before {
    content: attr(data-label);
    display: block;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:after {
    bottom: -1px;
    content: "";
    display: block;
    padding: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 44px;
    z-index: 1;
    background: none;
    border: none;
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:hover:after, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:focus:after {
    background: none;
    border: none;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:focus:after {
    outline-color: #a8a8a8;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-open {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-open .cp-DropdownMenu-menu {
    opacity: 1;
    transform: scale(1);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-disabled {
    cursor: default;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-disabled:before, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-disabled.is-disabled:after,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu.is-disabled .cp-DropdownMenu-arrow--down {
    cursor: default;
    opacity: 0.5;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--small {
    font-size: 0.85rem;
    line-height: 31px;
    padding-right: 2.05rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--small::before {
    padding: 0 0.5rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--small::after {
    width: 33px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--small .cp-DropdownMenu-arrow--down {
    right: 20px;
    width: 11px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--slim {
    padding-right: 1.125rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--slim::before {
    padding: 0 0.4rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--slim::after {
    width: 19px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu--slim .cp-DropdownMenu-arrow--down {
    right: 13px;
    width: 11px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-arrow--down {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-right: -10px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
    z-index: 2;
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu {
    background: white;
    border: 1px solid;
    border-radius: 2px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    left: 0;
    line-height: 1.5;
    margin-bottom: 1rem;
    min-width: 100%;
    max-height: 18.5rem;
    opacity: 0;
    overflow: auto;
    position: absolute;
    top: calc(100% + 1px);
    transition: box-shadow 360ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 240ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    transform: scaleY(0.95);
    transform-origin: 0 0;
    z-index: 10;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu.Dropdown-fade-exited {
    height: 0;
    pointer-events: none;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu.Dropdown-fade-entering {
    opacity: 1;
    transform: scale(1);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu.Dropdown-fade-entered {
    opacity: 1;
    transform: scale(1);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu.Dropdown-fade-exiting {
    opacity: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu::-webkit-scrollbar {
    width: 0.5rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.18);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.21);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu {
    border: none;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Checkbox-label,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-RadioButton-label {
    margin: 0;
    padding: 0.6rem 1rem 0.6rem 2.4rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Checkbox-label:before,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-RadioButton-label:before {
    left: 16px;
    top: 12px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Checkbox-label:after,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-RadioButton-label:after {
    left: 19px;
    top: 15px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-DropdownMenu-menuHeading {
    margin: 0;
    padding-top: 0.75rem;
    text-align: center;
    color: #242424;
    font-size: 0.7rem;
    font-weight: 300;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-DropdownMenu-menuSection:not(:last-child) {
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 32em) and (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-DropdownMenu-menuSection.cp-DropdownMenu-menuSection--columned {
    -moz-columns: 2;
         columns: 2;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-DropdownMenu-menuSection.cp-DropdownMenu-menuSection--columned .cp-Checkbox-label,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-DropdownMenu-menuSection.cp-DropdownMenu-menuSection--columned .cp-RadioButton-label {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Btn {
    border-bottom-width: 1px;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: inherit;
    width: 100%;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Btn:last-of-type {
    border-bottom: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Btn:active {
    line-height: 41px;
    margin-top: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Btn:disabled, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-Btn.is-disabled {
    background-color: transparent;
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu p {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=text],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=date],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=datetime],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=email],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=password],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=number],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=search],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=tel],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=time],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=url],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu textarea {
    border: 0;
    border-top: 1px solid;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=text]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=date]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=datetime]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=email]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=password]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=number]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=search]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=tel]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=time]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=url]:first-of-type,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu textarea:first-of-type {
    border-top: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=text],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=date],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=datetime],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=email],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=password],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=number],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=search],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=tel],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=time],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu input[type=url],
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu textarea {
    border-top-color: #b0c0d0;
  }
}
@media (min-width: 32em) and (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-FormField {
    margin: 0;
    min-width: 16rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-FormField:not(:last-child) {
    border-bottom: 1px solid #b0c0d0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-FormField-label,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-FormField-holder {
    display: inline-block;
    width: 11.15rem;
    margin-left: 0.25rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu .cp-FormField-label {
    padding-left: 1rem;
    text-align: right;
    width: 4.5rem;
  }
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__dropdown-indicator {
    background: url(/Assets/Mystique/Shared/Images/IconArrow--Down.svg) no-repeat;
    background-position: 50%;
    background-size: 16px 16px;
    color: transparent;
    display: flex;
    height: 100%;
    opacity: 0.5;
    padding: 0 0.5rem 0 0.25rem;
    transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__dropdown-indicator:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__dropdown-indicator:focus {
    opacity: 1;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect:focus-within .cp-autoselect__dropdown-indicator {
    opacity: 1;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__placeholder {
    margin-left: 2px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__input {
    padding-bottom: 2px;
    visibility: visible;
    color: rgb(34, 34, 34);
    box-sizing: border-box;
    margin: 0 2px 2px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu {
    position: relative;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list {
    background: white;
    border: 1px solid;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    left: 0;
    line-height: 1.5;
    margin-bottom: 1rem;
    min-width: 100%;
    max-height: 18.5rem;
    overflow: auto;
    position: absolute;
    top: -1px;
    transition: box-shadow 360ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 240ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    z-index: 10;
    border-color: rgb(187.85, 201.45, 215.05) rgb(149.6, 163.2, 176.8) rgb(149.6, 163.2, 176.8) rgb(187.85, 201.45, 215.05);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list::-webkit-scrollbar {
    width: 0.5rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.18);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.21);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__menu-list > div {
    padding: 0.5rem 1rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option {
    background: #fff;
    cursor: pointer;
    padding: 0.5rem 1rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option.cp-autoselect__option--is-focused {
    background-color: rgb(228.65, 228.65, 228.65);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option {
    border-bottom-width: 1px;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: inherit;
    width: 100%;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__option:last-of-type {
    border-bottom: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-contentFilter {
    position: absolute;
    top: 0;
    right: 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    left: auto;
    max-height: 32rem;
    right: -1px;
    top: calc(100% + 1rem);
    width: 383px;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-DropdownMenu-menuSection--columned.cp-DropdownMenu-menuSection--columned {
    -moz-columns: auto auto;
         columns: auto auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-Checkbox {
    margin: 0;
    width: 50%;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-Checkbox--centered {
    display: inline-block;
    width: auto;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-Checkbox-label {
    font-size: 1rem;
    text-align: left;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-FormField {
    display: flex;
    align-items: center;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-FormField-label {
    font-size: 1rem;
    padding-right: 0.5rem;
    width: 35%;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-menu--contentFilter .cp-FormField-input {
    height: 39px;
    padding-bottom: 3px;
    width: 65%;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option {
    margin: 0 !important;
    padding: 0.5rem 1rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option:focus, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option:active {
    background-color: rgba(0, 0, 0, 0.08);
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option:before, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-option.cp-DropdownMenu-option:after {
    display: none;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Checkbox-input:checked + .cp-DropdownMenu-option,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-RadioButton-input:checked + .cp-DropdownMenu-option {
    background-color: rgba(0, 0, 0, 0.1);
    color: #242424;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu {
    background: #094772;
    right: 1px !important;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu::-webkit-scrollbar {
    width: 0.5rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.18);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.21);
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-dropdownButton .cp-DropdownMenu-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 31.999em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu:after,
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-DropdownMenu-arrow--down {
    display: none;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField {
  margin-bottom: 2rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--minor {
  margin-bottom: 1rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--accordion--minor {
  margin-bottom: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--withLink {
  position: relative;
}
@media (min-width: 45em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--leftLabel:before, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--leftLabel:after {
    display: table;
    content: "";
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--leftLabel:after {
    clear: both;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > div,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > .cp-DropdownMenu {
  vertical-align: text-bottom;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > .cp-unit,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > .cp-FormField-text {
  display: inline-block;
  font-size: 0.85rem;
  line-height: 42px;
  margin: 0 0.25rem;
  vertical-align: text-bottom;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > .cp-unit > .cp-Checkbox,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField > .cp-FormField-text > .cp-Checkbox {
  margin: 0;
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Form--sideBySide .cp-FormField {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: top;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Form--sideBySide .cp-FormField--noLabel {
    padding-top: 1.75rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Form--sideBySide .cp-FormField--noLabel--minor {
    padding-top: 1.55rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-helpText + .cp-FormField {
  margin-top: 1rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--single .cp-RadioButton-label,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--single .cp-Checkbox-label,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--accordion:not(.cp-FormField--multi) .cp-RadioButton-label,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--accordion:not(.cp-FormField--multi) .cp-Checkbox-label {
  border-bottom: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-label {
  display: block;
  font-size: 1.1rem;
  margin: 0 0 0.25rem;
  color: #0058cc;
  font-weight: 400;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-label--minor {
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-label--withLink {
    padding-right: 10rem;
  }
}
@media (min-width: 45em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-label--leftLabel {
    float: left;
    margin-top: 0.5rem;
    text-align: right;
    width: 8rem;
  }
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-label--leftLabel.cp-FormField-label--minor {
    margin-top: 0.65rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Required {
  border-left: 1px solid;
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1;
  margin: 0 0.4rem;
  padding: 0.3rem 0.5rem 0;
  border: 0;
  font-size: 1em;
  font-weight: 500;
  margin: 0;
  padding: 0;
  position: relative;
  width: 1em;
  height: 1em;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Required br {
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-Required:after {
  color: red;
  content: "*";
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder--withInsetBtn {
  position: relative;
}
@media (min-width: 45em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder--leftLabel {
    margin-left: 9rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-intro {
  margin-bottom: 0.5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control {
  border: 1px solid;
  border-radius: 2px;
  max-width: 100%;
  transition: border-color 240ms;
  width: 100%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input--withInsetBtn,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput.cp-FormField-input--withInsetBtn,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control.cp-FormField-input--withInsetBtn {
  padding-right: 52px;
  padding-right: calc(44px + 0.5rem);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control {
  border-color: rgba(0, 0, 0, 0.23);
}
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input,
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput,
.has-webFonts .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control {
  font-family: "Lato", "Muli", sans-serif;
}

.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input:not(.cp-tagInput):hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input:not(.cp-tagInput):focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput:not(.cp-tagInput):hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput:not(.cp-tagInput):focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control:not(.cp-tagInput):hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control:not(.cp-tagInput):focus {
  border-color: #0058cc;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput {
  display: flex;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput + .cp-tagInput {
  margin-top: 0.5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy {
  /* Styles for react-select autocomplete to fit our style */
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect {
  position: relative;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control {
  align-items: center;
  background: #fff;
  cursor: text;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control svg {
  max-height: 40.5px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__value-container {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  min-height: 40.5px;
  padding: 0.5rem 0.5rem 0.25rem;
  width: 100%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__input > input {
  height: auto;
  line-height: normal;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput--vertical {
  flex-direction: column;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-target {
  background: #fff;
  flex-grow: 1;
  max-height: 8rem;
  min-height: 40px;
  padding: 0.5rem 0.5rem 0.25rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-title {
  background: #f0f0f0;
  border-color: rgba(0, 0, 0, 0.23);
  font-size: 0.85rem;
  padding: 0.625rem 0.725rem;
  word-wrap: break-word;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-title--left {
  border-right-style: solid;
  border-right-width: 1px;
  max-height: 8rem;
  max-width: 8rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-title--top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-title--bottom {
  border-top-style: solid;
  border-top-width: 1px;
  order: 2;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-title--right {
  border-left-style: solid;
  border-left-width: 1px;
  max-height: 8rem;
  max-width: 8rem;
  order: 2;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput-inner {
  box-sizing: content-box;
  height: 100%;
  margin: -0.5rem -0.5rem -0.25rem;
  padding: 0.5rem 0.5rem 0.25rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput--vertical .cp-tagInput-target {
  display: flex;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tagInput--vertical .cp-tagInput-inner {
  height: auto;
  width: 100%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="1"] {
  width: 2rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="2"] {
  width: 3rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="3"] {
  width: 4rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="4"] {
  width: 5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="5"] {
  width: 6rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="6"] {
  width: 7rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="7"] {
  width: 8rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="8"] {
  width: 9rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="9"] {
  width: 10rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="10"] {
  width: 11rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="11"] {
  width: 12rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="12"] {
  width: 13rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="13"] {
  width: 14rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="14"] {
  width: 15rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input.cp-FormField-input[size="15"] {
  width: 16rem;
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-input + .cp-Btn {
    margin-top: 0.5rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-insetBtn.cp-FormField-insetBtn.cp-FormField-insetBtn {
  background: transparent url("../../../../Assets/Mystique/Shared/Images/TransparentBkg.png") repeat;
  border: none;
  bottom: 1px;
  color: #242424;
  margin: 0;
  min-width: 44px;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-insetBtn.cp-FormField-insetBtn.cp-FormField-insetBtn > svg {
  width: 26px;
  height: 26px;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  position: absolute;
  top: 50%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-helpText {
  font-size: 0.9rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-helpText:not(:first-child) {
  margin-top: 0.25rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-helpText:not(:last-child) {
  margin-bottom: 1rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-charCount {
  font-size: 0.8rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-link {
  position: absolute;
}
@media (max-width: 31.999em) {
  .is-enhanced .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-link {
    margin: 0;
    padding: 0 0.9rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 32em) {
  .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-link {
    right: -2rem;
    top: -0.3rem;
  }
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating {
  padding-right: 26px;
  position: relative;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-addButton,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-removeButton {
  width: 26px;
  height: 26px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-addButton br,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-removeButton br {
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-addButton,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-removeButton {
  background-image: url("/Assets/Mystique/Shared/Images/IconRemove.svg?v=092020");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
  border: 0;
  margin: 26px 0 0 !important;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e0e0e0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField--repeating-addButton {
  background-image: url("/Assets/Mystique/Shared/Images/IconAdd.svg?v=092020");
  margin-top: 0 !important;
  background-color: #a8a8a8;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .tt-menu {
  border: none;
  border-radius: 0;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  margin: -2px 0 0 2px;
  padding: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .tt-suggestion,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .empty-message,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .pending-results {
  font-size: 0.9rem;
  padding: 0.5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .tt-suggestion:hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .tt-suggestion.tt-cursor {
  color: #242424;
  background-color: #efeee9;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-FormField-holder .typeahead:focus {
  border-width: 1px;
  border-color: transparent;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSearch-input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SearchBar-input {
  box-sizing: content-box;
  height: 42px;
  font-size: 0.9rem;
  padding-right: 2.5rem;
  transition: border-color 240ms;
  width: calc(100% - 3rem - 2px);
  color: #242424;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSearch-input:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSearch-input:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SearchBar-input:hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SearchBar-input:focus {
  border-color: #0058cc;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSearch-input {
  border: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSubmitSearch-input,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SubmitSearchBar-input {
  box-sizing: content-box;
  height: 42px;
  font-size: 0.9rem;
  padding-right: 5rem;
  width: calc(100% - 5.5rem - 2px);
  color: #242424;
  outline-offset: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-ModuleSubmitSearch-input {
  border: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SearchBar-input--small {
  height: 32px;
  padding-right: 2.5rem;
  width: calc(100% - 3rem - 2px);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input.cp-SubmitSearchBar-input--small {
  height: 32px;
  padding-right: 5rem;
  width: calc(100% - 5.5rem - 2px);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button {
  bottom: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  background-color: #e0e0e0;
  color: #242424;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button:hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button:focus {
  background-color: rgb(190.4, 190.4, 190.4);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button:focus {
  outline-color: #a8a8a8;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button:active, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button.is-selected,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button:active,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button.is-selected {
  background-color: rgb(224.62, 224.62, 224.62);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-ModuleSearch-button > svg,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button > svg {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin: -12px 0 0 -12px;
  top: 50%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoSearch-button {
  bottom: 0;
  color: #242424;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoSearch-button > svg {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin: -12px 0 0 -12px;
  top: 50%;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button--small {
  width: 2.5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-SearchBar-button--small > svg {
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list {
  background: #fff;
  border-color: #bbb;
  border-radius: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: calc(100% - 3em);
  z-index: 100;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item {
  position: relative;
  padding: 0.5em !important;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: 14px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item > a {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: 14px;
  padding: 0.5em !important;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item.ui-state-focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item.ui-state-hover {
  background: #e5e5e5;
  border: none;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-radius: 0;
  margin: 0 !important;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item.AutoCompletePageLink {
  border: 1px solid transparent !important;
  color: #242424;
  cursor: pointer;
  display: none;
  font-size: 11px;
  padding: 0 !important;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 0.5em;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item:hover.AutoCompletePageLink,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item:focus.AutoCompletePageLink {
  display: inline;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item.AutoCompletePageLink:hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-AutoComplete-list--item.AutoCompletePageLink:focus {
  text-decoration: underline;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy input[type=text]::-ms-clear {
  display: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value {
  background: #007066;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  margin: 0 0.5rem 0.25rem 0;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  position: relative;
  word-wrap: break-word;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag--contentType,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value {
  background: #93387f;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag--superTag {
  background: #ed7600;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag--removable,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value {
  padding-right: 2rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag--draggable {
  cursor: move;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove {
  bottom: 0;
  cursor: pointer;
  color: #fff;
  line-height: 2.25rem;
  position: absolute;
  right: 0;
  top: 0;
  transition: background cubic-bezier(0.45, 0.45, 0.45, 1) 240ms;
  width: 1.5rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove:hover, .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove:focus,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove:hover,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove:focus {
  background-color: rgba(255, 255, 255, 0.15);
  outline: none;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove:active,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove:active {
  background-size: 0.75rem 0.75rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove:active > svg,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove:active > svg {
  transform: scale(0.75);
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-tag-remove > svg,
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove > svg {
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__multi-value__remove {
  background: url(/Assets/Mystique/Shared/Images/IconClose--white.svg) no-repeat;
  background-position: 50%;
  background-size: 1rem 1rem;
  color: transparent;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar {
  display: flex;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar .cp-actionsBar-section {
  flex-grow: 1;
  margin-left: 10px;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar .cp-actionsBar-section:last-child {
  flex-grow: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar .cp-actionsBar-section:first-child {
  margin-left: 0;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar .cp-actionsBar-section:first-child:last-child {
  flex-grow: 1;
}
.cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-actionsBar .cp-actionsBar-section:empty {
  display: none;
}

.cp-actionsBar {
  display: flex;
}
.cp-actionsBar .cp-actionsBar-section {
  flex-grow: 1;
  margin-left: 10px;
}
.cp-actionsBar .cp-actionsBar-section:last-child {
  flex-grow: 0;
}
.cp-actionsBar .cp-actionsBar-section:first-child {
  margin-left: 0;
}
.cp-actionsBar .cp-actionsBar-section:first-child:last-child {
  flex-grow: 1;
}
.cp-actionsBar .cp-actionsBar-section:empty {
  display: none;
}

.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy {
  align-items: center;
  display: flex;
  min-width: 12rem;
}
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu {
  border-color: #bbb;
  border-radius: 0;
  margin-left: 0.5rem;
  outline: 0;
}
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu:hover, .cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu:focus, .cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu:focus-within {
  border-color: rgba(0, 0, 0, 0.5);
}
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu-arrow--down {
  margin-right: -8px;
}
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu-menu {
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.15);
}
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu-option.cp-DropdownMenu-option:hover,
.cp-fullSearch-sortBy.cp-fullSearch-sortBy.cp-fullSearch-sortBy .cp-DropdownMenu-option.cp-DropdownMenu-option:focus {
  background: rgba(0, 0, 0, 0.1);
}

.cp-format--fullSearch .cp-uiInLegacy.cp-uiInLegacy.cp-uiInLegacy .cp-autoselect__control {
  min-width: 10rem;
  max-width: 25rem;
}

.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control {
  border-color: #bbb;
  border-radius: 0;
  min-height: 3rem;
}
.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control * {
  font-family: sans-serif;
}
.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control:hover, .cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control:focus, .cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control.cp-autoselect__control:focus-within {
  border-color: rgba(0, 0, 0, 0.5);
}

.cp-autoselect__placeholder.cp-autoselect__placeholder.cp-autoselect__placeholder.cp-autoselect__placeholder {
  color: #a9a9a9;
}

.cp-autoselect__menu-list.cp-autoselect__menu-list.cp-autoselect__menu-list.cp-autoselect__menu-list {
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.15);
}

.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option {
  font-size: 0.9rem;
}
.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option:hover, .cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option:focus, .cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option.cp-autoselect__option--is-focused {
  background-color: rgba(0, 0, 0, 0.1);
}

.cp-autoselect__dropdown-indicator.cp-autoselect__dropdown-indicator.cp-autoselect__dropdown-indicator {
  cursor: pointer;
}

/* ==========================================================================
   Please define your styles before this section.
   ========================================================================== */
.ir,
.cpCarousel .arrow {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.ir br {
  display: none;
}

.visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyHidden.focusable:active,
.visuallyHidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.semanticList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.dividedList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.dividedList > li {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.4);
  padding: 0.5em 0;
}

.dividedList > li:first-child {
  border-top: 0;
}

.dividedList > li:last-child {
  border-bottom: 0;
}

.dividedList > li > a {
  display: block;
  text-decoration: none;
}

.selfClear:before,
.selfClear:after {
  display: table;
  content: "";
}

.selfClear:after {
  clear: both;
}

.gridContainer {
  margin: 0 -1em;
}

.gridContainer:before,
.gridContainer:after {
  display: table;
  content: "";
}

.gridContainer:after {
  clear: both;
}

.htmlChar {
  font-family: Arial;
  font-size: 14px;
}

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */
}

/* =============================================================================
   Components
   ========================================================================== */
/* Carousel */
.cpCarousel .cpSlider li,
.cpCarousel .cpSlider li {
  float: none;
  text-align: left;
  width: 100%;
}

.cpCarousel {
  overflow: hidden;
  position: relative;
}

.cpCarousel .cpWindow {
  overflow: hidden;
  width: 100%;
}

.cpCarousel .cpSlider {
  position: relative;
  /* See JS
   -webkit-transition: left 0ms cubic-bezier(.45,0,.54,1.23);
   transition:         left 0ms cubic-bezier(.45,0,.54,1.23);
   */
}

.cpCarousel .cpSlider li {
  float: left;
  margin-bottom: 0;
  position: relative;
}

.cpCarousel .cpSlider li:after {
  background: inherit;
  bottom: -9999px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.cpCarousel .arrow {
  bottom: 0;
  color: transparent;
  display: block;
  opacity: 0.5;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 5;
}

.cpCarousel .arrow:before,
.cpCarousel .arrow:after {
  content: "";
  position: absolute;
  top: 50%;
}

.cpCarousel .arrow:before {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #000;
  margin-top: -15px;
}

.cpCarousel .arrow:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  margin-top: -8px;
}

.cpCarousel .arrow.disabled {
  display: none;
}

.cpCarousel .arrow:hover,
.cpCarousel .arrow:focus {
  opacity: 0.75;
}

.cpCarousel .arrow:hover:before,
.cpCarousel .arrow:focus:before {
  opacity: 0.5;
}

.cpCarousel .arrow.next {
  right: 0;
}

.cpCarousel .arrow.next:before {
  margin-right: -15px;
  right: 50%;
}

.cpCarousel .arrow.next:after {
  border-left-color: #fff;
  margin-right: -14px;
  right: 50%;
}

.cpCarousel .arrow.prev {
  left: 0;
}

.cpCarousel .arrow.prev:before {
  margin-left: -15px;
  left: 50%;
}

.cpCarousel .arrow.prev:after {
  border-right-color: #fff;
  margin-left: -14px;
  left: 50%;
}

.cpCarousel.teaser .arrow.next {
  right: 0;
}

.cpCarousel.teaser .arrow.next:before {
  margin-right: -15px;
  right: 100%;
}

.cpCarousel.teaser .arrow.next:after {
  border-left-color: #fff;
  margin-right: -14px;
  right: 100%;
}

.cpCarousel.teaser .arrow.prev {
  left: 0;
}

.cpCarousel.teaser .arrow.prev:before {
  margin-left: -15px;
  left: 100%;
}

.cpCarousel.teaser .arrow.prev:after {
  border-right-color: #fff;
  margin-left: -14px;
  left: 100%;
}

/* Expand/Collapse */
.cpExpandCollapseControl,
.newCP .cpExpandCollapseControl {
  color: inherit;
  display: block;
  cursor: pointer;
  position: relative;
}

.cpExpandCollapseControl,
.cpExpandCollapseBox,
.newCP .cpExpandCollapseControl,
.newCP .cpExpandCollapseBox {
  padding-left: 0.75em;
}

.cpExpandCollapseControl.noArrow,
.cpExpandCollapseControl.noArrow + .cpExpandCollapseBox {
  padding-left: 0;
}

.cpExpandCollapseControl.collapsed {
  background: url("/App_Themes/CP/Images/AdminExpandCollapseControlCollapsed.png?v=092020") no-repeat left center;
}

.cpExpandCollapseControl.expanded {
  background: url("/App_Themes/CP/Images/AdminExpandCollapseControlExpanded.png?v=092020") no-repeat left center;
}

/* IE8 screws up these generated arrows, so we limit their
   display to only IE9 and above (which support border-radius).
*/
.cpExpandCollapseControl {
  background: none;
}

.cpExpandCollapseControl:before {
  width: 0;
  height: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}

.cpExpandCollapseControl.collapsed:before {
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left-style: solid;
  border-left-width: 0.45em;
  margin-top: 0.4em;
}

.cpExpandCollapseControl.expanded:before {
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top-style: solid;
  border-top-width: 0.45em;
  margin-top: 0.55em;
  margin-left: -0.2em;
}

.cpExpandCollapseControl.noArrow:before {
  border: none;
  content: none;
  margin: 0;
  position: static;
}

.cp-fancierButton {
  display: block;
  text-decoration: none !important;
}

.cp-fancierButton .cp-fancierButton-inner {
  display: block;
}

.cp-fancierButton .cp-fancierButton-textContainer {
  display: table;
  height: 100%;
  width: 100%;
}

.cp-fancierButton .cp-fancierButton-text {
  display: table-row;
  vertical-align: middle;
}

.cp-fancierButton.cp-fancierButton--square {
  height: 0;
  padding-bottom: 100% !important;
  position: relative;
  width: auto !important;
}

.cp-fancierButton.cp-fancierButton--square .cp-fancierButton-inner {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.flyOut {
  position: absolute;
  width: auto;
  z-index: 100;
}

.flyOut.fixed {
  position: fixed;
}

.flyOut.withArrow.top {
  margin-top: -14px;
}

.flyOut.withArrow.right {
  margin-left: 14px;
}

.flyOut.withArrow.bottom {
  margin-top: 14px;
}

.flyOut.withArrow.left {
  margin-left: -14px;
}

.flyOut.withArrow.topEdge {
  margin-top: -10px;
}

.flyOut.withArrow.rightEdge {
  margin-left: 10px;
}

.flyOut.withArrow.bottomEdge {
  margin-top: 10px;
}

.flyOut.withArrow.leftEdge {
  margin-left: -10px;
}

.flyOut.withArrow:before {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.flyOut.withArrow.top:before,
.flyOut.withArrow.bottom:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.flyOut.withArrow.right:before,
.flyOut.withArrow.left:before {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.flyOut.withArrow.top:before {
  border-top-style: solid;
  border-top-width: 12px;
  top: 100%;
}

.flyOut.withArrow.right:before {
  border-right-style: solid;
  border-right-width: 12px;
  right: 100%;
}

.flyOut.withArrow.bottom:before {
  border-bottom-style: solid;
  border-bottom-width: 12px;
  bottom: 100%;
}

.flyOut.withArrow.left:before {
  border-left-style: solid;
  border-left-width: 12px;
  left: 100%;
}

.flyOut.withArrow.topEdge:before {
  top: 10px;
}

.flyOut.withArrow.rightEdge:before {
  right: 10px;
}

.flyOut.withArrow.bottomEdge:before {
  bottom: 10px;
}

.flyOut.withArrow.leftEdge:before {
  left: 10px;
}

.flyOut.withArrow.center.top:before,
.flyOut.withArrow.center.bottom:before {
  margin-left: -12px;
  left: 50%;
}

.flyOut.withArrow.center.right:before,
.flyOut.withArrow.center.left:before {
  margin-top: -12px;
  top: 50%;
}

@media screen and (max-width: 400px) {
  .flyOut {
    right: 5% !important;
    width: 90%;
  }
  .flyOut .col {
    float: none !important;
    padding: 0 !important;
    width: 100% !important;
  }
}
.moduleContentNew .pageContent,
.moduleContentNew .pageContent * {
  box-sizing: border-box;
}

/*Styles for widget html*/
.html-widget-loader,
.html-widget-loader:before,
.html-widget-loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}

.html-widget-loader {
  color: #adabae;
  font-size: 10px;
  margin: 20px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}

.html-widget-loader:before,
.html-widget-loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.html-widget-loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}

.html-widget-loader:after {
  left: 3.5em;
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 1.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 1.5em 0 0;
  }
}
[data-cprole=nav]:before,
[data-cprole$=Container]:before,
[data-cprole$=Container] > .inner:before,
[data-cprole$=Container] .inner > .inner:before,
[data-cprole=nav]:after,
[data-cprole$=Container]:after,
[data-cprole$=Container] > .inner:after,
[data-cprole$=Container] .inner > .inner:after {
  display: table;
  content: "";
}

[data-cprole=nav]:after,
[data-cprole$=Container]:after,
[data-cprole$=Container] > .inner:after,
[data-cprole$=Container] .inner > .inner:after {
  clear: both;
}

/* Z-index resetting */
[data-cprole=banner],
[data-cprole$=Container],
[data-cprole=nav],
.pageContent .row,
.pageContent .col,
.widget {
  position: relative;
  z-index: 1;
}

/* END Z-index resetting */
/* Banners */
/* Making all img's inside a banner fluid width... */
[data-cprole=banner] > img {
  width: 100%;
}

/* ... unless they have height and/or width attributes set */
[data-cprole=banner] > img[height],
[data-cprole=banner] > img[width] {
  max-width: none;
  width: auto;
}

.bannerObject > a {
  display: block;
}

.bannerObject:hover button {
  opacity: 0.75;
}

.bannerSlideshowControls {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  position: absolute;
  z-index: 5;
}

.bannerSlideshowControls.centered {
  left: 0;
  right: 0;
  top: 50%;
}

.bannerSlideshowControls.bottomLeft,
.bannerSlideshowControls.bottomRight {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  padding: 8px;
}

.bannerSlideshowControls.bottomLeft {
  bottom: 10px;
  left: 10px;
}

.bannerSlideshowControls.bottomRight {
  bottom: 10px;
  right: 10px;
}

.cpSlideshow .bannerSlideshowControls .arrow,
.bannerSlideshowControls .arrow {
  text-indent: 100%;
  white-space: nowrap;
  text-indent: -100%;
  width: 60px;
  height: 60px;
  display: block;
  opacity: 0.25;
  margin-top: -30px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transition: opacity 333ms;
  z-index: 5;
}

.bannerSlideshowControls .arrow::before,
.bannerSlideshowControls .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: opacity 333ms, border 333ms;
}

.bannerSlideshowControls .arrow::before {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #000;
  margin-top: -15px;
}

.bannerSlideshowControls .arrow::after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  margin-top: -8px;
}

.bannerSlideshowControls .arrow:hover,
.bannerSlideshowControls .arrow:focus {
  opacity: 0.75;
}

.bannerSlideshowControls .arrow:hover::before,
.bannerSlideshowControls .arrow:focus::before {
  opacity: 0.5;
}

.bannerSlideshowControls .arrow.next {
  right: 0;
}

.bannerSlideshowControls .arrow.next::before {
  right: 5px;
}

.bannerSlideshowControls .arrow.next::after {
  border-left-color: #fff;
  right: 6px;
}

.bannerSlideshowControls .arrow.prev {
  left: 0;
}

.bannerSlideshowControls .arrow.prev::before {
  left: 5px;
}

.bannerSlideshowControls .arrow.prev::after {
  border-right-color: #fff;
  left: 6px;
}

.bannerSlideshowControls.bottomRight .arrow,
.bannerSlideshowControls.bottomLeft .arrow {
  display: inline-block;
  flex-grow: 1;
  height: 40px;
  margin-top: 0;
  position: relative;
  width: 45px;
}

.bannerSlideshowControls.bottomRight .arrow.next,
.bannerSlideshowControls.bottomLeft .arrow.next {
  order: 2;
}

.bannerSlideshowControls.bottomRight .arrow.prev,
.bannerSlideshowControls.bottomLeft .arrow.prev {
  order: 1;
}

.bannerObject.fixedBanner + .bannerSlideshowControls {
  position: fixed;
}

/* END Banners */
/* New Banner Slideshow Arrow Styles */
.bannerSlideshowControlsNew {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  position: absolute;
  z-index: 5;
}

.bannerSlideshowControlsNew.onLight {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  position: absolute;
  z-index: 5;
}

.bannerSlideshowControlsNew.centered {
  left: 0;
  right: 0;
}

.bannerSlideshowControlsNew.centered.container {
  top: 50%;
}

.bannerSlideshowControlsNew.centered.viewport {
  top: 50vh;
}

.bannerSlideshowControlsNew.bottomLeft,
.bannerSlideshowControlsNew.bottomRight {
  display: flex;
  padding: 0.5em;
}

.bannerSlideshowControlsNew.bottomLeft {
  bottom: 10px;
  left: 10px;
}

.bannerSlideshowControlsNew.bottomRight {
  bottom: 10px;
  right: 10px;
}

.bannerSlideshowControlsNew .arrowNew {
  display: block;
  opacity: 0.25;
  overflow: hidden;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: opacity 333ms;
  -webkit-transition: opacity 333ms;
  -o-transition: opacity 333ms;
  white-space: nowrap;
  z-index: 5;
}

.bannerSlideshowControlsNew:hover .arrowNew,
.bannerSlideshowControlsNew:focus .arrowNew {
  opacity: 0.25;
}

.bannerSlideshowControlsNew .arrowNew:hover,
.bannerSlideshowControlsNew .arrowNew:focus {
  opacity: 0.5;
}

.bannerSlideshowControlsNew .arrowNew.next {
  right: 0;
}

.bannerSlideshowControlsNew .arrowNew.prev {
  left: 0;
}

.bannerSlideshowControlsNew .arrowNew.next > svg,
.bannerSlideshowControlsNew .arrowNew.prev > svg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #fff;
  height: 5em;
  width: 5em;
  position: relative;
}

.bannerSlideshowControlsNew .arrowNew.next > svg.onLight,
.bannerSlideshowControlsNew .arrowNew.prev > svg.onLight {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #000;
  height: 5em;
  width: 5em;
  position: relative;
}

.bannerSlideshowControlsNew .arrowNew.next > svg.arrowNewBackground,
.bannerSlideshowControlsNew .arrowNew.prev > svg.arrowNewBackground {
  background: #000000;
  height: 3em;
  padding: 1em;
  width: 3em;
}

.bannerSlideshowControlsNew .arrowNew.next > svg.arrowNewBackground.onLight,
.bannerSlideshowControlsNew .arrowNew.prev > svg.arrowNewBackground.onLight {
  background: #ffffff;
  height: 3em;
  padding: 1em;
  width: 3em;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew,
.bannerSlideshowControlsNew.bottomLeft .arrowNew {
  display: inline-block;
  flex: 1 0 auto;
  margin-top: 0;
  position: relative;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.next,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.next {
  order: 2;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.prev,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.prev {
  order: 1;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.next > svg,
.bannerSlideshowControlsNew.bottomRight .arrowNew.prev > svg,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.next > svg,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.prev > svg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #ffffff;
  height: 3em;
  width: 3em;
  position: relative;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.next > svg.onLight,
.bannerSlideshowControlsNew.bottomRight .arrowNew.prev > svg.onLight,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.next > svg.onLight,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.prev > svg.onLight {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #000000;
  height: 3em;
  width: 3em;
  position: relative;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.next > svg.arrowNewBackground,
.bannerSlideshowControlsNew.bottomRight .arrowNew.prev > svg.arrowNewBackground,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.next > svg.arrowNewBackground,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.prev > svg.arrowNewBackground {
  background: #000000;
  height: 1.5em;
  padding: 0.75em;
  width: 1.5em;
}

.bannerSlideshowControlsNew.bottomRight .arrowNew.next > svg.arrowNewBackground.onLight,
.bannerSlideshowControlsNew.bottomRight .arrowNew.prev > svg.arrowNewBackground.onLight,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.next > svg.arrowNewBackground.onLight,
.bannerSlideshowControlsNew.bottomLeft .arrowNew.prev > svg.arrowNewBackground.onLight {
  background: #ffffff;
  height: 1.5em;
  padding: 0.75em;
  width: 1.5em;
}

/* Arrow styles with overlay. */
.fullSideArrows .overlay.bottom,
.fullSideArrows .overlay.top,
.fullSideArrows .overlay.center {
  left: 5em;
  right: 5em;
}

.fullSideArrows .overlay.left {
  left: 5em;
}

.fullSideArrows .overlay.right {
  right: 5em;
}

.fullSideArrows .overlay.inset.bottom,
.fullSideArrows .overlay.inset.top,
.fullSideArrows .overlay.inset.center {
  left: 6.25em;
  right: 6.25em;
}

.fullSideArrows .overlay.inset.left {
  left: 6.25em;
}

.fullSideArrows .overlay.inset.right {
  right: 6.25em;
}

/* New Slideshow Arrow Styles */
.arrowNew {
  display: block;
  opacity: 0;
  padding: 0;
  text-align: center;
  transition: opacity 333ms;
  -webkit-transition: opacity 333ms;
  -o-transition: opacity 333ms;
  white-space: nowrap;
  z-index: 5;
  line-height: 0;
}

.arrowNew.arrowNewBackground {
  padding: 0 0.5em;
  width: 5em;
}

.arrowNew.arrowNewBackgroundColor {
  background: #000;
}

.cpSlideshow:hover .arrowNew,
.cpSlideshow:focus .arrowNew,
.cp-format--slideshow:hover .arrowNew {
  opacity: 0.5;
}

.arrowNew:hover,
.arrowNew:focus,
.cp-format--slideshow .arrowNew:hover,
.cp-format--slideshow .arrowNew:focus {
  opacity: 0.75;
}

.arrowNew.alwaysDisplayArrowNew,
.arrowNew.alwaysDisplayArrowNew {
  opacity: 0.25;
}

.arrowNew.alwaysDisplayArrowNew,
.arrowNew.alwaysDisplayArrowNew {
  opacity: 0.5;
}

.arrowNew.alwaysDisplayArrowNew:hover,
.arrowNew.alwaysDisplayArrowNew:focus {
  opacity: 0.75;
}

.arrowNew.next {
  right: 0;
}

.arrowNew.prev {
  left: 0;
}

.arrowNew.next > svg,
.arrowNew.prev > svg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #fff;
  height: 5em;
  width: 5em;
}

.arrowNew.next > svg.arrowNextPrevBackground,
.arrowNew.prev > svg.arrowNextPrevBackground {
  height: 4em;
  width: 4em;
}

.arrowNew.next > svg.arrowNextPrevBackgroundColor,
.arrowNew.prev > svg.arrowNextPrevBackgroundColor {
  background: #000;
  padding: 1em;
}

.arrowNew.next > svg.arrowNextPrevBackgroundColor {
  padding: 1em 0.85em 1em 1.15em;
}

.arrowNew.prev > svg.arrowNextPrevBackgroundColor {
  padding: 1em 1.15em 1em 0.85em;
}

.arrowNew.next,
.arrowNew.prev {
  background: none;
  border: none;
}

.arrowNew.next:focus,
.arrowNew.prev:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}

.arrowNew.next svg,
.arrowNew.prev svg {
  top: 0px;
}

.arrowNew.next:hover,
.arrowNew.prev:hover {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}

.arrowNew.next:active,
.arrowNew.prev:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}

@media screen and (max-width: 415px) {
  .bannerSlideshowControlsNew:not(.none) {
    display: block !important;
  }
}
.bannerObject.fixedBanner + .bannerSlideshowControlsNew {
  position: fixed;
}

.slick-slide.slick-active.slick-current {
  pointer-events: auto;
}

.slick-slide {
  pointer-events: none;
}

/* END Banners */
/*  Breadcrumbs  */
.breadCrumbContainer {
  position: relative;
}

.breadCrumbs li {
  display: inline;
}

.breadCrumbs li:before {
  margin: 0 0.25em;
}

.breadCrumbs li:first-child:before,
.breadCrumbs .breadLeader + li:before {
  content: "";
  display: none;
}

.breadCrumbContainer > .contentTools {
  margin-top: -0.8em;
  position: absolute;
  right: 0;
  top: 50%;
}

/* END Breadcrumbs */
/* View Archive */
.cpViewArchiveOn .breadCrumbContainer {
  padding-right: 7em;
}

.cpViewArchiveOn .viewArchive {
  display: inline-block;
  text-transform: capitalize;
}

/* END View Archive */
/* Text Resize */
.cpTextResizeOn .breadCrumbContainer {
  padding-right: 5em;
}

.cpTextResizeOn .cpTextResizer {
  display: inline-block;
  margin-left: 1em;
}

.cpTextResizeOn .cpTextResizer > li {
  display: inline-block;
}

.cpTextResizeOn .cpTextResizer > li:after {
  content: "";
  display: none;
}

.cpTextResizeOn .cpTextResizer a:link,
.cpTextResizeOn .cpTextResizer a:visited,
.cpTextResizeOn .cpTextResizer a:hover,
.cpTextResizeOn .cpTextResizer a:focus,
.cpTextResizeOn .cpTextResizer a:active {
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  padding: 3px;
  position: relative;
  text-decoration: none;
}

.cpTextResizeOn .cpTextResizer a:before {
  border: 4px solid transparent;
  content: "";
  margin-top: -6px;
  position: absolute;
  top: 50%;
}

.cpTextResizeOn .cpTextResizer #makeTextSmaller {
  font-size: 0.8em;
  padding-left: 10px;
}

.cpTextResizeOn .cpTextResizer #makeTextSmaller:before {
  border-top-color: inherit;
  left: 0;
  margin-top: -4px;
}

.cpTextResizeOn .cpTextResizer #makeTextBigger {
  font-size: 1.2em;
  padding-right: 10px;
}

.cpTextResizeOn .cpTextResizer #makeTextBigger:before {
  border-bottom-color: inherit;
  right: 0;
}

/* END Text Resize */
.cpViewArchiveOn.cpTextResizeOn .breadCrumbContainer {
  padding-right: 12em;
  /* sum of two paddings above */
}

/* Design Elements */
/* This overrides the module-specific styles like .newCP { font-size: [normal.fontSize]; } */
#bodyWrapper .newCP {
  font-size: 1em;
}

.flyOut {
  position: absolute;
  z-index: 100;
}

/* Pop Overs */
.cpPopOver,
.newCP .cpPopOver {
  background: #fff;
  color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 5px;
  position: absolute;
  width: 300px;
}

.cpPopOverRightTop {
  left: 100%;
  margin-top: -10px;
  margin-left: 17px;
  top: 0;
}

.cpPopOverRightTop:before {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  content: "";
  height: 0;
  left: -12px;
  position: absolute;
  top: 3px;
  width: 0;
}

.cpPopOver.common {
  left: 50%;
  margin-left: -250px;
  position: absolute;
  top: 300px;
  width: 500px;
  z-index: 999;
}

.cpPopOver.common.siteStyles {
  margin-left: 0px;
}

.cpPopOverModal,
.newCP .cpPopOverModal {
  left: 50%;
  margin-left: -250px;
  position: fixed;
  top: 100px;
  z-index: 6;
}

.cpPopOverHeader,
.cpPopOverBody,
.cpPopOverFooter,
.newCP .cpPopOverHeader,
.newCP .cpPopOverBody,
.newCP .cpPopOverFooter {
  padding: 5px 10px;
}

.cpPopOverHeader h3 {
  margin: 0;
}

.cpPopOverBody,
.newCP .cpPopOverBody {
  color: #242424;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cpPopOver .cpClosePopOver {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 3px;
  text-decoration: none;
  top: 5px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cpPopOver .cpClosePopOver:after {
  color: rgba(0, 0, 0, 0.3);
  content: "×";
  font-size: 22px;
  font-weight: bold;
  left: 50%;
  margin: -14px 0 0 -6px;
  position: absolute;
  text-decoration: none !important;
  text-indent: 0;
  top: 50%;
}

.cpPopOver .cpClosePopOver:hover,
.cpPopOver .cpClosePopOver:focus,
.cpPopOver .cpClosePopOver:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.cpPopOver .cpClosePopOver:hover:after,
.cpPopOver .cpClosePopOver:focus:after,
.cpPopOver .cpClosePopOver:active:after {
  color: rgba(255, 255, 255, 0.8);
}

/* Tabs */
.cpTabs {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  border-color: #aaa;
  border-style: none none solid;
  border-width: 1px;
  padding-top: 10px;
}

.cpTabs > li,
.newCP .cpTabs > li {
  display: inline-block;
  margin: 0 0 -1px 5px;
}

.cpTabs > li > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #ececec;
  border: 1px solid #aaa;
  border-bottom-color: #aaa;
  color: #555;
  display: block;
  padding: 5px 8px;
  text-decoration: none !important;
}

.cpTabs > .active {
  z-index: 2;
}

.cpTabs > .active > a {
  background-color: #fff;
  color: #000;
}

.wide .cpTabs.left,
.wide .cpTabs.right {
  padding-top: 0;
  width: 150px;
}

.wide .cpTabs.left + .cpTabPanels,
.wide .cpTabs.right + .cpTabPanels {
  border-color: #aaa;
  border-width: 1px;
  position: relative;
}

.wide .cpTabs.left {
  border-style: none solid none none;
  float: left;
}

.wide .cpTabs.right + .cpTabPanels {
  border-style: none solid none none;
  left: 1px;
  margin-right: 150px;
  padding-right: 10px;
}

.wide .cpTabs.right {
  border-style: none none none solid;
  float: right;
}

.wide .cpTabs.left + .cpTabPanels {
  border-style: none none none solid;
  margin-left: 150px;
  padding-left: 10px;
  right: 1px;
}

.wide .cpTabs.left > li,
.wide .cpTabs.right > li {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
}

.wide .cpTabs.left > li:first-child,
.wide .cpTabs.right > li:first-child {
  margin-left: 0;
}

.wide .cpTabs.left > li > a,
.wide .cpTabs.right > li > a {
  float: none;
  display: block;
  text-align: center;
}

.wide .cpTabs.left > li > a {
  border-radius: 4px 0 0 4px;
}

.wide .cpTabs.left > .active > a {
  border-bottom-color: #aaa;
  border-right-color: #fff;
}

.wide .cpTabs.right > li > a {
  border-radius: 0 4px 4px 0;
}

.wide .cpTabs.right > .active > a {
  border-bottom-color: #aaa;
  border-left-color: #fff;
}

.wide .cpTabs.left + .cpTabPanels .cpForm > .left,
.wide .cpTabs.right + .cpTabPanels .cpForm > .left {
  clear: none;
}

.wide .cpTabs.left + .cpTabPanels:before,
.wide .cpTabs.right + .cpTabPanels:before,
.wide .cpTabs.left + .cpTabPanels:after,
.wide .cpTabs.right + .cpTabPanels:after {
  display: table;
  content: "";
}

.wide .cpTabs.left + .cpTabPanels:after,
.wide .cpTabs.right + .cpTabPanels:after {
  clear: both;
}

.wide .cpTabs.left + .cpTabPanels .cpTabPanel,
.wide .cpTabs.right + .cpTabPanels .cpTabPanel {
  float: left;
  width: 100%;
}

/* Generic Tab Styles for CPUI Components tabs */
.cp-Tabs-list.cp-Tabs-list:before, .cp-Tabs-list.cp-Tabs-list:after {
  display: table;
  content: "";
}
.cp-Tabs-list.cp-Tabs-list:after {
  clear: both;
}
.cp-Tabs-list.cp-Tabs-list {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #969696;
  display: block;
  margin-bottom: 2rem;
}
.cp-Tabs-list .cp-Tabs-tab {
  float: left;
}
.cp-Tabs-list .cp-Tabs-tab:not(:last-child) {
  margin-right: 0.5rem;
}
.cp-Tabs-list .cp-Tabs-link {
  background-color: rgba(0, 0, 0, 0.085);
  color: #242424;
  border: 0;
  display: block;
  padding-left: 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.cp-Tabs-list .is-active > .cp-Tabs-link {
  background-color: #969696;
  color: white;
}
.cp-Tabs-list .is-active > .cp-Tabs-link:focus, .cp-Tabs-list .is-active > .cp-Tabs-link:hover, .cp-Tabs-list .is-active > .cp-Tabs-link:active {
  opacity: 1;
}
.cp-Tabs-list .cp-Tabs-linkArrow--active,
.cp-Tabs-list .cp-Tabs-linkArrow--inactive,
.cp-Tabs-list .cp-Tabs-linkArrow,
.cp-Tabs-list .cp-Tabs-icon--tabBar {
  width: 16px;
  height: 16px;
  left: 1rem;
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 240ms cubic-bezier(0.5, 0.2, 0.5, 0.8), color 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
}
.cp-Tabs-list .cp-Tabs-linkArrow--inactive,
.cp-Tabs-list .cp-Tabs-linkArrow {
  opacity: 1;
}
.cp-Tabs-list .cp-Tabs-tab.is-active .cp-Tabs-linkArrow--inactive,
.cp-Tabs-list .cp-Tabs-tab.is-active .cp-Tabs-linkArrow {
  transform: rotate(90deg);
}
.cp-Tabs-linkArrow--active {
  display: none;
}

/* End Tab Styles for CPUI Components tabs */
.tree,
.tree ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.tree h3 {
  margin: 0;
  padding: 1em 0 0;
}

.tree h3 > a {
  font-weight: bold;
}

.tree .backToTop {
  font-size: 0.75em;
  position: absolute;
  right: 0;
  top: 1.2em;
  z-index: 2;
}

.tree li {
  position: relative;
}

.tree > li + li {
  margin-top: 1em;
}

.tree ol > li {
  padding: 0.25em 0 0 1em;
}

.tree.collapsible {
  padding-left: 25px;
}

.tree.collapsible .treeExpandCollapse {
  display: block;
  width: 16px;
  height: 16px;
  left: -25px;
  overflow: hidden;
  position: absolute;
  text-indent: -300%;
  top: 1em;
}

.tree.collapsible .treeExpandCollapse.collapsed {
  background: url(/App_Themes/CP/Images/AdminExpandCollapseControlCollapsed.png?v=092020) no-repeat center center;
}

.tree.collapsible .treeExpandCollapse.expanded {
  background: url(/App_Themes/CP/Images/AdminExpandCollapseControlExpanded.png?v=092020) no-repeat center center;
}

/* IE8 screws up these generated arrows, so we limit their
   display to only IE9 and above (which support border-radius).
*/
.tree.collapsible .treeExpandCollapse {
  background: none;
}

.tree.collapsible .treeExpandCollapse:before {
  content: "";
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
}

.tree.collapsible .treeExpandCollapse.collapsed:before {
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left-style: solid;
  border-left-width: 0.6em;
  margin-left: -0.2em;
  margin-top: -0.5em;
}

.tree.collapsible .treeExpandCollapse.expanded:before {
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top-style: solid;
  border-top-width: 0.6em;
  margin-left: -0.4em;
  margin-top: -0.2em;
}

.tree.checkboxes ol {
  position: relative;
  left: -19px;
}

.tree.checkboxes input[type=checkbox],
.tree.checkboxes abbr {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.55em;
}

.tree.checkboxes abbr {
  border: none;
  color: inherit;
  font-weight: normal;
  margin-left: 1px;
  text-decoration: none;
  top: -0.75em;
}

.tree.tree ol {
  margin-left: 5px;
  padding-bottom: 0.65em;
}

.tree ol > li:first-child {
  padding-top: 0.9em;
}

.tree ol > li:before {
  border-top-style: solid;
  border-top-width: 2px;
  content: "";
  left: 2px;
  opacity: 0.5;
  position: absolute;
  top: 0.9em;
  width: 0.5em;
}

.tree ol > li:first-child:before {
  top: 1.55em;
}

.tree ol > li:after {
  border-left-style: solid;
  border-left-width: 2px;
  bottom: -0.25em;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0.25em;
  width: 0;
}

.tree ol > li:last-child:after {
  bottom: auto;
  height: 0.8em;
}

.tree ol > li:first-child:last-child:after {
  height: 1.5em;
}

.tree > li > ol > li:first-child:after {
  top: 1.55em;
}

.tree > li > h3 + ol > li:first-child:after,
.tree > li > h3 + .treeExpandCollapse + ol > li:first-child:after {
  top: 0.25em;
}

/* Removing generated bars for IE8 and below
   (border-radius is supported in IE9+)
*/
.no-borderradius .tree ol > li:before,
.no-borderradius .tree ol > li:after {
  display: none;
}

.focused {
  outline: 5px solid #b3bff7;
  outline-color: rgba(152, 172, 255, 0.7);
}

.boxshadow .focused {
  box-shadow: 0 0 25px rgba(152, 172, 255, 0.7);
  outline: none;
}

/* Widgets */
.widget {
  text-align: left;
  word-wrap: break-word;
}

.widgetHeader h2, .widgetHeader h3 {
  margin: 0;
}

.widget:before,
.widgetHeader:before,
.widgetBody:before,
.widgetFooter:before,
.widget:after,
.widgetHeader:after,
.widgetBody:after,
.widgetFooter:after {
  display: table;
  content: "";
}

.widget:after,
.widgetHeader:after,
.widgetBody:after,
.widgetFooter:after {
  clear: both;
}

.widgetHeader h3,
.widgetSubHeader,
.widgetTitle,
.widgetMeta,
.miniCalendarHeader {
  margin: 0;
  word-wrap: break-word;
}

.cp-miniCalendar-arrow > svg {
  height: 1em;
  width: 1em;
}

.cp-miniCalendar-arrow--left {
  margin-right: 0.5rem;
}

.cp-miniCalendar-arrow--right {
  margin-right: 0.5rem;
}

button.react-calendar__month-view__days__day.react-calendar__month-view__days__day.react-calendar__month-view__days__day,
button.react-calendar__month-view__days__day.react-calendar__month-view__days__day.react-calendar__month-view__days__day:hover {
  cursor: default;
}

/* Experimental re-style of react-calendar */
.react-calendar__month-view__days__day.react-calendar__month-view__days__day {
  padding: 0;
}

.react-calendar__month-view__days__day > span,
.react-calendar__month-view__days__day > a {
  display: block;
  padding: 0.75em 0.5em;
  width: 100%;
}

.widgetHeader h3 > a:link,
.widgetTitle > a:link,
.widgetHeader h3 > a:visited,
.widgetTitle > a:visited,
.widgetHeader h3 > a:hover,
.widgetTitle > a:hover,
.widgetHeader h3 > a:focus,
.widgetTitle > a:focus,
.widgetHeader h3 > a:active,
.widgetTitle > a:active {
  font-size: 1em !important;
  text-decoration: none !important;
}

.widgetHeader {
  display: table;
  width: 100%;
}

.widgetHeader > .rightLink {
  display: table-row;
}

.widgetHeader > .rightLink > h3 {
  display: table-cell;
}

.widgetHeader > .rightLink > div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.widgetHeader > .rightLink > div.alignTop {
  vertical-align: top;
}

.widgetHeader > .rightLink > div.alignBottom {
  vertical-align: bottom;
}

.widgetHeader > .rightLink > div > a {
  white-space: nowrap;
}

.widget.headerOnSide {
  display: table;
}

.widget.headerOnSide .widgetHeader {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

.widget.headerOnSide .widgetHeader.alignTop {
  vertical-align: top;
}

.widget.headerOnSide .widgetHeader.alignBottom {
  vertical-align: bottom;
}

.widget.headerOnSide .widgetHeader .widgetViewAll {
  text-align: left;
}

.widget.headerOnSide .widgetBody {
  display: table-cell;
  vertical-align: top;
}

.mobile .widget.headerOnSide,
.mobile .widget.headerOnSide .widgetHeader,
.mobile .widget.headerOnSide .widgetBody {
  display: block;
  width: auto;
}

.widgetItem {
  position: relative;
}

.widget .inlineTitle .widgetTitle,
.widget .inlineTitle .widgetDesc {
  display: inline;
}

.widget .widgetBody a.readOn:link,
.widget .widgetBody a.readOn:visited,
.widget .widgetBody a.readOn:hover,
.widget .widgetBody a.readOn:focus,
.widget .widgetBody a.readOn:active {
  display: block;
}

.widget .widgetBody a.readOn.sameLine {
  display: inline-block;
}

.cp-truncated-content {
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
  max-height: 4rem; /* In case inline style is not applied, content is still shortened */
  transition: max-height cubic-bezier(0.5, 0.2, 0.5, 0.8) 240ms;
  overflow: hidden;
}

.widget .widgetViewAll,
.widget .widgetNotifyMe,
.widget .widgetRSS {
  display: block;
  text-align: center;
}

.widget .widgetRSS > img {
  margin: 0 auto;
}

.widget .alignLeft {
  float: left;
  margin: 0 0 0 5px;
}

.widget .alignRight {
  float: right;
  margin: 0 5px 0 0;
}

.widget .alignLeft:first-of-type,
.widget .alignRight:first-of-type {
  margin: 0;
}

.widget.flyOut.left.topEdge,
.widget.flyOut.right.topEdge {
  display: table-row;
}

.widget.flyOut.left.topEdge ol,
.widget.flyOut.right.topEdge ol {
  display: table-cell;
  float: none;
  width: auto;
}

.widget .cpTabs {
  padding: 0;
}

.widget .textContent p:first-child {
  margin-top: 0;
  padding-top: 0;
}

.widget .widgetBody.cpGrid {
  margin: 0;
}

.widgetBody .half,
.widgetBody .third,
.widgetBody .fourth,
.widgetBody .fifth,
.widgetBody.cpGrid .col {
  float: none;
  position: static;
}

.widget.wide .widgetBody .half,
.widget.wide .widgetBody .third,
.widget.wide .widgetBody .fourth,
.widget.wide .widgetBody .fifth {
  float: left;
}

.widgetBody.cpGrid .row.wide.autoWidths .col,
.widget.wide .widgetBody.cpGrid .row.autoWidths .col {
  float: none;
}

.widget.wide .widgetBody .half {
  width: 50%;
}

.widget.wide .widgetBody .third {
  width: 33.333333333%;
}

.widget.wide .widgetBody .fourth {
  width: 25%;
}

.widget.wide .widgetBody .fifth {
  width: 20%;
}

.widget.wide .widgetBody.separated {
  position: relative;
}

.widget.wide .widgetBody.separated .half:after,
.widget.wide .widgetBody.separated .third:after,
.widget.wide .widgetBody.separated .fourth:after,
.widget.wide .widgetBody.separated .fifth:after,
.widget.wide .widgetBody.separated.cpGrid .col:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}

.widget.wide .widgetBody.separated .half:first-child:after,
.widget.wide .widgetBody.separated .third:first-child:after,
.widget.wide .widgetBody.separated .fourth:first-child:after,
.widget.wide .widgetBody.separated .fifth:first-child:after,
.widget.wide .widgetBody.separated.cpGrid .col:first-child:after {
  display: none;
}

.widget.wide .widgetBody.separated .half:after,
.widget.wide .widgetBody.separated.cpGrid2 .col:after {
  left: 50%;
}

.widget.wide .widgetBody.separated .third:first-child + .third:after,
.widget.wide .widgetBody.separated.cpGrid3 .col:first-child + .col:after {
  left: 33.333333333%;
}

.widget.wide .widgetBody.separated .third:after,
.widget.wide .widgetBody.separated.cpGrid3 .col:after {
  left: 66.666666666%;
}

.widget.wide .widgetBody.separated .fourth:first-child + .fourth:after,
.widget.wide .widgetBody.separated.cpGrid4 .col:first-child + .col:after {
  left: 25%;
}

.widget.wide .widgetBody.separated .fourth:first-child + .fourth + .fourth:after,
.widget.wide .widgetBody.separated.cpGrid4 .col:first-child + .col + .col:after {
  left: 50%;
}

.widget.wide .widgetBody.separated .fourth:after,
.widget.wide .widgetBody.separated.cpGrid4 .col:after {
  left: 75%;
}

.widget.wide .widgetBody.separated .fifth:first-child + .fifth:after,
.widget.wide .widgetBody.separated.cpGrid5 .col:first-child + .col:after {
  left: 20%;
}

.widget.wide .widgetBody.separated .fifth:first-child + .fifth + .fifth:after,
.widget.wide .widgetBody.separated.cpGrid5 .col:first-child + .col + .col:after {
  left: 40%;
}

.widget.wide .widgetBody.separated .fifth:first-child + .fifth + .fifth + .fifth:after,
.widget.wide .widgetBody.separated.cpGrid5 .col:first-child + .col + .col + .col:after {
  left: 60%;
}

.widget.wide .widgetBody.separated .fifth:after,
.widget.wide .widgetBody.separated.cpGrid5 .col:after {
  left: 80%;
}

.widget.wide .widgetBody.separated.cpGrid6 .col:first-child + .col:after {
  left: 16.666666667%;
}

.widget.wide .widgetBody.separated.cpGrid6 .col:first-child + .col + .col:after {
  left: 33.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid6 .col:first-child + .col + .col + .col:after {
  left: 50%;
}

.widget.wide .widgetBody.separated.cpGrid6 .col:first-child + .col + .col + .col + .col:after {
  left: 66.666666666%;
}

.widget.wide .widgetBody.separated.cpGrid6 .col:after {
  left: 83.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:first-child + .col:after {
  left: 14.285714285%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:first-child + .col + .col:after {
  left: 28.571428571%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:first-child + .col + .col + .col:after {
  left: 42.857142857%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:first-child + .col + .col + .col + .col:after {
  left: 57.142857142%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 71.428571428%;
}

.widget.wide .widgetBody.separated.cpGrid7 .col:after {
  left: 85.714285714%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col:after {
  left: 12.5%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col + .col:after {
  left: 25%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col + .col + .col:after {
  left: 37.5%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col + .col + .col + .col:after {
  left: 50%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 62.5%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:first-child + .col + .col + .col + .col + .col + .col:after {
  left: 75%;
}

.widget.wide .widgetBody.separated.cpGrid8 .col:after {
  left: 87.5%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col:after {
  left: 11.111111111%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col:after {
  left: 22.222222222%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col + .col:after {
  left: 33.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col + .col + .col:after {
  left: 44.444444444%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 55.555555555%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col + .col + .col + .col + .col:after {
  left: 66.666666666%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:first-child + .col + .col + .col + .col + .col + .col + .col:after {
  left: 77.777777777%;
}

.widget.wide .widgetBody.separated.cpGrid9 .col:after {
  left: 88.888888888%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col:after {
  left: 10%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col:after {
  left: 20%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col:after {
  left: 30%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col + .col:after {
  left: 40%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 50%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col + .col + .col + .col:after {
  left: 60%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col + .col + .col + .col + .col:after {
  left: 70%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 80%;
}

.widget.wide .widgetBody.separated.cpGrid10 .col:after {
  left: 90%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col:after {
  left: 9.09090909%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col:after {
  left: 18.181818181%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col:after {
  left: 27.272727272%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col:after {
  left: 36.363636363%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 45.454545454%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col + .col + .col:after {
  left: 54.545454545%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col + .col + .col + .col:after {
  left: 63.636363636%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 72.727272727%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 81.818181818%;
}

.widget.wide .widgetBody.separated.cpGrid11 .col:after {
  left: 90.909090909%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col:after {
  left: 8.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col:after {
  left: 16.666666666%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col:after {
  left: 24.999999999%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col:after {
  left: 33.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col:after {
  left: 41.666666666%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col + .col:after {
  left: 49.999999999%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col + .col + .col:after {
  left: 58.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 66.666666666%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 74.999999999%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col + .col:after {
  left: 83.333333333%;
}

.widget.wide .widgetBody.separated.cpGrid12 .col:after {
  left: 91.666666666%;
}

.widget.narrow .widgetBody .mediaRight .media,
.widget.narrow .widgetBody.mediaRight .media,
.widget.narrow .widgetBody .mediaLeft .media,
.widget.narrow .widgetBody.mediaLeft .media {
  float: none !important;
  width: auto !important;
}

.widget.narrow .widgetBody .mediaRight .text,
.widget.narrow .widgetBody.mediaRight .text,
.widget.narrow .widgetBody .mediaLeft .text,
.widget.narrow .widgetBody.mediaLeft .text {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.widget.wide .widgetBody.mediaRight:before,
.widget.wide .widgetBody .mediaRight:before,
.widget.wide .widgetBody.mediaRight:after,
.widget.wide .widgetBody .mediaRight:after {
  display: table;
  content: "";
}

.widget.wide .widgetBody.mediaRight:after,
.widget.wide .widgetBody .mediaRight:after {
  clear: both;
}

.widget.wide .widgetBody.mediaRight .text,
.widget.wide .widgetBody .mediaRight .text {
  margin-right: 30%;
}

.widget.wide .widgetBody.mediaRight .media,
.widget.wide .widgetBody .mediaRight .media {
  float: right;
  width: 25%;
}

.widget.wide .widgetBody.mediaLeft:before,
.widget.wide .widgetBody .mediaLeft:before,
.widget.wide .widgetBody.mediaLeft:after,
.widget.wide .widgetBody .mediaLeft:after {
  display: table;
  content: "";
}

.widget.wide .widgetBody.mediaLeft:after,
.widget.wide .widgetBody .mediaLeft:after {
  clear: both;
}

.widget.wide .widgetBody.mediaLeft .text,
.widget.wide .widgetBody .mediaLeft .text {
  margin-left: 30%;
}

.widget.wide .widgetBody.mediaLeft .media,
.widget.wide .widgetBody .mediaLeft .media {
  float: left;
  width: 25%;
}

.widgetCarousel-slider:before,
.widgetCarousel-slider:after {
  display: table;
  content: "";
}

.widgetCarousel-slider:after {
  clear: both;
}

.widgetCarousel-addBtn,
.widgetCarousel-container .arrow,
.widgetCarousel .pager.dots > li > a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.widgetCarousel-addBtn br,
.widgetCarousel-container .arrow br,
.widgetCarousel .pager.dots > li > a br {
  display: none;
}

.widgetCarousel-container {
  padding: 0 40px;
  position: relative;
}

.widgetCarousel-window {
  overflow-x: hidden;
}

.widgetCarousel-slider {
  position: relative;
}

.widgetCarousel-group,
.widgetCarousel-item {
  float: left;
  position: relative;
}

.widgetCarousel.wide .widgetCarousel-item {
  float: left;
}

.widgetCarousel.wide .widgetCarousel-item--33 {
  width: 33.333%;
}

.widgetCarousel.wide .widgetCarousel-item--50 {
  width: 50%;
}

.widgetCarousel.wide .widgetCarousel-item--67 {
  width: 66.666%;
}

.widgetCarousel.wide .widgetCarousel-item--100 {
  width: 100%;
}

.widgetCarousel-addBtn {
  width: 22px;
  height: 22px;
  background: #518bbb url(/Areas/Pages/Assets/Images/LiveEditSprite.png?v=092020) no-repeat -81px -28px;
  border: 0;
  border-radius: 5px;
  bottom: 5px;
  padding: 0;
  position: absolute;
  visibility: hidden;
  z-index: 6;
}

.widgetCarousel-addBtn:hover,
.widgetCarousel-addBtn:focus,
.widgetCarousel-addBtn:active {
  background-color: #2e6999;
  background-position: -81px -1px;
}

.col.inner:hover .widgetCarousel-addBtn,
.col.inner:focus .widgetCarousel-addBtn,
.col.inner:active .widgetCarousel-addBtn {
  visibility: visible;
}

.widgetCarousel-container .handle.remove.emptyGroup.hidden {
  display: none !important;
}

.col.inner:hover .widgetCarousel-container .handle.remove.emptyGroup,
.col.inner:focus .widgetCarousel-container .handle.remove.emptyGroup,
.col.inner:active .widgetCarousel-container .handle.remove.emptyGroup {
  display: block;
}

.widgetCarousel-addBtn--before {
  left: 9px;
}

.widgetCarousel-addBtn--after {
  right: 9px;
}

.widgetCarousel-container .widgetCarousel-addBtn--after.disabled,
.widgetCarousel-container .widgetCarousel-addBtn--after.disabled:hover,
.widgetCarousel-container .widgetCarousel-addBtn--after.disabled:focus {
  cursor: default;
  opacity: 0.25;
}

.widgetCarousel-container .widgetCarousel-addBtn--after.disabled:before,
.widgetCarousel-container .widgetCarousel-addBtn--after.disabled:hover:before,
.widgetCarousel-container .widgetCarousel-addBtn--after.disabled:focus:before {
  opacity: 1;
}

.widgetCarousel-container .widgetCarousel-addBtn--before.disabled,
.widgetCarousel-container .widgetCarousel-addBtn--before.disabled:hover,
.widgetCarousel-container .widgetCarousel-addBtn--before.disabled:focus {
  cursor: default;
  opacity: 0.25;
}

.widgetCarousel-container .widgetCarousel-addBtn--before.disabled:before,
.widgetCarousel-container .widgetCarousel-addBtn--before.disabled:hover:before,
.widgetCarousel-container .widgetCarousel-addBtn--before.disabled:focus:before {
  opacity: 1;
}

.widgetCarousel-container .arrow.arrow {
  text-indent: -100%;
  bottom: 0;
  color: transparent;
  display: block;
  opacity: 0.5;
  overflow: visible;
  position: absolute;
  top: 0;
  transition: background 333ms, opacity 333ms;
  width: 40px;
  z-index: 5;
}

.widgetCarousel-container .arrow.arrow .arrowBG,
.widgetCarousel-container .arrow.arrow .arrowInner {
  content: "";
  position: absolute;
  top: 0;
  transition: opacity 333ms, transform 333ms;
  transform: translateY(15px);
}

.widgetCarousel-container .arrow.arrow .arrowBG {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background-color: #000;
  margin-top: -15px;
}

.widgetCarousel-container .arrow.arrow .arrowInner {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  margin-top: -8px;
}

.widgetCarousel-container .arrow.arrow:hover,
.widgetCarousel-container .arrow.arrow:focus {
  background: rgba(0, 0, 0, 0.15);
  opacity: 0.75;
}

.widgetCarousel-container .arrow.arrow:hover .arrowBG,
.widgetCarousel-container .arrow.arrow:focus .arrowBG {
  opacity: 0.5;
}

.widgetCarousel-container .arrow.arrow.next {
  border-radius: 0 0.75rem 0.75rem 0;
  right: 0;
}

.widgetCarousel-container .arrow.arrow.next .arrowBG {
  margin-right: -15px;
  right: 50%;
}

.widgetCarousel-container .arrow.arrow.next .arrowInner {
  border-left-color: #fff;
  margin-right: -14px;
  right: 50%;
}

.widgetCarousel-container .arrow.arrow.prev {
  border-radius: 0.75rem 0 0 0.75rem;
  left: 0;
}

.widgetCarousel-container .arrow.arrow.prev .arrowBG {
  margin-left: -15px;
  left: 50%;
}

.widgetCarousel-container .arrow.arrow.prev .arrowInner {
  border-right-color: #fff;
  margin-left: -14px;
  left: 50%;
}

.widgetCarousel-container .arrow.arrow.disabled,
.widgetCarousel-container .arrow.arrow.disabled:hover,
.widgetCarousel-container .arrow.arrow.disabled:focus {
  cursor: default;
  opacity: 0.25;
}

.widgetCarousel-container .arrow.arrow.disabled .arrowBG,
.widgetCarousel-container .arrow.arrow.disabled:hover .arrowBG,
.widgetCarousel-container .arrow.arrow.disabled:focus .arrowBG {
  opacity: 1;
}

.widgetCarousel .pager {
  list-style: none !important;
  margin: 0.5em 0 0 0 !important;
  padding: 0 !important;
  text-align: center;
  word-spacing: -0.43em;
}

.widgetCarousel .pager > li {
  display: inline-block;
}

.widgetCarousel .pager > li > a {
  display: block;
  padding: 0.25em;
  position: relative;
  text-decoration: none;
  width: 2em;
}

.widgetCarousel .pager.dots {
  letter-spacing: -0.31em;
}

.widgetCarousel .pager.dots > li > a {
  text-indent: -300%;
  opacity: 0.25;
  width: 1.5em;
}

.widgetCarousel .pager.dots > li > a:before {
  border-radius: 3px;
  width: 6px;
  height: 6px;
  background-color: #000;
  content: "";
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
}

.widgetCarousel .pager > li > a:hover,
.widgetCarousel .pager > li > a:focus,
.widgetCarousel .pager > li > a:active,
.widgetCarousel .pager > .active > a:link,
.widgetCarousel .pager > .active > a:hover {
  font-weight: bold;
}

.widgetCarousel .pager.dots > li > a:hover,
.widgetCarousel .pager.dots > li > a:focus,
.widgetCarousel .pager.dots > li > a:active,
.widgetCarousel .pager.dots > .active > a:link,
.widgetCarousel .pager.dots > .active > a:hover {
  opacity: 0.5;
}

.widgetCarousel .placeholder {
  margin: 0;
  min-height: 8.5em;
}

.widgetCarousel .placeholder > h3 {
  margin-top: 0;
}

.widgetCarousel-layoutChoice {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(53, 117, 159, 0.5);
  border-radius: 4px;
  color: rgba(53, 117, 159, 0.5) !important;
  float: left;
  margin: 0 2%;
  padding: 4px;
  transition: color 333ms ease-in-out;
  width: 16%;
}

.widgetCarousel-layoutChoice:hover,
.widgetCarousel-layoutChoice:focus {
  color: rgba(53, 117, 159, 0.75) !important;
}

.widgetCarousel-layoutChoice > svg {
  height: 40px;
  max-width: 100%;
}

.widgetCarousel .tip {
  background-color: rgba(255, 255, 255, 0.5);
  color: #242424;
  font-weight: normal;
  margin: 1rem 0.75rem 0;
  padding: 0.5rem;
}

.pageContent .target.carousel,
.pageContent .indicator.carousel,
.pageContent .indicator.carousel > span {
  bottom: 0;
  left: 0.5em;
  position: absolute;
  right: 0.5em;
  top: 0;
  width: auto;
}

.pageContent .indicator.carousel > span {
  left: 0;
  right: 0;
}

.widget.custom .cpForm.output > li {
  padding-top: 0;
  padding-bottom: 0;
}

.widget.custom .cpForm.output > li > div,
.widget.custom .cpForm.output > li > div > p {
  margin: 0;
}

.widget.custom.narrow .cpForm.output > li {
  float: none;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.widgetCustomHTML textarea {
  font-family: "Courier New", monospace !important;
  min-height: 200px;
}

.widgetPages .widgetDesc {
  margin: 0;
}

.widgetPages .widgetItem ol,
.widgetPages .widgetItem ul,
.widgetPages .layout2 .widgetDesc,
.widgetPages .layout2 .level2,
.widgetPages .layout4 .level2 .widgetTitle,
.widgetPages .layout4 .level2 > a,
.widgetPages .layout4 .level2 .widgetDesc {
  display: block;
  margin-left: 1em;
}

.widgetPages .layout4 .mediaLeft:before,
.widgetPages .layout4 .mediaLeft:after {
  content: "";
  display: table;
}

.widgetPages .layout4 .mediaLeft:after {
  clear: both;
}

.widgetPages .layout4 .media {
  float: left;
  margin-right: 0.5em;
}

.widget .content-item {
  position: relative;
}

.cp-format--linkList .content-item .remove {
  background: url(/App_Themes/CP/Images/FisherPriceButtonRemove.png?v=092020) no-repeat left top;
  height: 16px;
  display: none;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 16px;
  z-index: 2;
}

.wide.cp-format--linkList .content-item {
  position: relative;
}

.wide.cp-format--linkList .content-item .grippy,
.wide.cp-format--linkList .content-item .remove {
  background: url(/Assets/Images/IconMoveMenuItem.png?v=092020) no-repeat center center !important;
  cursor: move;
  display: none;
  height: 15px;
  margin-top: -8px;
  padding: 0;
  position: absolute;
  text-align: left;
  text-indent: -9999px;
  top: 50%;
  right: 5px;
  width: 15px;
  z-index: 3;
}

.wide.cp-format--linkList .content-item .grippy {
  right: 26px;
}

.wide.cp-format--linkList.cp-format--linkList .content-item .remove {
  background-image: url(/Assets/Images/IconRemoveItem.png?v=092020) !important;
  cursor: pointer;
}

.wide.cp-format--linkList .content-item:hover > .grippy,
.wide.cp-format--linkList .content-item:hover > .remove,
.wide.cp-format--linkList .content-item .widgetItem:hover .remove,
.wide.cp-format--stacked .content-item:hover .handle.grippy,
.wide.cp-format--stacked .content-item:hover .handle.remove,
.wide.cp-format--linkList .content-item:hover > .modify,
.wide.cp-format--linkList .content-item .widgetItem:hover .modify,
.wide.cp-format--stacked .content-item:hover .handle.modify {
  display: block;
}

.cp-format--linkList .content-item:hover .remove {
  display: block;
}

.cp-format--linkList .addFile .add {
  background: url(/App_Themes/CP/Images/FisherPriceButtonAdd.png?v=092020) no-repeat left top;
  padding-left: 20px;
}

.cp-format--linkList .addFile {
  clear: both;
  margin-top: 0.5em;
}

.cp-format--linkList .widgetItem.addFile {
  margin-top: 1em;
}

.cp-format--linkList.cp-format--linkList .cpGrid {
  margin: 0;
}

.cp-format--linkList.sortable .widgetItem:hover:not(.addFile) {
  cursor: move;
}

.wide.cp-format--linkList .cpGrid2 .col {
  float: left;
  width: 50%;
}

.wide.cp-format--linkList .cpGrid3 .col {
  float: left;
  width: 33.33%;
}

.narrow .widget.cp-format--linkList .cpGrid .relatedDocumentsSection .col {
  float: none;
}

.cp-format--linkList .relatedDocumentsSection {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.cp-format--linkList.sortable .widgetItem:not(.addFile) a:not(.remove):hover {
  cursor: move;
}

.cp-format--linkList .cpGrid .col {
  min-height: 1px;
}

.cp-format-thumbnail--stacked,
.cp-format-media--stacked {
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 33%;
}

.cp-skeletons {
  display: flex;
}

.cp-skeletons .cp-format-thumbnail--stacked,
.cp-skeletons .cp-format-media--stacked {
  float: none;
  width: 33%;
}

.cp-skeletons .widgetItem {
  flex-grow: 1;
}

.prmbl-skeletonLoader.cp-imageSkeleton > div > span {
  border-radius: 4px;
  display: block;
  line-height: 0;
  max-height: 400px;
  overflow: hidden;
}

.prmbl-skeletonLoader.cp-imageSkeleton span[style] {
  display: block;
  line-height: 0;
  padding-top: 100%;
}

.widget.narrow .cp-format-thumbnail--stacked,
.widget.narrow .cp-format-media--stacked {
  float: none;
  max-width: none;
  margin: 0;
}

.cp-format-media--left {
  float: left;
}

.widget.narrow .cp-format-media--left {
  float: none;
}

.cp-format-inner {
  display: flex;
  flex-direction: column;
}

.widget.wide .cp-format-inner--mediaLeft {
  flex-direction: row;
}
.widget.wide .cp-format-inner--mediaLeft .cp-format-media,
.widget.wide .cp-format-inner--mediaLeft .cp-format-content {
  width: 50%;
}

.widget.wide .cp-format-inner--mediaRight {
  flex-direction: row;
}
.widget.wide .cp-format-inner--mediaRight .cp-format-media {
  order: 2;
}
.widget.wide .cp-format-inner--mediaRight .cp-format-media,
.widget.wide .cp-format-inner--mediaRight .cp-format-content {
  width: 50%;
}

.cp-contentLabels.cp-contentLabels {
  background: none;
  border: none;
  display: inline-block;
  margin: 0.5rem 0;
}
.cp-contentLabels.cp-contentLabels > tr > td,
.cp-contentLabels.cp-contentLabels > tbody > tr > td {
  padding: 0 0 0.35rem 0;
}

td.cp-contentLabels-contents.cp-contentLabels-contents.cp-contentLabels-contents {
  background: none;
  flex-grow: 1;
  vertical-align: bottom;
}
td.cp-contentLabels-contents.cp-contentLabels-contents.cp-contentLabels-contents p:first-child {
  margin-top: 0;
}
td.cp-contentLabels-contents.cp-contentLabels-contents.cp-contentLabels-contents img {
  max-width: 100%;
  height: auto;
}

div.cp-contentLabels-header.cp-contentLabels-header.cp-contentLabels-header {
  font-weight: bold;
  white-space: nowrap;
}
div.cp-contentLabels-header.cp-contentLabels-header.cp-contentLabels-header::after {
  content: ": ";
}

.narrow .cp-contentLabels {
  display: block;
}
.narrow .cp-contentLabels > tr,
.narrow .cp-contentLabels > tbody > tr {
  display: block;
}
.narrow .cp-contentLabels > tr > td,
.narrow .cp-contentLabels > tbody > tr > td {
  display: block;
}
.narrow .cp-contentLabels .cp-contentLabels-contents.cp-contentLabels-contents {
  padding-bottom: 0.5rem;
}

.cp-fieldWrapper {
  display: inline-block;
}

.cp-fieldWrapper--stacked {
  display: block;
}

.cp-formatField--stacked {
  display: block;
}

.cp-moduleReturn-link.cp-moduleReturn-link.cp-moduleReturn-link {
  background: rgba(0, 0, 0, 0.12);
  background-size: 1.5em 1em;
  background-position: 0.5em 50%;
  border-radius: 1.5em;
  color: #000;
  display: inline-block;
  margin: 1em 0.5em 1.5em 0;
  outline: none;
  padding: 0.5em 1em;
  transition: background 240ms, transform 240ms;
  text-decoration: none;
}

.cp-moduleReturn-link.cp-moduleReturn-link--back.cp-moduleReturn-link--back {
  background-image: url(/Assets/Mystique/Shared/Images/IconArrow--Left.svg?v=092020);
  background-repeat: no-repeat;
  padding-left: 2.25em;
  transform-origin: 0 50%;
}

.cp-moduleReturn-link.cp-moduleReturn-link:hover,
.cp-moduleReturn-link.cp-moduleReturn-link:focus {
  background-color: rgba(0, 0, 0, 0.085);
}

.cp-moduleReturn-link.cp-moduleReturn-link:active {
  transform: scale(0.95);
}

.widgetBody .cp-moduleReturn-link.cp-moduleReturn-link {
  margin: 1rem 0;
}

/* Resetting defaults from general ".cpTabs" */
.widgetTabbed .cpTabs,
.superWidgetTabbed .cpTabs {
  border-color: transparent;
  border-style: none;
  border-width: 0;
  display: table;
  padding-top: 0;
  width: 100%;
}

.widgetTabbed .cpTabs > li,
.superWidgetTabbed .cpTabs > li {
  display: table-cell;
  margin: 0;
  text-align: center;
  vertical-align: bottom;
}

.widgetTabbed .cpTabs > li > a,
.superWidgetTabbed .cpTabs > li > a,
.widgetTabbed .cpTabs > .active > a,
.superWidgetTabbed .cpTabs > .active > a {
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  border-style: none;
  border-width: 0;
  color: inherit;
  padding: 0;
}

.widgetTabbed .cpTabs > li:first-child,
.superWidgetTabbed .cpTabs > li:first-child {
  margin-left: 0;
}

.widgetTabbed .cpTabs[class*=align],
.superWidgetTabbed .cpTabs[class*=align] {
  float: none;
}

.widgetTabbed .cpTabs.alignRight,
.superWidgetTabbed .cpTabs.alignRight {
  text-align: right;
}

.widgetTabbed .cpTabs.alignCenter,
.superWidgetTabbed .cpTabs.alignCenter {
  text-align: center;
}

.widgetTabbed .cpTabs[class*=align] > li,
.superWidgetTabbed .cpTabs[class*=align] > li {
  display: inline-block;
}

.widgetTabbed .cpTabs > li:first-child > a,
.superWidgetTabbed .cpTabs > li:first-child > a {
  margin-left: 0 !important;
}

.widgetTabbed .cpTabs > li:last-child > a,
.superWidgetTabbed .cpTabs > li:last-child > a {
  margin-right: 0 !important;
}

.widgetTabbed .newTab {
  padding: 0 !important;
  width: 2em;
}

.widgetTabbed .cpTabs[class*=align] > .newTab {
  width: auto;
}

.widgetTabbed .newTab > a {
  background-color: #518bbb !important;
  border: 1px solid #fff !important;
  border-radius: 3px 3px 0 0 !important;
  border-bottom: none !important;
  color: #fff !important;
  font-family: Arial !important;
  font-weight: bold !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.widgetTabbed.wide .left > li,
.widgetTabbed.wide .right > li,
.widgetTabbed.wide .left > li > a,
.widgetTabbed.wide .right > li > a {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
}

.widgetTabbed.wide .left .newTab {
  text-align: right;
}

.widgetTabbed.wide .right .newTab {
  text-align: left;
}

.widgetTabbed.wide .left .newTab > a,
.widgetTabbed.wide .right .newTab > a {
  display: inline-block !important;
  width: 100% !important;
}

.widgetTabbed.wide .left .newTab strong:after,
.widgetTabbed.wide .right .newTab strong:after {
  content: " New Tab";
}

.widgetTabbed.wide .cpTabPanel {
  position: relative;
}

.widgetTabbed.wide.leftTabs .handle.remove {
  right: 10px;
}

.widgetTabbed.wide.rightTabs .handle.move {
  left: 40px;
}

.widgetTabbed.wide.rightTabs .handle.options {
  left: 67px;
}

.widgetTabbed.rightTabs .handle.add {
  left: 94px;
}

.widgetTabbed.narrow .cpTabs.left + .cpTabPanels,
.widgetTabbed.narrow .cpTabs.right + .cpTabPanels {
  border: 0;
  margin-left: 0 !important;
  padding-left: 0;
  right: 0;
}

.widgetTabbed .cpTabs > li:only-child {
  float: none;
}

.widgetTabbed .cpTabs > li:only-child a {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Cancelling default button styles */
button.cp-Btn--nonStyled {
  background: none;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
button.cp-Btn--nonStyled::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[role=button].cp-Btn--nonStyled {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* End cancelling default button styles */
.cp-Pagination {
  line-height: 44px;
  margin: 1rem 0;
  text-align: center;
  /* Cancelling default button styles */
}
.cp-Pagination button {
  background: none;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cp-Pagination button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.cp-Pagination [role=button] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cp-Pagination {
  /* End cancelling default button styles */
}
.cp-Pagination a,
.cp-Pagination strong,
.cp-Pagination button {
  display: inline-block;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  transition: background 240ms;
  vertical-align: middle;
  width: 44px;
}
.cp-Pagination a:hover, .cp-Pagination a:focus,
.cp-Pagination strong:hover,
.cp-Pagination strong:focus,
.cp-Pagination button:hover,
.cp-Pagination button:focus {
  background: rgba(0, 0, 0, 0.05);
}
.cp-Pagination a.ng-leave.ng-leave-active, .cp-Pagination a.ng-enter,
.cp-Pagination strong.ng-leave.ng-leave-active,
.cp-Pagination strong.ng-enter,
.cp-Pagination button.ng-leave.ng-leave-active,
.cp-Pagination button.ng-enter {
  display: none;
}
.cp-Pagination a.ng-leave, .cp-Pagination a.ng-enter.ng-enter-active,
.cp-Pagination strong.ng-leave,
.cp-Pagination strong.ng-enter.ng-enter-active,
.cp-Pagination button.ng-leave,
.cp-Pagination button.ng-enter.ng-enter-active {
  display: inline-block;
}
.cp-Pagination strong {
  font-size: 1.2rem;
}

.cp-Pagination-arrow > svg {
  height: 12px;
  position: relative;
  top: 1px;
  width: 12px;
}

.cp-Pagination-arrow.cp-Pagination-arrow.is-inactive {
  background: none;
  opacity: 0.4;
}

.cp-referenceWrapper--clickable {
  text-decoration: underline;
  cursor: pointer;
}
.cp-referenceWrapper--clickable:hover, .cp-referenceWrapper--clickable:focus {
  opacity: 0.8;
}

.cp-referenceWrapper--clickable * {
  text-decoration: underline;
}

body #doneEditing {
  display: none;
}

#imgLogoPrintPreview {
  display: none;
}

#featureColumn {
  display: none;
}

.headline.headline a:link,
.subhead1.subhead1 a:link,
.subhead2.subhead2 a:link,
.headline.headline a:visited,
.subhead1.subhead1 a:visited,
.subhead2.subhead2 a:visited,
.headline.headline a:hover,
.subhead1.subhead1 a:hover,
.subhead2.subhead2 a:hover,
.headline.headline a:focus,
.subhead1.subhead1 a:focus,
.subhead2.subhead2 a:focus,
.headline.headline a:active,
.subhead1.subhead1 a:active,
.subhead2.subhead2 a:active {
  font-weight: inherit;
}

.skipToContentLink {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute !important;
  top: 0;
  width: 1px;
  /* These styles just make sure it stands out, visually */
  background: white !important;
  border: 1px solid black !important;
  color: black !important;
  padding: 0.5em !important;
  z-index: 998;
}

.skipToContentLink:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  width: auto;
}

body.hideContent {
  opacity: 0;
  transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
}

#angularToolbarInLegacy ~ #bodyWrapper {
  transition: padding 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
}

#angularToolbarInLegacy ~ #bodyWrapper.noTransition {
  transition: none;
}

.liveEditTab,
.cpToolbar.secondary {
  transition: opacity 500ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 333ms cubic-bezier(0.45, 0.45, 0.5, 0.8);
  transform: translate(0);
}

.liveEditTab.hide,
.cpToolbar.secondary.hide {
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
}

.cpToolbar.secondary.hide {
  transform: translateY(-100%);
}

.liveEditTab.left.hide {
  transform: translateX(calc(-100% - 2.7rem));
}

.liveEditTab.right.hide {
  transform: translateX(calc(100% + 2.7rem));
}

.liveEditTab.bottom.hide {
  transform: translateY(calc(100% + 2.7rem));
}

.stickyStructuralContainer.stickySticky,
.stickyStructuralContainer.stickyCollapsed {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 100;
}

.cp-liveEditOn--left #bodyWrapper .stickyStructuralContainer.stickySticky,
.cp-liveEditOn--left #bodyWrapper .stickyStructuralContainer.stickyCollapsed {
  left: 450px;
}

.cp-liveEditOn--right #bodyWrapper .stickyStructuralContainer.stickySticky,
.cp-liveEditOn--right #bodyWrapper .stickyStructuralContainer.stickyCollapsed {
  right: 450px;
}

.stickyStructuralContainer.stickyAnimFade {
  opacity: 0;
}

.stickyStructuralContainer.stickyAnimFade.stickyAnimComplete {
  opacity: 1;
  transition: opacity 500ms cubic-bezier(0.45, 0.45, 0.45, 1);
}

.stickyStructuralContainer.stickyAnimSlideDown {
  transform: translateY(-100%);
}

.stickyStructuralContainer.stickyAnimSlideDown.stickyAnimComplete {
  transform: translateY(0);
  transition: transform 333ms cubic-bezier(0.45, 0.45, 0.5, 0.8);
}

body.liveEditOff .liveEditControl {
  position: absolute;
}

body.liveEditOff .liveEditHandle {
  display: none;
}

.cp-fieldWrapper.fr-view {
  display: block;
}

/* Style correction for event widget arrows */
.react-calendar__navigation__arrow {
  color: inherit;
}

/* Fix issue with navigation height when Calendar Header widget skin adjusted */
.react-calendar__navigation.react-calendar__navigation {
  display: flex;
  height: auto;
}

/* Fix issue with calendar day header em calculation */
.react-calendar .react-calendar__month-view__weekdays {
  font-size: 1em;
}

/* Ensure mini calendar header inherits color from skin */
.react-calendar__navigation button {
  color: inherit;
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
  .fr-view.responsiveEditor table,
  .fr-view.responsiveEditor table thead,
  .fr-view.responsiveEditor thead tr,
  .fr-view.responsiveEditor thead tr th,
  .fr-view.responsiveEditor table,
  .fr-view.responsiveEditor table tbody,
  .fr-view.responsiveEditor tbody tr,
  .fr-view.responsiveEditor tbody tr td {
    display: block;
    width: 100% !important;
  }
  .fr-view.responsiveEditor table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .fr-view.responsiveEditor table tbody tr td {
    text-align: right;
  }
  .fr-view.responsiveEditor table tbody tr td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}
.cp-modificationProhibited {
  cursor: not-allowed !important;
}

div.modalContainer.modalContainerCP.widgetPopUp {
  max-width: 77rem;
  width: auto;
}

a.socialButton.twitter.widget-disable > span,
.newCP a.socialButton.twitter.widget-disable > span {
  background-image: none;
}

a.socialButton > span.socialButton-override,
.newCP a.socialButton > span.socialButton-override {
  padding-left: 12px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.popup-position {
  top: 40% !important;
  left: 40% !important;
}

.signIn-section {
  text-align: center;
}

.signIn-btn {
  background: #555;
  line-height: 33px;
  padding: 0.25rem 4.25rem;
  font-family: Lato, Muli, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 2rem 0 0.25rem 0.5rem;
  border: 1px solid;
  border-color: transparent;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1px;
  position: relative;
  text-align: center;
  transition: background 240ms cubic-bezier(0.45, 0.45, 0.45, 1), border-color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), color 240ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 240ms cubic-bezier(0.45, 0.45, 0.45, 1);
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none !important;
}

.signIn-btn:hover {
  opacity: 0.8;
}

.signIn-btn span {
  color: #fff;
}

.MuiGrid-wrap-xs-nowrap {
  flex-wrap: nowrap;
  word-break: break-word !important;
}

.ais-Highlight.highlightMark mark {
  background: #ff0;
  color: black;
}

mark.highlightMark {
  background: #ff0;
  color: black;
}

mark.ais-Snippet-highlighted {
  background: #ff0;
  color: black;
}

input.ais-RefinementList-checkbox {
  margin: 4px;
}