@font-face{font-family:'SmartBox';src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAxAAA8AAAAAFfQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABkAAAAceFXRYk9TLzIAAAF0AAAARQAAAGAQ+ZGeY21hcAAAAbwAAABRAAABWuAeGx5jdnQgAAAFiAAAAAsAAAAOAAAAAGZwZ20AAAWUAAAGPAAADRZ2ZHx0Z2FzcAAABYAAAAAIAAAACAAAABBnbHlmAAACEAAAAWcAAAJY4C7pHmhlYWQAAAN4AAAAMAAAADYJC9xRaGhlYQAAA6gAAAAdAAAAJAesBIVobXR4AAADyAAAABQAAAAeC9AAIWxvY2EAAAPcAAAAFwAAABgB5gKkbWF4cAAAA/QAAAAgAAAAIAC2DU1uYW1lAAAEFAAAASUAAAH4zMRhqnBvc3QAAAU8AAAARAAAAGjXLbX0cHJlcAAAC9AAAABtAAAAgicVCkB42mNgYGBkAIJLkRbnwfQ/H08YDQBKVQb+AAAAeNpjYGH+wDiBgZWBgamf6SADA0MvhGZ8zGDEyAIUZWBlZoABRgEGNNDAwPCBlTnhfwFDNHMCwwQglxFJVoGBEQBj5QswAAAAeNpjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhAwMvAwKH1j//werArEZgWzm/9//PxVgheqFAkY2iJFgNkgnCwMqAKpmZRjeAACcnQswAAAAeNp1kr1KA0EQx2dmE29X5cxhJIenIesdXjAgwSjXSLCxMGBtI3JPID5BCt/Bwu5qIWATtBJJk1dIkyJWliFYpMnqXr7MQbLszswyw/x/+wEEEgCPKAIGBvDmWgqByqWKJS2/YrkSxXe7TdEolHQHejCA3wfWZyFsQQ4cWH/btbMZDqxcggOTsnk6qdLpMXoFyIBeaXkm6eajUa/V6o2JUx5GWFQdFaoOs0efdMHO58nY3U9yWMToy0tobmhFV2sW9rKbgmlNNHKGb/iBH+SCw2X69NPrObP5uJKDrhbKOqtoEiyGPn/Msm9neGp8/qkkjAloTINoyR1puZa+BituMRPE5wQL5tFUA08N0GThv+DoNoFCL9MaD03NQprlXbPYkNY3w5vCYKjfTlAgcFugtqyvuOIOdrHrzCN8Um68r2ILr+fhkn58jeK/INAQ6E8sDnHoKFe5zkL0GpuWqjrschb9AZZbuYwAeNpjYGRgYADiTCsXx3h+m68M3MwfgCIMl/75eCHo/wXMH5gTgFwOBiaQKAA3CQtjeNpjYGRgYE5gmMAQzfyBAQiAJCMDKmABAFAPAzsAAAB42mP+wKDIAATMHyAYFQAAQzsC+3jaY2BgkECCQQwzGO4xsjHqAAAUvAKNAAABAAAACwAkAAMAAAAAAAIAAAARAIsAAAAcDRYAAAAAeNpljz1uwkAQhZ/BkESKIooUkdKslAYKW/4RFCBFgcIHAInehW0sYa9kr4ET5Ag5QeocLEdIlZfddUNszc63b96MxwAe8AUH5rlnGHZwy5vhAW7waHmIFzxbdul5tTyCQGJ5TD2n03HveHtCbdnBBO+WB/zuh+UhOz8tu/R8Wx7hDT+Wx5g4y0Q2SqzPWSurbFeljdrIyzYrumPaJLJWLBeZiPxALEVfJsZe7EVBuOilfda0paxFSONKKJWnnZKHslZiegr9+az3cSuJBop/tsYZGVreK+Ydz1RXNlQu2FIr0OGo1b+umjXTXbAmEMFHwLxkXHcbNYanI6IvxOKfa885DTco9XRBj5m4Yii+Od0ds8SBnlpvPcVJ++aYXc/7BehbUlUAAAB42mNgYgCD/00MRkCKkQEdcINFmRiZGJkZmBlZGFkZ2RjZGTlY/EJ9fJicg9hL8zLdDAwMobQRlDaG0iZQ2hQA4xkOpAABAAH//wAPeNpjYEAGAAAOAAEAeNqtVml300YUlbxlIxtZaFFLx0ycptHIpBSCAQNBiu1CujhbK0FppThJ9wW60X1f8K95ctpz6Dd+Wu8b2SaBhJ721B/07sy7M2+beWMylCBj3a8EQizdNYaWlyi3es2nUxbNBOG2aK77lCpEf/UavUajITesfJ6MgAxPLrYM0/BC1yFTkQi3HUopsSnoXp0y09daM2a/V2lUKFfx85QuBCvX/bzMW01fUL2OqYXAElRiVAoCESfsaJNmMNUeCZpj/Rwz79V9AW+akaD+uh9iRrCun9E8o/nQCoMgsMi0g0CSUfe3gsChtBLYJ1OI4FnWq/uUlS7lpIs4AjJDhzJKwi+xGWc3XMEa9thKPOAvGWGlQenZPJSeaIomDMRz2QKCXPbDuhWtBL4M8oGghVUfOotDa9t3KKuox7NbRirJVA5D6UpkXLoRpTa2yWzAC8rOOtSjBLs64DXuZowNwTvQQhgwJVzUrvaqVs+A4VXc2Xw3931qby36k11MGy54iDsUlaaMuC46X4bFOSVhwcmOl6iOjBYTEwMHLKcprDKs+6HtXnRI6YBaA/1pFNuS+WA279CgilOpCm1Giw4NKRCFoEPeVV4OIN2ABnm0gtEgRg4NY5sRnRKBDDRgl4a8UDRDQUNImkMjamnNjzObi8EUDW7J2w6NqqVlf2k1mbTymB/T84dVbAx76348POyRGbk0bPOZxUl240P8GcSHzElUIl2o+zEnD9G6TdSXzc7mJZZ1sJXoeQmuAs8EiKQG/2uY3VuqAwoYG8aYRLZwnC62TNPUtRpTRmykKms+DUtXVGgAh68f+Q1dEcL8n6OjpjFkuG4zjA/nbLpjW8eRpnHENmY7NKFik+Uk8szyiIrTLB9TcYbl4yrOsjyq4hxLS8U9LJ9QcS/LJ1Xcx/IZJTt5p1yIDEtRJPMGXxCHZncpJ7vKm4nS3qWc7ipvJcpjyqBB+z/E9xTiOwa/BOJjmUd8LI8jPpYS8bGcQnwsC4iP5TTiY/k04mM5g/hYKiXK+pg6CmZHQ+GhtqGnS4mrp/isFhU5Njm4hSdwAWrigCrKqCS5Iz6SYXH0c93SmpN0YjbOmhMVH42MA3x2d2YeVp9U4rT29znwzMrDRnA79zXO88bkHwb/Fi/KUnzSnODgTiEB8Hh/h3EropJDp1XxSNmh+X+i4gQ3QD+DmhiTBVEUNb75yOWVZrMma2gVPp4IdFa0g3nTnBhHSktoUZM0AloGXbOgadTn2VvNohSi3MR+Z/dSRDHZizKYAVNQyE1jYdnfSYm0sHZS0+mjgcuNtBc9WWq2rOIKew/ex5CbWfJupLxwU1LaizahTnmRBRxyI3twTQS30N5lFcWUsFBFfBDaCvbbx4hMWmYGXQJFyOJkZR/aFTtyRAXtBL71pFXet4Xan+vkQWA2O93OgywjRee7KurV+qqssVGuXrmbPg6mnWFjzS+KMp5c9r49KdivTglyBYyu7H7dk+Ltd6zblZJ8ti/s8sTrlCrkvwAPhtwp70U0iiJnsUojnl+38GSKclCMi+Y4LuilPdoVq75Hu7Dv2ketuKyoZD/KoKvorN2Eb3y+ENSBVBS0SEWs8HTIfDY7NeFjKXFZirhnya6L6Dt4QjrEf3GIa//XueUouEWVJbrQrhOSD9o+VtBbS3YnD1WMztp52c5EO5Ju0DUEPZFccPy9wF0eK9Ip3OfnD5i/gu3M8TE6DXxV0RmIJc5bBQkWVbylnUy9oPgI0xLgi6qFZgXwEoDJ4GXVMvVMHUDPLDOnArDCHAarzGGwxhwG62oHXe8y0CtApkavqh0zmfOBkrmAeSaja8zT6DrzNHqNeRrdYJsewOtsk8EbbJNByDYZRMypAmwwh0GDOQw2mcNgS/vlAm1rvxi9qf1i9Jb2i9Hb2i9G72i/GL2r/WL0nvaL0fvI8bluAT/QI7oI+GECLwF+xEnXowWMbuIZbXNuJZA5H2uO2eZ8gsXnu7t+qkd6xWcJ5BWfJ5Dpt7FPm/BFApnwZQKZ8BW45e5+X+uRpn+TQKZ/m0Cmf4eVbcL3CWTCDwlkwo/gXuju95MeafrPCWT6Lwlk+q9Y2Sb8lkAm/J5AJtxRO32ZVOfPqmtT7xalp+q3O++w8zdHGbopeNpj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxnYnTYyMGhBaA4UeicDAwMnMouZwWWjCmNHYMQGh46IjcwpLhvVQLxdHA0MjCwOHckhESAlkUCwkYFHawfj/9YNLL0bmRhcNrOmsDG4uAAABk8kbAAAAA==) format('woff');font-weight:normal;font-style:normal}.sbi{display:inline-block;font:normal normal normal 14px/1 'SmartBox';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sbi-enter-full-screen:before{content:'\f003'}.sbi-close:before{content:'\f002'}.sbi-exit-full-screen:before{content:'\f001'}.sbi-minimize:before{content:'\f004'}.sbi-restore:before{content:'\f005'}


#smart-box-blur-effects {
  display: block;
  height: 0;
  width: 0;
}
#ui-datepicker-div,
.select2-container--open {
  z-index: 6003 !important;
}
body.sb-modal-active {
  overflow: hidden;
}
.sb-window {
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  z-index: 6001;
}
.sb-window.sb-active-window {
  z-index: 6002;
}
.sb-window.sb-active-window .sb-window-box {
  -webkit-box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.2);
}
.sb-window.sb-attachedToElement {
  position: absolute;
}
.sb-window.sb-attachedToElement.modal .sb-overlay {
  position: static;
}
.sb-window.sb-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sb-window.sb-fullScreen {
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sb-window.sb-fullScreen .sb-window-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
.sb-window.sb-fullScreen .sb-window-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sb-window.sb-fullScreen .sb-window-title-bar .maximize {
  display: none;
}
.sb-window.sb-fullScreen .sb-window-title-bar .sb-button.restore {
  display: block;
}
.sb-window .sb-window-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.67);
}
.sb-window.sb-modal.sb-active-window {
  height: auto;
  bottom: 0;
  right: 0;
}
.sb-window.sb-modal.sb-active-window .sb-window-overlay {
  display: block;
}
.sb-window.sb-variableHeight .sb-content {
  position: static;
}
.sb-window.sb-fixedHeight:not(.sb-hideTitleBar) .sb-window-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sb-window.sb-title-bar .sb-window-content {
  padding-top: 30px;
}
.sb-window .sb-window-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  min-width: 150px;
  min-height: 100px;
  max-width: 100vw;
  max-height: 100vh;
  border: 1px solid #cccccc;
  background-color: #fff;
}
.sb-window .sb-window-content {
  overflow: auto;
  background-color: #ffffff;
  box-sizing: border-box;
  max-height: 100vh;
}
.sb-window .ui-draggable .sb-window-title-bar {
  cursor: move;
}
.sb-window .ui-resizable-handle {
  position: absolute;
  z-index: 1;
}
.sb-window .ui-resizable-n,
.sb-window .ui-resizable-s {
  left: 0;
  right: 0;
  height: 3px;
  cursor: ns-resize;
}
.sb-window .ui-resizable-s {
  bottom: 0;
}
.sb-window .ui-resizable-e,
.sb-window .ui-resizable-w {
  top: 0;
  bottom: 0;
  width: 3px;
  cursor: ew-resize;
}
.sb-window .ui-resizable-e {
  right: 0;
}
.sb-window .ui-resizable-nw,
.sb-window .ui-resizable-ne,
.sb-window .ui-resizable-sw,
.sb-window .ui-resizable-se {
  width: 6px;
  height: 6px;
}
.sb-window .ui-resizable-nw {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.sb-window .ui-resizable-ne {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.sb-window .ui-resizable-sw {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.sb-window .ui-resizable-se {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.sb-window .sb-window-title-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 22.8px;
  border-bottom: 1px solid #cccccc;
  cursor: default;
  background-color: rgba(255,255,255,0.93);
}
.sb-window .sb-window-title-bar .sb-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  width: 34px;
  cursor: pointer;
  float: right;
}
.sb-window .sb-window-title-bar .sb-icon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "SmartBox";
  text-align: center;
  overflow: hidden;
  display: block;
  cursor: pointer;
  font-size: 1.5em;
  padding-top: 4px;
}
.sb-window .sb-title {
  line-height: 30px;
  margin-left: 8px;
  float: left;
}
.sb-window .sb-button.close .sb-icon:before {
  font-family: "SmartBox";
  content: '\f002';
}
.sb-window .sb-button.close .sb-icon:hover {
  background: transparent;
  color: #e1283c;
}
.sb-window .sb-button.minimize .sb-icon:before {
  font-family: "SmartBox";
  content: '\f004';
}
.sb-window .sb-button.maximize .sb-icon:before {
  font-family: "SmartBox";
  content: '\f003';
}
.sb-window .sb-button.restore {
  display: none;
}
.sb-window .sb-button.restore .sb-icon:before {
  font-family: "SmartBox";
  content: '\f001';
}



body.sb-modal-active > .sb-theme-blur:not(.sb-active-window):not(.ui-datepicker):not(.qtip):not(#us_report_button):not(.select2-container--open):not(.picker):not(.sb-unblur) {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

/*# scssSourceMappingURL=theme-blur.css.map */

/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * Import this file instead of _eco.scss to only load the variables from core and custom for use in your own SCSS file.
 *
 * 
 */
/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * Use this document to override default values for core eco SCSS variables or define your own SCSS variables to be used
 * within your custom atoms, mixins, modifiers, molecules, organisms, and other project level SCSS.
 */
.molecule_notification-container {
  height: 0;
  overflow: hidden;
  z-index: 10000000;
  transition: height 0.5s ease-out;
  background-color: rgba(255, 255, 255, 0.95);
}
.molecule_notification-container:not(.mod_notification-count-0) {
  -webkit-box-shadow: 0 3px 15px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 15px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 15px 6px rgba(0, 0, 0, 0.4);
}
.molecule_notification-container .atom_message {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  padding: 10px 10px 10px 100px;
  min-height: 70px;
  color: #383b44;
  display: flex;
  line-height: 1em;
  justify-content: center;
  align-items: center;
  text-align: left;
  max-width: calc(100% - 100px);
}
.molecule_notification-container .atom_message > .atom_icon:first-child {
  display: block;
  min-width: 59px;
  font-size: 34px;
  text-align: left;
}
.molecule_notification-container .molecule_buttons {
  width: 100px;
  max-width: 100px;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}
.molecule_notification-container .molecule_buttons .atom_button {
  background: transparent;
  color: #383b44;
  border: none;
  border-left: 1px solid #296fb8;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 14px;
}
.molecule_notification-container .molecule_buttons .atom_button:not(:disabled):not(.disabled):not(.mod_disabled):hover {
  background-color: #296fb8;
  color: #ffffff;
}
.molecule_notification-container .molecule_buttons.mod_button-count-2 .atom_button:first-child {
  border-bottom: 1px solid #296fb8;
}
.molecule_notification-container .molecule_notification-message {
  height: auto;
  transition: opacity 0.5s ease-out, height 0.5s ease-out, margin 0.5s ease-out;
  display: flex;
  animation: animation_notification-message-pulse 0.75s 1;
  animation-delay: 0.5s;
  background: transparent;
  margin: 0;
  border-width: 0;
  opacity: 0;
}
.molecule_notification-container .molecule_notification-message.mod_visible {
  opacity: 100;
  margin-top: 5px;
  border: 1px solid #296fb8;
  border-left: 0;
  border-right: 0;
}
.molecule_notification-container .molecule_notification-message.mod_hiding {
  opacity: 0;
  border-width: 0;
  margin: 0;
}
.molecule_notification-container .molecule_notification-message:first-child.mod_visible {
  margin-top: 0;
}
.molecule_notification-container .molecule_notification-message:first-child:not(.mod_visible) {
  border-top: 0;
}
.molecule_notification-container .molecule_notification-message.mod_warning {
  border-color: #ffa500;
}
.molecule_notification-container .molecule_notification-message.mod_warning .atom_icon {
  color: #ffa500;
}
.molecule_notification-container .molecule_notification-message.mod_warning .molecule_buttons .atom_button {
  border-color: #ffa500;
}
.molecule_notification-container .molecule_notification-message.mod_warning .molecule_buttons .atom_button:not(:disabled):not(.disabled):not(.mod_disabled):hover {
  background-color: #ffa500;
  color: #ffffff;
}
.molecule_notification-container .molecule_notification-message.mod_error {
  border-color: #e1283c;
}
.molecule_notification-container .molecule_notification-message.mod_error .atom_icon {
  color: #e1283c;
}
.molecule_notification-container .molecule_notification-message.mod_error .molecule_buttons .atom_button {
  border-color: #e1283c;
}
.molecule_notification-container .molecule_notification-message.mod_error .molecule_buttons .atom_button:not(:disabled):not(.disabled):not(.mod_disabled):hover {
  background-color: #e1283c;
  color: #ffffff;
}
.molecule_notification-container .molecule_notification-message.mod_success {
  border-color: #7fd5a4;
}
.molecule_notification-container .molecule_notification-message.mod_success .atom_icon {
  color: #7fd5a4;
}
.molecule_notification-container .molecule_notification-message.mod_success .molecule_buttons .atom_button {
  border-color: #7fd5a4;
}
.molecule_notification-container .molecule_notification-message.mod_success .molecule_buttons .atom_button:not(:disabled):not(.disabled):not(.mod_disabled):hover {
  background-color: #7fd5a4;
  color: #ffffff;
}

@keyframes animation_notification-message-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    background-color: #FFCF78;
  }
  100% {
    opacity: 1;
  }
}

/*# scssSourceMappingURL=notification.container.css.map */

/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * Import this file instead of _eco.scss to only load the variables from core and custom for use in your own SCSS file.
 *
 * 
 */
/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* {{generatedBy}} by {{authorName}} {{authorEmail}}
 *
 * Use this document to override default values for core eco SCSS variables or define your own SCSS variables to be used
 * within your custom atoms, mixins, modifiers, molecules, organisms, and other project level SCSS.
 */
.molecule_notification-message {
  height: 0;
  background-color: transparent;
  overflow: hidden;
}

/*# scssSourceMappingURL=notification.message.css.map */

@charset "UTF-8";
/*
    Base Site Styles for Responsive Web Design and Core System Functionality
*/
/*
    Template Block Errors

    These styles control the messaging displayed when core level template extending rules are violated.
*/
.templateBlockErrors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #b80a23;
  color: #ffffff;
  z-index: 999999;
}
.templateBlockErrors.preTemplate {
  top: 0;
}
.templateBlockErrors.postTemplate {
  bottom: 0;
}

.templateBlockError {
  margin: 10px;
  padding: 20px;
  border-top: 1px solid #ffffff;
}

.unsupportedBrowserNotification.mod_pinnedToTop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

/* END - Template Block Errors */
/* @TODO REMOVE EVERYTHING IN THIS FILE BELOW THIS LINE ONCE WE HAVE OUR STYLE GUIDE BUILT */
/*
    Helix Confirm and Prompt Dialogs

    These styles control the default appearance used for Helix confirm and prompt dialog boxes, buttons, inputs, and
    other contents.
*/
.helix-confirm-dialog .hc-inner {
  position: relative;
  min-width: 280px;
  padding: 20px 10px 80px 10px;
}
.helix-confirm-dialog.hc-alignButtonsCenter .hc-buttons {
  text-align: center;
}
.helix-confirm-dialog.hc-alignButtonsCenter .hc-button {
  display: inline-block;
}
.helix-confirm-dialog.hc-alignButtonsLeft .hc-button {
  float: left;
}
.helix-confirm-dialog.hc-alignButtonsLeft .hc-button:first-child {
  margin-left: 0;
}
.helix-confirm-dialog.hc-alignButtonsLeft .hc-button:last-child {
  margin-right: 0;
}
.helix-confirm-dialog.hc-alignButtonsRight .hc-button {
  float: right;
}
.helix-confirm-dialog.hc-alignButtonsRight .hc-button:first-child {
  margin-right: 0;
}
.helix-confirm-dialog.hc-alignButtonsRight .hc-button:last-child {
  margin-left: 0;
}
.helix-confirm-dialog .hc-icon {
  font-size: 3.5em;
  color: #276ca1;
}
.helix-confirm-dialog .hc-icon-font-based {
  position: relative;
  top: -0.4em;
}
.helix-confirm-dialog .hc-icon-image {
  position: relative;
  top: -0.3em;
}
.helix-confirm-dialog.hc-alignIconLeft .hc-icon {
  float: left;
}
.helix-confirm-dialog.hc-alignIconRight .hc-icon {
  float: right;
}
.helix-confirm-dialog .hc-message {
  text-align: center;
}
.helix-confirm-dialog .hc-buttons {
  position: absolute;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.helix-confirm-dialog .hc-button {
  background-color: #ffffff;
  border: 1px solid #808080;
  color: #666666;
  padding: 0.4em 1em;
  cursor: pointer;
  margin: 0 16px;
}
.helix-confirm-dialog .hc-button:hover {
  background-color: #808080;
  color: #f4f4f4;
}
.helix-confirm-dialog .hc-button:focus {
  border: 1px solid #276ca1;
  background-color: #276ca1;
  color: #ffffff;
}
.helix-confirm-dialog .hc-button:focus:hover {
  background-color: #399fed;
  border-color: #399fed;
}
.helix-confirm-dialog .hc-button.blue {
  background-color: #276ca1;
  border: none;
  color: #f4f4f4;
}
.helix-confirm-dialog .hc-button.blue:hover {
  background-color: #25a6e2;
}
.helix-confirm-dialog .hc-button.red {
  background-color: #bb1f00;
  color: #f4f4f4;
  border: none;
}
.helix-confirm-dialog .hc-button.red:hover {
  background-color: #fc6a49;
}

.helix-prompt-dialog .hp-form {
  margin-top: 0.8em;
}
.helix-prompt-dialog .hp-field[type=text] {
  width: 90%;
}
.helix-prompt-dialog textarea.hp-field {
  height: 150px;
}
.helix-prompt-dialog.sb-window.sb-theme-no-scroll .sb-window-content {
  max-height: none;
  overflow: visible;
}

/* END - Helix Confirm and Prompt Dialogs */
/*
    Genome Layout and Edit Systems
*/
.itemContent {
  position: relative;
}

.addItemButton {
  font-weight: bold;
}

.pageContainer.hasLayoutMenu {
  margin-top: 34px;
}

.addGi,
.editGi,
.discussionGi {
  -moz-border-radius: 3.3px;
  -webkit-border-radius: 3.3px;
  border-radius: 3.3px;
  position: absolute;
  right: 3px;
  top: 3px;
  height: 20px;
  width: 20px;
  font-size: 16px;
  font-family: "eco", sans-serif;
  background-color: #35a2e1;
  color: #ffffff;
  line-height: 1em;
}
.addGi:before,
.editGi:before,
.discussionGi:before {
  position: absolute;
  top: 2px;
  left: 4px;
}
.addGi:hover,
.editGi:hover,
.discussionGi:hover {
  background-color: #56ad2b;
}

.addGi:before {
  content: "";
  left: 3px;
}

.editGi:before {
  content: "";
}

.discussionGi:before {
  content: "";
  left: 2px;
}

.hidden {
  display: none;
}

.forceHidden {
  display: none !important;
}

/* EMD - Genome Layout and Edit Systems */
/*
    System Live Events


*/
.live_hover {
  cursor: pointer;
}

.live_click {
  cursor: pointer;
}

/* END - System Live Events */
/*
    Miscellaneous Visual Cleanup Styles
*/
object, embed {
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

/* Displays a banner for non-production mode */
.serverRole_development,
.serverRole_staging,
.serverRole_qa {
  /* 2018-01-18 : Michael White : Commenting out server role banner styles until we implement the ECA version globally.
  .pageContainer {
      margin-top: $siteRoleBannerHeight;

      &.hasLayoutMenu {
          margin-top: $siteRoleBannerHeight + $editLayoutMenuBaseHeight;
      }

      .layoutMenu {
          top: $siteRoleBannerHeight !important;
          z-index: 400;
      }
  }

  .hidableRole.pageContainer {
      margin-top: 0;
      &.hasLayoutMenu {
          margin-top: $editLayoutMenuBaseHeight;
      }
      .layoutMenu {
          top: 0 !important;
          z-index: 400;
      }
  }

  .siteRole {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: $siteRoleBannerHeight;
      background: #fcf8e4;
      color: #896c3f;
      border-bottom: solid 2px #896c3f;
      text-align: center;
      line-height: $siteRoleBannerHeight;
      z-index: 100;
      box-sizing: border-box;
      font-size: 16px;
      // 6.13.16 (NB) - server role text needs to be smaller on mobile and tablet
      @media screen and (max-width: 768px) {
          font-size: 12px;
      }
      &.hidableRole {
          -moz-animation: hideServerRoleBanner 0.5s ease-in 3s forwards;
          -webkit-animation: hideServerRoleBanner 0.5s ease-in 3s forwards;
          -o-animation: hideServerRoleBanner 0.5s ease-in 3s forwards;
          animation: hideServerRoleBanner 0.5s ease-in 3s forwards;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
      }
  }*/
}

@keyframes hideServerRoleBanner {
  to {
    top: -50px;
  }
}
@-webkit-keyframes hideServerRoleBanner {
  to {
    top: -50px;
  }
}
.serverRole_production .siteRoleBody {
  display: none;
}

.mod_defaultNotificationContainer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.mod_itemPreviewDialog .sb-window-content .itemBase {
  display: flex;
  flex-grow: 1;
}
.mod_itemPreviewDialog .sb-window-content .itemBase .mod_fileContainer {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.mod_itemPreviewDialog .sb-window-content .itemBase .mod_fileContainer img {
  max-width: 100%;
  max-height: 100%;
}

.sb-theme-signInDialog,
.sb-theme-signInDialog.sb-theme-eco {
  z-index: 900001 !important;
}
.sb-theme-signInDialog .sb-window-content,
.sb-theme-signInDialog.sb-theme-eco .sb-window-content {
  min-height: 450px;
}
.sb-theme-signInDialog .sb-window-title-bar,
.sb-theme-signInDialog.sb-theme-eco .sb-window-title-bar {
  border-bottom: none;
  min-height: unset;
}
.sb-theme-signInDialog .sb-title,
.sb-theme-signInDialog.sb-theme-eco .sb-title {
  display: none;
}
.sb-theme-signInDialog .sb-window-control-bar,
.sb-theme-signInDialog.sb-theme-eco .sb-window-control-bar {
  position: absolute;
  top: 10px;
  right: 10px;
}
.sb-theme-signInDialog .organism_form > h2:first-child,
.sb-theme-signInDialog.sb-theme-eco .organism_form > h2:first-child {
  margin-top: 70px;
}

/** Network Status Mods */
body:not(.networkStatus-offline) .mod_show-when-offline {
  display: none;
}

body.networkStatus-offline .mod_hide-when-offline {
  display: none;
}

/*# scssSourceMappingURL=styles.css.map */

.ecoLayoutEdit_hover{position:relative}.ecoLayoutEdit_hover>*:last-child:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block;background:rgba(0,0,200,0.05);content:' ';z-inde:100}.ecoLayoutEdit_selected{position:relative}.ecoLayoutEdit_selected>*:last-child:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block;background:rgba(255,0,0,0.05);content:' ';z-inde:100}.panel_layoutEdit{display:flex}.editor_layoutControls{display:flex;flex-direction:row;position:absolute;left:0;top:0;bottom:0;right:0}.editor_layoutControls .panelElement{padding:10px}.editor_layoutControls .panel_treeMenu{padding:0;width:40px;background:#cccccc;flex-grow:0;flex-shrink:0;display:flex;flex-direction:column}.editor_layoutControls .panel_treeMenu .menuButton{width:40px;height:40px;line-height:40px;font-size:22px;text-align:center;cursor:pointer}.editor_layoutControls .panel_treeMenu .menuButton:hover{background:#555555;color:#cccccc}.editor_layoutControls .panel_tree{width:40%;flex-grow:1;flex-shrink:1;overflow-y:auto;overflow-x:hidden}.editor_layoutControls .panel_details{width:60%;flex-shrink:2;border-left:solid 1px #cccccc;overflow-y:auto;overflow-x:hidden}
/*# scssSourceMappingURL=styles.css.map */

@font-face{font-family:'PcgIcons';src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAX8AA0AAAAACOQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF4AAAABkAAAAcgHMlUU9TLzIAAAGkAAAARQAAAGAQ+ZGZY21hcAAAAgAAAABOAAABWuAYGx9jdnQgAAACUAAAAAQAAAAEACECf2dhc3AAAAXYAAAACAAAAAj//wADZ2x5ZgAAAmQAAAIkAAAC3FjjmGNoZWFkAAABMAAAADEAAAA2DepQJWhoZWEAAAFkAAAAHgAAACQHawSFaG10eAAAAewAAAAUAAAAFgwZACFsb2NhAAACVAAAAA8AAAAQAH4B7G1heHAAAAGEAAAAIAAAACAATQEcbmFtZQAABIgAAAEZAAACYeqsJDdwb3N0AAAFpAAAADEAAABAnoc5c3jaY2BkYGAA4hU9nxrj+W2+MnAzfwCKMFytbTOB04r/C5nXM8cDuRwMTCBRAGarDA4AAAB42mNgZGBgTmCYwBDN/IEBCJjXMzAyoAIWAEs8AvoAAAABAAAABwDrAAQAAAAAAAIAAAABAAEAAABAAC4AAAAAeNpjYGH+wDiBgZWBgamf6SADA0MvhGZ8zGDEyAIUZWBlZoABRgEGNNDAwPCBgTnhfwFDNHMCwwQglxFJVoGBEQBjVAsrAAAAeNpj/sCgyAAEzB8gGAw8ASusA0R42mNgYGBmgGAZBkYGEAgB8hjBfBYGCyDNxcDBwASEDAy8DAofGP7/B6uCsZn/f///VIANqhcKGNkgRoLZIJ0sDKgAqJqVYXgDAJbGCysAAAAhAn942mNgYNBCQMY8AAhgAWwAeNpdUkFv0zAY9Wc7dm2naZI6SVetTGm0ZnSiQ02bdlPVIQ5IO1ANaQjBgSHOXHbmwolfwA/YBXFAArVC/IWd+AdckRgSJw5ctoKjrBrC1uf3/D5L71k2wihGCLr4FBHEUW8OaGey4BT97M+Z9XWyINhQNCeFbBXygjO4mCyg0DMv9tLMS2IQ38/O8Onlsxg/RYiigz8n5CM5Rq/RJ/QN/TAO6+BQzngYMe6AIQZwsQ80S9ppp83/haTdw8NBnvWjsD9agVmz22GUj6Ywyq/mlGSjKE0YX80pGd2ADcjTKWS5oVFQUCvuh63CdRh7OsqKzR5ksZePAk+zbYiNZ9qDtDP0BlOoX9tm18h4u4z2X9LOICfGZ0g+YFZrbDWT0G12du6+pLZSGCgFQXiFBb5whB9oX5YgOGEUC2ZYTfha14v2TV9UMGAGDEBKL1S1gFWNhAEItap+4KqoqirR1nSTWgDrVcCw1yUEbNgdX3zGXWNkq8tf8J5VgALcp2sVBsu33JmNo5Rgyk9MgKr0AhOH8zIPZ8JiQEyCK2UVyDTEkX00JscsuLP/+PBRIsCi283Nfey4LjGvR3xhmVNaKV0Wppa5rJZSlwWg6tTBuK4bLdsxH8AiUAwqbVdu+Dq59+RhSw9d99YMcNJ2O0r5B/0XXwRzLKnWlh3CBXsHz7EDy1dMAB+Hs7hqwznldHkeSBmUJWoNrWRQlrDF8vfuA/nmL6XzX/B42qWPMW7CQBBF/4IhioSoKFCq7UJjYrtxREdjiYIigCgjWdbGsoS9aG2CaHKUHCFHylnysSddikhYGu2b+X88MwDG+IJC943wIKwwwYtwD3d4F+7jCd/CHibqWXiAkcqFh6x/0qm8e2bTtuvKCjM8Cvc49024j1d8CHuYqbHwAFO1Fh6y3iCBhUMDjSXOMKiZl3yRWNfo5dnUtmS2RkEpw45SiWPblDIuWLFqUWFLpaGxqLOdKY/Wpe6yymy1NaxuKOY44dA2YWPy0yElJG3r7xY5XRoR5gj4Lhj/Hdu5Q/iIGRH7QxJvqBrekRsdzQO90H8tx3Lox34UhPHNZ+4pOv6gaK3XhbpTsDeuLmylQ65x65QfsKNrmQAAAHjaY2BiAIP/TQxGQIqRAR2wg0WZGJkYmRmYGVlY/EJ9fJicg9hL8zLdDAwMAIINBc8AAAAAAAAB//8AAnjaY2BgYGQAgqsVEi/AdG2bCYwGAEdPBmcAAAA=) format('woff');font-weight:normal;font-style:normal}.pcg{display:inline-block;font:normal normal normal 14px/1 'PcgIcons';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pcg-write:before{content:'\f000'}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.beFancy_spinner {
  width: 60px;
  height: 60px;
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-Default@60.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.beFancy_spinner.hr {
  width: 120px;
  height: 120px;
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-Default@120.png");
}
.beFancy_spinner.mod_centered {
  margin-left: auto;
  margin-right: auto;
}
.beFancy_spinner.mod_color-white {
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-White@60.png");
}
.beFancy_spinner.mod_color-white.hr {
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-White@120.png");
}

.beFancy_spinnerIcon {
  position: relative;
}
.beFancy_spinnerIcon:before {
  opacity: 0 !important;
}
.beFancy_spinnerIcon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-Default@60.png");
  background-size: 100% 100%;
}
.beFancy_spinnerIcon.mod_color-white:after {
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-White@60.png");
  background-size: 100%;
}
.beFancy_spinnerIcon.mod_color-white:after.hr {
  background-image: url("/site/core/packages/be/fancy/1.x/css/../images/Spinner-White@120.png");
}

.atom_button.mod_spinner,
.atom_button.mod_spinner:not(:disabled):not(.disabled):not(.mod_disabled):hover {
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background-color: transparent;
}
.atom_button.mod_spinner > .beFancy_spinner,
.atom_button.mod_spinner:not(:disabled):not(.disabled):not(.mod_disabled):hover > .beFancy_spinner {
  width: 16px;
  height: 16px;
}

.beFancy_rotate,
.beFancy_rotateClockwise,
.beFancy_rotateCounterClockwise {
  animation-name: clockwise;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-timing-function: linear;
}

.beFancy_rotateCounterClockwise {
  animation-name: counter-clockwise;
}

.beFancy_timing1 {
  animation-duration: 1s;
}

.beFancy_timing2 {
  animation-duration: 2s;
}

.beFancy_timing3 {
  animation-duration: 3s;
}

.beFancy_timing4 {
  animation-duration: 4s;
}

.beFancy_timing5 {
  animation-duration: 5s;
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes counter-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.molecule_beFancyCollapsible .atom_beFancyCollapsible-target {
  transition: opacity 0.2s ease-out, height 0.2s ease-out 0.4s;
  opacity: 0;
}
.molecule_beFancyCollapsible:not(.mod_beFancyCollapsible_hide) .atom_beFancyCollapsible-target {
  transition: opacity 0.2s ease-out 0.2s;
}
.molecule_beFancyCollapsible.mod_beFancyCollapsible_hide .atom_beFancyCollapsible-target {
  height: 0 !important;
  overflow: hidden;
}
.mod_beFancyCollapsible_force_expand .molecule_beFancyCollapsible.mod_beFancyCollapsible_hide .atom_beFancyCollapsible-target {
  height: unset !important;
  overflow: unset;
}
.molecule_beFancyCollapsible.mod_beFancyCollapsible_collapse .atom_beFancyCollapsible-target {
  opacity: 0;
}
.mod_beFancyCollapsible_force_expand .molecule_beFancyCollapsible .atom_beFancyCollapsible-target, .molecule_beFancyCollapsible.mod_beFancyCollapsible_expand .atom_beFancyCollapsible-target {
  opacity: 1;
}

/*# scssSourceMappingURL=styles.css.map */

/* Variables */
.be_siteToolsContainer {
  display: none;
}

@media only screen and (min-width: 640px) {
  .hasSiteTools .pageContainer {
    margin-left: 64px;
  }
  .hasSiteTools .sb-window.sb-fullScreen {
    left: 64px;
  }

  .be_siteToolsContainer {
    width: auto;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 900000;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
  }
  .be_siteToolsContainer i.eco-toggle-on {
    color: #7fd5a4;
  }
  .be_siteToolsContainer .hidden {
    display: none;
  }
}
.be_siteToolsSidebarContainer {
  color: #ffffff;
  width: 64px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #072C39;
  z-index: 100;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
.be_siteToolsSidebarContainer .toolButton {
  width: 64px;
  height: 54px;
  background: transparent;
  text-align: center;
  transition: background-color 0.5s, color 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.be_siteToolsSidebarContainer .toolButton a,
.be_siteToolsSidebarContainer .toolButton .atom_a {
  color: #ffffff;
}
.be_siteToolsSidebarContainer .toolButton.selected:not(.disabled) {
  background: #FFA500;
  color: #99560B;
}
.be_siteToolsSidebarContainer .toolButton.mod_active:not(.disabled), .be_siteToolsSidebarContainer .toolButton:hover:not(.disabled) {
  background: #FFA500;
  color: #99560B;
  box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.3);
}
.be_siteToolsSidebarContainer .toolButton.mod_active:not(.disabled) i, .be_siteToolsSidebarContainer .toolButton:hover:not(.disabled) i {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.be_siteToolsSidebarContainer .toolButton.disabled {
  opacity: 0.5;
}
.be_siteToolsSidebarContainer i {
  font-size: 24px;
}
.be_siteToolsSidebarContainer i.eco-chevron-right {
  transition-timing-function: ease;
  transition: transform 0.75s;
  transform-origin: 10px 50%;
}
.be_siteToolsSidebarContainer .lockToBottom {
  position: absolute;
  bottom: 0;
}

.be_siteToolsMenuContainer {
  color: #ffffff;
  background: #072C39;
  position: absolute;
  top: 0;
  left: -236px;
  bottom: 0;
  width: 290px;
  z-index: 1;
  transition-timing-function: ease;
  transition: left 0.75s;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
.be_siteToolsMenuContainer i {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.be_siteToolsContainer.open .be_siteToolsMenuContainer {
  left: 64px;
}
.be_siteToolsContainer.open .be_siteToolsSidebarContainer i.eco-chevron-right {
  transform: rotate(-180deg);
}

.be_siteToolsMenuHeader {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  font-weight: 400;
}

.be_siteToolsMenuSearch {
  width: 100%;
  height: 64px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}
.be_siteToolsMenuSearch .molecule_fieldGroup {
  width: 260px;
  min-width: 260px;
}
.be_siteToolsMenuSearch label {
  display: none;
}
.be_siteToolsMenuSearch .molecule_input, .be_siteToolsMenuSearch .atom_fieldIcon {
  background-color: rgba(141, 141, 141, 0.5);
  color: #8da3a9;
}
.be_siteToolsMenuSearch .molecule_input input, .be_siteToolsMenuSearch .atom_fieldIcon input {
  background: transparent;
  color: #ffffff;
  width: 50px;
}

.be_siteToolsMenuSections {
  position: absolute;
  top: 138px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.be_siteToolsMenuSection {
  font-weight: 300;
}
.be_siteToolsMenuSection .be_siteToolsMenuSectionHeader {
  display: flex;
  height: 44px;
  background-color: rgba(188, 188, 188, 0.1);
}
.be_siteToolsMenuSection .be_siteToolsMenuSectionHeaderText {
  flex-shrink: 1;
  flex-grow: 1;
  width: auto;
  height: 44px;
  line-height: 44px;
  margin-left: 20px;
  font-weight: 400;
}
.be_siteToolsMenuSection .be_siteToolsMenuSectionIcon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 44px;
  height: 44px;
  text-align: center;
}
.be_siteToolsMenuSection .be_siteToolsMenuSectionIcon i {
  transition: transform 1s, opacity 0.2s;
  transform-origin: 8px 50%;
  line-height: 44px;
  font-size: 16px;
}
.be_siteToolsMenuSection.mod_beFancyCollapsible_expand .be_siteToolsMenuSectionIcon > i {
  transform: rotate(180deg);
}
.be_siteToolsMenuSection .be_siteToolsMenuSectionContents {
  /*max-height: 0;
  transition-timing-function: ease;
  transition: max-height 1s;
  overflow: hidden;*/
  margin-top: 1px;
  margin-bottom: 5px;
}
.be_siteToolsMenuItem,
a:not([class*=atom_]).be_siteToolsMenuItem,
.atom_a.be_siteToolsMenuItem {
  display: flex;
  padding-left: 30px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  transition: background-color 0.5s, color 0.5s;
}
.be_siteToolsMenuItem.selected,
a:not([class*=atom_]).be_siteToolsMenuItem.selected,
.atom_a.be_siteToolsMenuItem.selected {
  background: transparent;
}
.be_siteToolsMenuItem:hover, .be_siteToolsMenuItem:focus,
a:not([class*=atom_]).be_siteToolsMenuItem:hover,
a:not([class*=atom_]).be_siteToolsMenuItem:focus,
.atom_a.be_siteToolsMenuItem:hover,
.atom_a.be_siteToolsMenuItem:focus {
  background: transparent;
  color: #ffffff;
}
.be_siteToolsMenuItem:visited,
a:not([class*=atom_]).be_siteToolsMenuItem:visited,
.atom_a.be_siteToolsMenuItem:visited {
  color: #ffffff;
}
.be_siteToolsMenuItem:visited:hover,
a:not([class*=atom_]).be_siteToolsMenuItem:visited:hover,
.atom_a.be_siteToolsMenuItem:visited:hover {
  color: #ffffff;
}
.be_siteToolsMenuItem .be_siteToolsMenuItemIcon,
a:not([class*=atom_]).be_siteToolsMenuItem .be_siteToolsMenuItemIcon,
.atom_a.be_siteToolsMenuItem .be_siteToolsMenuItemIcon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.be_siteToolsMenuItem .be_siteToolsMenuItemIcon i,
a:not([class*=atom_]).be_siteToolsMenuItem .be_siteToolsMenuItemIcon i,
.atom_a.be_siteToolsMenuItem .be_siteToolsMenuItemIcon i {
  line-height: 44px;
  font-size: 20px;
}
.be_siteToolsMenuItem .be_siteToolsMenuItemIcon i.eco-radio-button,
a:not([class*=atom_]).be_siteToolsMenuItem .be_siteToolsMenuItemIcon i.eco-radio-button,
.atom_a.be_siteToolsMenuItem .be_siteToolsMenuItemIcon i.eco-radio-button {
  font-size: 14px;
}
.be_siteToolsMenuItem .be_siteToolsMenuItemText,
a:not([class*=atom_]).be_siteToolsMenuItem .be_siteToolsMenuItemText,
.atom_a.be_siteToolsMenuItem .be_siteToolsMenuItemText {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.be_siteToolsMenuSeparator {
  background-color: #072C39;
  height: 4px;
}

.be_siteToolsMenuGroupTitle {
  background-color: #072C39;
  padding: 8px 0 8px 15px;
  text-align: left;
}

.mod_beFancyCollapsible_force_expand .be_siteToolsMenuSectionHeader {
  pointer-events: none;
}
.mod_beFancyCollapsible_force_expand .be_siteToolsMenuSectionHeader .be_siteToolsMenuSectionIcon i {
  opacity: 0;
}
.mod_beFancyCollapsible_force_expand .be_siteToolsMenuItem.mod-force_hidden + .be_siteToolsMenuSeparator {
  display: none;
}

#us_report_button {
  display: none !important;
}

/*# scssSourceMappingURL=styles.css.map */

.pageContainerInner {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: column;
  height: 100vh; }

.pageHead,
.mainMenu,
.pageFoot {
  -webkit-flex: none;
  flex: none;
  flex-shrink: 0; }

.pageContent {
  -webkit-flex: 1;
  flex: 1 0 auto; }

.pageContainer.hasLayoutMenu .pageContainerInner {
  height: calc(100vh - 30px); }

/* 2018-01-23 : Michael White : Removed this as the role div itself is removed and no longer used.
.serverRole_development,
.serverRole_staging,
.serverRole_qa {

    :not(.hidableRole) {

        .pageContainerInner {
            height: calc(100vh - 50px);
        }

        &.pageContainer.hasLayoutMenu {

            .pageContainerInner {
                height: calc(100vh - (50px + 30px));
            }
        }
    }

}*/

/*# scssSourceMappingURL=styles.css.map */

/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */

pre {
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: 'Courier New', monospace; }
  @media only screen and (min-width: 769px) {
    pre {
      max-width: 780px; } }

@media only screen and (min-width: 769px) {
  blockquote {
    max-width: 680px; } }

hr {
  border: 0;
  height: 1px;
  background-color: #cccccc;
  background-image: linear-gradient(to right, #cccccc, #333333, #cccccc); }

.mmiLayout img {
  max-width: 100%;
  height: auto !important; }
  @media only screen and (max-width: 768px) {
    .mmiLayout img:not(.mod_exemptFromDefaults) {
      width: auto !important; } }
  @media only screen and (min-width: 769px) {
    .mmiLayout img:not(.mod_exemptFromDefaults) {
      float: left;
      margin-right: 20px;
      margin-bottom: 10px; } }

@media only screen and (min-width: 769px) {
  p {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  p:before {
    content: "";
    width: 226px;
    display: block;
    overflow: hidden; } }
.mobileMenuButton {
  display: block;
  color: #333333;
  background-color: #fff;
  text-decoration: none;
  padding: 10px;
  text-align: center; }
  @media only screen and (min-width: 1025px) {
    .mobileMenuButton {
      display: none; } }

.mainMenu {
  margin: 0 auto;
  max-width: 1440px; }
  @media only screen and (max-width: 768px) {
    .mainMenu {
      left: 0;
      position: absolute;
      overflow: hidden;
      z-index: 500;
      max-height: 0;
      max-width: 1024px;
      width: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.17);
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.17);
      -webkit-transition: max-height 0.8s;
      -moz-transition: max-height 0.8s;
      transition: max-height 0.8s; } }
  .mainMenu .mainMenuInner .itemContent .menu {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .mainMenu .mainMenuInner .itemContent .menu .entry {
      text-align: center; }
      .mainMenu .mainMenuInner .itemContent .menu .entry ul {
        display: none; }
      .mainMenu .mainMenuInner .itemContent .menu .entry a {
        color: #00a1de;
        text-decoration: none;
        display: block;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
        box-sizing: border-box; }
      @media only screen and (min-width: 769px) {
        .mainMenu .mainMenuInner .itemContent .menu .entry {
          float: left; }
          .mainMenu .mainMenuInner .itemContent .menu .entry .label {
            font-size: 1.25em;
            padding: 8px 10px; }
          .mainMenu .mainMenuInner .itemContent .menu .entry a {
            border-bottom-width: 0; } }

.field-page_layout:after,
.field-form_layout:after {
  content: "";
  display: table;
  clear: both; }

.itemBase.itemContent .mmiLayoutContainer {
  margin: auto; }
  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itemBase.itemContent .mmiLayoutContainer {
      max-width: 640px; } }
  @media only screen and (min-width: 1025px) {
    .itemBase.itemContent .mmiLayoutContainer {
      max-width: 1440px; } }

@media only screen and (max-width: 768px) {
  .mmiLayoutRow .inner {
    flex-wrap: wrap; } }

.mmiLayoutCell {
  float: left; }
  @media only screen and (max-width: 768px) {
    .mmiLayoutCell {
      max-width: 100%;
      flex-grow: 1;
      margin-bottom: 33px; } }
  @media only screen and (max-width: 640px) {
    .mmiLayoutCell {
      width: 100% !important;
      float: none;
      margin: 0;
      max-width: 100%;
      flex-grow: 1;
      margin-bottom: 33px; } }

@media only print {
  .editGi {
    display: none; } }
@media only screen and (max-width: 768px) {
  .editGi {
    display: none; } }

.pageContainer.hasLayoutMenu {
  margin-top: 0; }
  @media only screen and (min-width: 769px) {
    .pageContainer.hasLayoutMenu {
      margin-top: 34px; } }

/*# scssSourceMappingURL=responsive-genome.css.map */

/* @generated-by Evolve v1.0.21 on 2017-02-19 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */

/*# scssSourceMappingURL=responsive-genome-menu.css.map */

@charset "UTF-8";
/* @generated-by Evolve v1.0.21 on 2017-02-19 */

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Import this file to include all of the core and custom eco style documents, mixins, and variables for your own project.
 *
 * 
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Only "atomic" level styles can be added to this document. Atomic level styles are styles that apply either directly
 * to a standard HTML element (e.g. body, span, div, etc.) or to a custom atom_* class.
 *
 * Custom atom_* classes should only be defined when HTML fails to provide an appropriate solution for a fundamental
 * container of some kind. (e.g. atom_error) or when the rules regarding usage of a particular built-in HTML element
 * restrict your ability to use it, in which case a class of atom_<tagName> is used (e.g. atom_a, atom_button, etc.)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  -webkit-overflow-scrolling: touch;
}

*:focus {
  outline: 0;
}

a,
img {
  border: none;
  outline: none;
}

body,
.atom_body {
  text-rendering: optimizelegibility;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0;
  color: #383b44;
}

h1,
.atom_h1 {
  font-family: "Sanchez", serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 56px;
  margin-top: 50px;
  margin-bottom: 0.444444444em;
  text-transform: none;
  letter-spacing: 1.5px;
}
h1 p,
.atom_h1 p {
  margin-top: 34px;
}

h2,
.atom_h2 {
  font-family: "Sanchez", serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 56px;
  margin-top: 34px;
  margin-bottom: 0.666666667em;
  text-transform: none;
  letter-spacing: 1.07px;
}
h2 p,
.atom_h2 p {
  margin-top: 48px;
}

h3,
.atom_h3 {
  font-family: "Sanchez", serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  margin-top: 28px;
  margin-bottom: 1em;
  text-transform: none;
  letter-spacing: 1px;
}
h3 p,
.atom_h3 p {
  margin-top: 28px;
}

h4,
.atom_h4 {
  font-family: "Sanchez", serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  margin-top: 27px;
  margin-bottom: 1.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h4 p,
.atom_h4 p {
  margin-top: 28px;
}

p,
.atom_p {
  color: #383b44;
}

hr {
  border: 0;
  height: 1px;
  width: auto;
  background-color: #296fb8;
  background-image: none;
}

a:not([class*=atom_]),
.atom_a {
  color: #1c94cf;
  cursor: pointer;
}
a:not([class*=atom_]):hover, a:not([class*=atom_]).hover,
.atom_a:hover,
.atom_a.hover {
  color: #33b5e5;
  text-decoration: none;
}

a,
.atom_a {
  text-decoration: none;
}

blockquote,
.atom_blockquote {
  color: #54607D;
  font-weight: 500;
  font-style: italic;
  padding: 6px 6px 6px 21px;
  margin-left: 0;
  border-left: 1px solid #dadfe1;
}

small,
.atom_small {
  font-size: 0.75em;
}

strong,
.atom_strong {
  font-weight: 600;
}

ol {
  padding-left: 1.2em;
  list-style-type: decimal;
}

ul {
  padding-left: 1.2em;
  list-style-type: disc;
}

table {
  border-collapse: collapse;
  font-weight: 400;
  font-size: 1em;
  color: #383b44;
  width: auto;
  line-height: 38px;
  border: none;
}
table.mod_fullWidth {
  width: 100%;
}
table th,
table td {
  padding: 0 10px 0 10px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dadfe1;
}
table th {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: 500;
  color: #7a8996;
  text-align: left;
}
table .atom_label,
table .atom_error {
  display: inline;
  margin-right: 12px;
}

label,
.atom_label,
.atom_error {
  width: 100%;
  font-size: 0.75em;
  line-height: 1.125em;
  color: #7a8996;
  font-weight: 300;
  display: block;
}

.atom_error {
  color: #e1283c;
}

button,
.atom_button,
input[type=submit],
input[type=button],
input[type=reset] {
  -webkit-appearance: none;
  font-size: 16px;
  padding: 10px 34px 10px 34px;
  border-radius: 0;
  border: 1px solid transparent;
  border-color: #296FB8;
  background-color: #296FB8;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  width: auto;
}
button:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit]:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button]:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset]:not(:disabled):not(.disabled):not(.mod_disabled) {
  cursor: pointer;
}
button:not(:disabled):not(.disabled):not(.mod_disabled):hover, button:not(:disabled):not(.disabled):not(.mod_disabled).hover, .hover > button:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button:not(:disabled):not(.disabled):not(.mod_disabled):hover,
.atom_button:not(:disabled):not(.disabled):not(.mod_disabled).hover,
.hover > .atom_button:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit]:not(:disabled):not(.disabled):not(.mod_disabled):hover,
input[type=submit]:not(:disabled):not(.disabled):not(.mod_disabled).hover,
.hover > input[type=submit]:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button]:not(:disabled):not(.disabled):not(.mod_disabled):hover,
input[type=button]:not(:disabled):not(.disabled):not(.mod_disabled).hover,
.hover > input[type=button]:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset]:not(:disabled):not(.disabled):not(.mod_disabled):hover,
input[type=reset]:not(:disabled):not(.disabled):not(.mod_disabled).hover,
.hover > input[type=reset]:not(:disabled):not(.disabled):not(.mod_disabled) {
  background-color: #183E73;
}
button:disabled, button.disabled, button.mod_disabled, .mod_disabled > button, .disabled > button,
.atom_button:disabled,
.atom_button.disabled,
.atom_button.mod_disabled,
.mod_disabled > .atom_button,
.disabled > .atom_button,
input[type=submit]:disabled,
input[type=submit].disabled,
input[type=submit].mod_disabled,
.mod_disabled > input[type=submit],
.disabled > input[type=submit],
input[type=button]:disabled,
input[type=button].disabled,
input[type=button].mod_disabled,
.mod_disabled > input[type=button],
.disabled > input[type=button],
input[type=reset]:disabled,
input[type=reset].disabled,
input[type=reset].mod_disabled,
.mod_disabled > input[type=reset],
.disabled > input[type=reset] {
  opacity: 0.5;
}
button.mod_icon-left,
.atom_button.mod_icon-left,
input[type=submit].mod_icon-left,
input[type=button].mod_icon-left,
input[type=reset].mod_icon-left {
  padding-left: 17px;
}
button.mod_icon-left .eco,
button.mod_icon-left .atom_icon,
.atom_button.mod_icon-left .eco,
.atom_button.mod_icon-left .atom_icon,
input[type=submit].mod_icon-left .eco,
input[type=submit].mod_icon-left .atom_icon,
input[type=button].mod_icon-left .eco,
input[type=button].mod_icon-left .atom_icon,
input[type=reset].mod_icon-left .eco,
input[type=reset].mod_icon-left .atom_icon {
  margin-right: 17px;
}
button.mod_skinny,
.atom_button.mod_skinny,
input[type=submit].mod_skinny,
input[type=button].mod_skinny,
input[type=reset].mod_skinny {
  padding: 10px 15px 10px 15px;
}
button.mod_skinny.mod_icon-left,
.atom_button.mod_skinny.mod_icon-left,
input[type=submit].mod_skinny.mod_icon-left,
input[type=button].mod_skinny.mod_icon-left,
input[type=reset].mod_skinny.mod_icon-left {
  padding-left: 7.5px;
}
button.mod_skinny.mod_icon-left .eco,
button.mod_skinny.mod_icon-left .atom_icon,
.atom_button.mod_skinny.mod_icon-left .eco,
.atom_button.mod_skinny.mod_icon-left .atom_icon,
input[type=submit].mod_skinny.mod_icon-left .eco,
input[type=submit].mod_skinny.mod_icon-left .atom_icon,
input[type=button].mod_skinny.mod_icon-left .eco,
input[type=button].mod_skinny.mod_icon-left .atom_icon,
input[type=reset].mod_skinny.mod_icon-left .eco,
input[type=reset].mod_skinny.mod_icon-left .atom_icon {
  margin-right: 7.5px;
}
button.mod_link, .mod_link > button,
.atom_button.mod_link,
.mod_link > .atom_button,
input[type=submit].mod_link,
.mod_link > input[type=submit],
input[type=button].mod_link,
.mod_link > input[type=button],
input[type=reset].mod_link,
.mod_link > input[type=reset] {
  background: transparent;
  border: none;
  color: #1c94cf;
}
button.mod_link:hover:not(:disabled):not(.disabled):not(.mod_disabled), button.mod_link.hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_link > button:hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_link > button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_link:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_link.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > .atom_button:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > .atom_button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_link:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_link.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=submit]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=submit].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_link:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_link.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=button]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=button].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_link:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_link.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=reset]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_link > input[type=reset].hover:not(:disabled):not(.disabled):not(.mod_disabled) {
  background: transparent;
  border: none;
  color: #33b5e5;
}
button.mod_inverse, .mod_inverse > button,
.atom_button.mod_inverse,
.mod_inverse > .atom_button,
input[type=submit].mod_inverse,
.mod_inverse > input[type=submit],
input[type=button].mod_inverse,
.mod_inverse > input[type=button],
input[type=reset].mod_inverse,
.mod_inverse > input[type=reset] {
  background-color: #ffffff;
  color: #296FB8;
  border: solid 1px #296FB8;
}
button.mod_inverse:hover:not(:disabled):not(.disabled):not(.mod_disabled), button.mod_inverse.hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_inverse > button:hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_inverse > button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_inverse:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_inverse.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > .atom_button:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > .atom_button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_inverse:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_inverse.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=submit]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=submit].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_inverse:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_inverse.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=button]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=button].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_inverse:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_inverse.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=reset]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_inverse > input[type=reset].hover:not(:disabled):not(.disabled):not(.mod_disabled) {
  color: #ffffff;
  border-color: #183E73;
  background: #183E73;
}
button.mod_creative, .mod_creative > button,
.atom_button.mod_creative,
.mod_creative > .atom_button,
input[type=submit].mod_creative,
.mod_creative > input[type=submit],
input[type=button].mod_creative,
.mod_creative > input[type=button],
input[type=reset].mod_creative,
.mod_creative > input[type=reset] {
  background-color: #00AB49;
  border-color: #00AB49;
}
button.mod_creative:hover:not(:disabled):not(.disabled):not(.mod_disabled), button.mod_creative.hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_creative > button:hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_creative > button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_creative:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_creative.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > .atom_button:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > .atom_button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_creative:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_creative.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=submit]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=submit].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_creative:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_creative.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=button]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=button].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_creative:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_creative.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=reset]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_creative > input[type=reset].hover:not(:disabled):not(.disabled):not(.mod_disabled) {
  background-color: #007833;
}
button.mod_creative.mod_inverse, .mod_creative > button.mod_inverse,
.atom_button.mod_creative.mod_inverse,
.mod_creative > .atom_button.mod_inverse,
input[type=submit].mod_creative.mod_inverse,
.mod_creative > input[type=submit].mod_inverse,
input[type=button].mod_creative.mod_inverse,
.mod_creative > input[type=button].mod_inverse,
input[type=reset].mod_creative.mod_inverse,
.mod_creative > input[type=reset].mod_inverse {
  background-color: #ffffff;
  color: #00AB49;
  border: solid 1px #00AB49;
}
button.mod_destructive, .mod_destructive > button,
.atom_button.mod_destructive,
.mod_destructive > .atom_button,
input[type=submit].mod_destructive,
.mod_destructive > input[type=submit],
input[type=button].mod_destructive,
.mod_destructive > input[type=button],
input[type=reset].mod_destructive,
.mod_destructive > input[type=reset] {
  background: #E1283C;
  border-color: #E1283C;
}
button.mod_destructive:hover:not(:disabled):not(.disabled):not(.mod_disabled), button.mod_destructive.hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_destructive > button:hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_destructive > button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_destructive:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_destructive.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > .atom_button:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > .atom_button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_destructive:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_destructive.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=submit]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=submit].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_destructive:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_destructive.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=button]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=button].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_destructive:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_destructive.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=reset]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_destructive > input[type=reset].hover:not(:disabled):not(.disabled):not(.mod_disabled) {
  background-color: #B42030;
}
button.mod_destructive.mod_inverse, .mod_destructive > button.mod_inverse,
.atom_button.mod_destructive.mod_inverse,
.mod_destructive > .atom_button.mod_inverse,
input[type=submit].mod_destructive.mod_inverse,
.mod_destructive > input[type=submit].mod_inverse,
input[type=button].mod_destructive.mod_inverse,
.mod_destructive > input[type=button].mod_inverse,
input[type=reset].mod_destructive.mod_inverse,
.mod_destructive > input[type=reset].mod_inverse {
  background-color: #ffffff;
  color: #E1283C;
  border: solid 1px #E1283C;
}
button.mod_warning, .mod_warning > button,
.atom_button.mod_warning,
.mod_warning > .atom_button,
input[type=submit].mod_warning,
.mod_warning > input[type=submit],
input[type=button].mod_warning,
.mod_warning > input[type=button],
input[type=reset].mod_warning,
.mod_warning > input[type=reset] {
  background-color: #FFA500;
  border-color: #FFA500;
}
button.mod_warning:hover:not(:disabled):not(.disabled):not(.mod_disabled), button.mod_warning.hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_warning > button:hover:not(:disabled):not(.disabled):not(.mod_disabled), .mod_warning > button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_warning:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.atom_button.mod_warning.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > .atom_button:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > .atom_button.hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_warning:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=submit].mod_warning.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=submit]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=submit].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_warning:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=button].mod_warning.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=button]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=button].hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_warning:hover:not(:disabled):not(.disabled):not(.mod_disabled),
input[type=reset].mod_warning.hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=reset]:hover:not(:disabled):not(.disabled):not(.mod_disabled),
.mod_warning > input[type=reset].hover:not(:disabled):not(.disabled):not(.mod_disabled) {
  background-color: #CC8400;
}
button.mod_warning.mod_inverse, .mod_warning > button.mod_inverse,
.atom_button.mod_warning.mod_inverse,
.mod_warning > .atom_button.mod_inverse,
input[type=submit].mod_warning.mod_inverse,
.mod_warning > input[type=submit].mod_inverse,
input[type=button].mod_warning.mod_inverse,
.mod_warning > input[type=button].mod_inverse,
input[type=reset].mod_warning.mod_inverse,
.mod_warning > input[type=reset].mod_inverse {
  background-color: #ffffff;
  color: #FFA500;
  border: solid 1px #FFA500;
}
button.mod_expand, .mod_expand > button,
.atom_button.mod_expand,
.mod_expand > .atom_button,
input[type=submit].mod_expand,
.mod_expand > input[type=submit],
input[type=button].mod_expand,
.mod_expand > input[type=button],
input[type=reset].mod_expand,
.mod_expand > input[type=reset] {
  width: 100%;
}

form,
.atom_form {
  padding-top: 0;
  padding-bottom: 26px;
}

input,
textarea,
.atom_input {
  display: block;
  width: 100%;
  color: #788991;
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #dadfe1;
  border-radius: 0;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  justify-content: center;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.atom_placeholder {
  color: #9c9c9c;
  font-weight: normal;
}

/*
    Note - it would be nice to combine all of these separate placeholder definitions into a single selector group
    However - most browsers (except IE7) will invalidate the entire selector group if it doesn't recognize even one of them.
*/
::-webkit-input-placeholder {
  color: #9c9c9c;
  font-weight: normal;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #9c9c9c;
  font-weight: normal;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #9c9c9c;
  font-weight: normal;
}

:-ms-input-placeholder {
  color: #9c9c9c;
  font-weight: normal;
}

textarea {
  min-height: 7.5em;
  margin: 0;
}

legend,
.atom_legend {
  display: inline;
  border-bottom: 1px solid #dadfe1;
  padding-bottom: 5px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
}

fieldset,
.atom_fieldset {
  padding: 0;
  border: 0;
  margin-top: 40px;
}
fieldset legend,
fieldset .atom_legend,
.atom_fieldset legend,
.atom_fieldset .atom_legend {
  display: block;
  width: 100%;
  font-weight: normal;
}
fieldset legend.mod_inline,
fieldset .atom_legend.mod_inline,
.atom_fieldset legend.mod_inline,
.atom_fieldset .atom_legend.mod_inline {
  display: inline-block;
}

.atom_spacer {
  display: block;
  clear: both;
  height: 30px;
}
.atom_spacer.mod_small {
  height: 10px;
}
.atom_spacer.mod_large {
  height: 60px;
}

.atom_spacer-v-10 {
  width: 100%;
  height: 10px;
}

.atom_spacer-h-10 {
  width: 10px;
  display: inline-block;
}

.atom_spacer-v-20 {
  width: 100%;
  height: 20px;
}

.atom_spacer-h-20 {
  width: 20px;
  display: inline-block;
}

.atom_spacer-v-30 {
  width: 100%;
  height: 30px;
}

.atom_spacer-h-30 {
  width: 30px;
  display: inline-block;
}

@media only screen and (min-width: 0px) and (max-width: 639px) {
  .atom_spacer-v-mobile-10 {
    width: 100%;
    height: 10px;
  }

  .atom_spacer-h-mobile-10 {
    width: 10px;
    display: inline-block;
  }

  .atom_spacer-v-mobile-20 {
    width: 100%;
    height: 20px;
  }

  .atom_spacer-h-mobile-20 {
    width: 20px;
    display: inline-block;
  }

  .atom_spacer-v-mobile-30 {
    width: 100%;
    height: 30px;
  }

  .atom_spacer-h-mobile-30 {
    width: 30px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1074px) and (max-width: 1439px) {
  .atom_spacer-v-desktop-hd-10 {
    width: 100%;
    height: 10px;
  }

  .atom_spacer-h-desktop-hd-10 {
    width: 10px;
    display: inline-block;
  }

  .atom_spacer-v-desktop-hd-20 {
    width: 100%;
    height: 20px;
  }

  .atom_spacer-h-desktop-hd-20 {
    width: 20px;
    display: inline-block;
  }

  .atom_spacer-v-desktop-hd-30 {
    width: 100%;
    height: 30px;
  }

  .atom_spacer-h-desktop-hd-30 {
    width: 30px;
    display: inline-block;
  }
}
.atom_notification {
  text-align: center;
  padding: 12px 20px;
  background-color: #7a8996;
  color: #ffffff;
}
.atom_notification.mod_warning {
  background-color: #ffa500;
}
.atom_notification.mod_error {
  background-color: #e1283c;
}
.atom_notification.mod_destructive {
  background-color: #e1283c;
}
.atom_notification.mod_success {
  background-color: #7fd5a4;
}
.atom_notification.mod_creative {
  background-color: #00ab49;
}

.atom_message {
  text-align: center;
  padding: 12px 20px;
  color: #7a8996;
}

.atom_fieldIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #dadfe1;
  border-left: none;
  color: #dadfe1;
  font-size: 28px;
  position: relative;
  text-align: center;
  width: 50px;
}
.atom_fieldIcon::after {
  background-color: #dadfe1;
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 1px;
}
.atom_fieldIcon.atom_unit {
  font-size: 20px;
  /*&::after {
      width:0;
      background:transparent;
      height:0;
  }*/
}

small,
.atom_small,
sup,
.atom_sup,
sub,
.atom_sub {
  font-size: 0.7em;
  line-height: 1em;
}

sup,
.atom_sup {
  top: -0.5em;
  position: relative;
  vertical-align: middle;
}

sub,
.atom_sub {
  top: 1.5em;
  position: relative;
  vertical-align: middle;
}

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  margin: 0;
}

.atom_gray-box {
  background-color: #F6F8F8;
}

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document should contain only molecule level styles. These styles must be useful when separated from any related
 * dynamic functionality provided by JavaScript or similar. For example, all standard and even many custom user inputs
 * are styled here as field molecules because the standard HTML elements for them are not very consistent visually.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
.molecule_message {
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.molecule_message .atom_message {
  font-size: 20px;
  color: #7a8996;
  letter-spacing: 2px;
  line-height: 28px;
}

[class*=molecule_field-] .molecule_children {
  display: flex;
}

[class*=molecule_field-]:not(.molecule_field-checkbox) {
  margin: 0 0 8px 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).disabled {
  opacity: 0.5;
}
[class*=molecule_field-]:not(.molecule_field-checkbox) label,
[class*=molecule_field-]:not(.molecule_field-checkbox) .atom_label,
[class*=molecule_field-]:not(.molecule_field-checkbox) .atom_error {
  width: 100%;
  margin-bottom: 4px;
}
[class*=molecule_field-]:not(.molecule_field-checkbox) .atom_error {
  display: none;
}
[class*=molecule_field-]:not(.molecule_field-checkbox) input,
[class*=molecule_field-]:not(.molecule_field-checkbox) textarea {
  width: 50px;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused label,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused .atom_label {
  color: #1c94cf;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused input,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused textarea,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused .atom_input,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused .molecule_input {
  border-color: #1c94cf;
  border-width: 1px;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) {
  /*
      Note - it would be nice to combine all of these separate placeholder definitions into a single selector group
      However - most browsers (except IE7) will invalidate the entire selector group if it doesn't recognize even one of them.
  */
  /* Firefox 18- */
  /* Firefox 19+ */
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) .atom_placeholder {
  color: transparent;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) ::-webkit-input-placeholder {
  color: transparent;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) :-moz-placeholder {
  color: transparent;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) ::-moz-placeholder {
  color: transparent;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_focused:not(.molecule_field-select) :-ms-input-placeholder {
  color: transparent;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error label,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error .atom_label {
  display: none;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error .atom_error {
  display: block;
}
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error input,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error textarea,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error .atom_input,
[class*=molecule_field-]:not(.molecule_field-checkbox).mod_error .molecule_input {
  border-color: #e1283c;
}

.molecule_input {
  flex-grow: 1;
  display: flex;
  border: 1px solid #dadfe1;
  background-color: #ffffff;
}
.molecule_input input,
.molecule_input textarea,
.molecule_input .atom_input {
  border: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 24px;
  height: 24px;
}

.molecule_field-checkbox,
.molecule_field-radio {
  /* Base for label styling */
  /*
  [type="checkbox"]:disabled:not(:checked) + label:before,
  [type="checkbox"]:disabled:checked + label:before {
      box-shadow: none;
      border-color: #bbb; // todo var
      background-color: #ddd; // todo var
  }*/
  /*[type="checkbox"]:checked:focus + label:before,
  [type="checkbox"]:not(:checked):focus + label:before {
      // Nothing to show here
  }*/
}
.molecule_field-checkbox label,
.molecule_field-radio label {
  font-size: 16px;
  font-weight: 400;
}
.molecule_field-checkbox .atom_error,
.molecule_field-radio .atom_error {
  margin-bottom: 8px;
}
.molecule_field-checkbox [type=checkbox]:not(:checked),
.molecule_field-checkbox [type=checkbox]:checked,
.molecule_field-checkbox [type=radio]:not(:checked),
.molecule_field-checkbox [type=radio]:checked,
.molecule_field-radio [type=checkbox]:not(:checked),
.molecule_field-radio [type=checkbox]:checked,
.molecule_field-radio [type=radio]:not(:checked),
.molecule_field-radio [type=radio]:checked {
  position: absolute;
  left: -9999px;
}
.molecule_field-checkbox [type=checkbox]:not(:checked) + label,
.molecule_field-checkbox [type=checkbox]:not(:checked) + .atom_error + label,
.molecule_field-checkbox [type=checkbox]:checked + label,
.molecule_field-checkbox [type=checkbox]:checked + .atom_error + label,
.molecule_field-checkbox [type=radio]:not(:checked) + label,
.molecule_field-checkbox [type=radio]:not(:checked) + .atom_error + label,
.molecule_field-checkbox [type=radio]:checked + label,
.molecule_field-checkbox [type=radio]:checked + .atom_error + label,
.molecule_field-radio [type=checkbox]:not(:checked) + label,
.molecule_field-radio [type=checkbox]:not(:checked) + .atom_error + label,
.molecule_field-radio [type=checkbox]:checked + label,
.molecule_field-radio [type=checkbox]:checked + .atom_error + label,
.molecule_field-radio [type=radio]:not(:checked) + label,
.molecule_field-radio [type=radio]:not(:checked) + .atom_error + label,
.molecule_field-radio [type=radio]:checked + label,
.molecule_field-radio [type=radio]:checked + .atom_error + label {
  position: relative;
  padding-left: 28px;
  line-height: 1.5em;
  cursor: pointer;
}
.molecule_field-checkbox [type=checkbox]:not(:checked) + label:before,
.molecule_field-checkbox [type=checkbox]:not(:checked) + .atom_error + label:before,
.molecule_field-checkbox [type=checkbox]:checked + label:before,
.molecule_field-checkbox [type=checkbox]:checked + .atom_error + label:before,
.molecule_field-checkbox [type=radio]:not(:checked) + label:before,
.molecule_field-checkbox [type=radio]:not(:checked) + .atom_error + label:before,
.molecule_field-checkbox [type=radio]:checked + label:before,
.molecule_field-checkbox [type=radio]:checked + .atom_error + label:before,
.molecule_field-radio [type=checkbox]:not(:checked) + label:before,
.molecule_field-radio [type=checkbox]:not(:checked) + .atom_error + label:before,
.molecule_field-radio [type=checkbox]:checked + label:before,
.molecule_field-radio [type=checkbox]:checked + .atom_error + label:before,
.molecule_field-radio [type=radio]:not(:checked) + label:before,
.molecule_field-radio [type=radio]:not(:checked) + .atom_error + label:before,
.molecule_field-radio [type=radio]:checked + label:before,
.molecule_field-radio [type=radio]:checked + .atom_error + label:before {
  font-family: "Eco";
  position: absolute;
  left: 2px;
  font-size: 20px;
}
.molecule_field-checkbox [type=checkbox]:not(:checked) + label:before,
.molecule_field-checkbox [type=checkbox]:not(:checked) + .atom_error + label:before,
.molecule_field-radio [type=checkbox]:not(:checked) + label:before,
.molecule_field-radio [type=checkbox]:not(:checked) + .atom_error + label:before {
  content: "";
}
.molecule_field-checkbox [type=checkbox]:checked + label:before,
.molecule_field-checkbox [type=checkbox]:checked + .atom_error + label:before,
.molecule_field-radio [type=checkbox]:checked + label:before,
.molecule_field-radio [type=checkbox]:checked + .atom_error + label:before {
  content: "";
}
.molecule_field-checkbox [type=radio]:not(:checked) + label:before,
.molecule_field-checkbox [type=radio]:not(:checked) + .atom_error + label:before,
.molecule_field-radio [type=radio]:not(:checked) + label:before,
.molecule_field-radio [type=radio]:not(:checked) + .atom_error + label:before {
  content: "";
}
.molecule_field-checkbox [type=radio]:checked + label:before,
.molecule_field-checkbox [type=radio]:checked + .atom_error + label:before,
.molecule_field-radio [type=radio]:checked + label:before,
.molecule_field-radio [type=radio]:checked + .atom_error + label:before {
  content: "";
}
.molecule_field-checkbox.mod_hideCheckbox > [type=checkbox] + label:before,
.molecule_field-checkbox.mod_hideCheckbox > [type=checkbox] + .atom_error + label:before,
.molecule_field-radio.mod_hideCheckbox > [type=checkbox] + label:before,
.molecule_field-radio.mod_hideCheckbox > [type=checkbox] + .atom_error + label:before {
  content: "" !important;
}
.molecule_field-checkbox.mod_hideCheckbox > [type=checkbox] + label,
.molecule_field-checkbox.mod_hideCheckbox > [type=checkbox] + .atom_error + label,
.molecule_field-radio.mod_hideCheckbox > [type=checkbox] + label,
.molecule_field-radio.mod_hideCheckbox > [type=checkbox] + .atom_error + label {
  font-weight: bold;
  padding-left: 0;
}
.molecule_field-checkbox [type=checkbox]:disabled:checked + label:after,
.molecule_field-checkbox [type=checkbox]:disabled:checked + .atom_error + label:after,
.molecule_field-radio [type=checkbox]:disabled:checked + label:after,
.molecule_field-radio [type=checkbox]:disabled:checked + .atom_error + label:after {
  color: #dadfe1;
}
.molecule_field-checkbox [type=checkbox]:disabled + label,
.molecule_field-checkbox [type=checkbox]:disabled + .atom_error + label,
.molecule_field-radio [type=checkbox]:disabled + label,
.molecule_field-radio [type=checkbox]:disabled + .atom_error + label {
  color: #dadfe1;
}
.molecule_field-checkbox > input[type=checkbox],
.molecule_field-radio > input[type=checkbox] {
  display: none;
}
.molecule_field-checkbox .molecule_children,
.molecule_field-radio .molecule_children {
  margin: 8px 0 0 24px;
}
@media only screen and (max-width: 640px) {
  .molecule_field-checkbox .molecule_children,
.molecule_field-radio .molecule_children {
    margin-top: 16px;
  }
  .molecule_field-checkbox .molecule_children .molecule_field-checkbox,
.molecule_field-radio .molecule_children .molecule_field-checkbox {
    margin-bottom: 16px;
  }
}

.molecule_field-checkboxList .molecule_field-checkbox {
  /*margin-top: 0;
  margin-bottom: 0;*/
}
.molecule_field-checkboxList .molecule_field-checkbox:not(.mod_focused) [type=checkbox] + label,
.molecule_field-checkboxList .molecule_field-checkbox:not(.mod_focused) [type=checkbox] + label:before {
  color: #7a8996;
}
.molecule_field-checkboxList .flyout {
  width: 100%;
  padding: 6px;
}
.molecule_field-checkboxList .flyout .molecule_children,
.molecule_field-checkboxList .flyout .molecule_field-checkbox {
  width: 100%;
  display: block;
}
.molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_focused:not(.mod_disabled) > label,
.molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_focused:not(.mod_disabled) > .atom_label, .molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_selected:not(.mod_disabled) > label,
.molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_selected:not(.mod_disabled) > .atom_label {
  color: #1c94cf;
}
.molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_disabled > label,
.molecule_field-checkboxList .flyout .molecule_field-checkbox.mod_disabled > .atom_label {
  backgound-color: transparent;
  color: #cccccc;
}

.molecule_button {
  margin-top: 17px;
  margin-bottom: 0;
}

.molecule_selectList {
  position: relative;
}
.molecule_selectList .selectWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.molecule_selectList .atom_input {
  position: relative;
  width: 100%;
  padding: 10px 21.12px 10px 10px;
  border: 1px solid #dadfe1;
  color: #788991;
  background-color: #ffffff;
  display: flex;
  cursor: pointer;
}
.molecule_selectList .atom_input:after {
  position: absolute;
  top: 10.24px;
  right: 0;
  font-size: 10.56px;
  color: #788991;
  margin-right: 5.28px;
  font-family: "Eco";
  content: "";
}
.molecule_selectList .displayValue {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.molecule_selectList .atom_placeholder {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mod_error[class*=molecule_field-] .selectWrapper label, .mod_error[class*=molecule_field-] .selectWrapper .atom_label {
  display: block;
}

.molecule_field-radioButtonList .buttons,
.molecule_field-multiStateButton .buttons {
  display: flex;
}
.molecule_field-radioButtonList .atom_button,
.molecule_field-multiStateButton .atom_button {
  border-right: 1px solid #ffffff;
  padding: 0;
}
.molecule_field-radioButtonList .atom_button:last-child,
.molecule_field-multiStateButton .atom_button:last-child {
  border-right: none;
}
.molecule_field-radioButtonList .atom_button.mod_selected,
.molecule_field-multiStateButton .atom_button.mod_selected {
  background-color: #183E73;
}
.molecule_field-radioButtonList .atom_button label,
.molecule_field-multiStateButton .atom_button label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 34px 10px 34px;
  margin: 0;
  cursor: pointer;
}
.molecule_field-radioButtonList input[type=radio],
.molecule_field-multiStateButton input[type=radio] {
  position: absolute;
  left: -99999px;
}

.molecule_field-multiStateButton .atom_button:not(.mod_selected) {
  display: none;
}

.molecule_field-select select {
  display: none;
}
.molecule_field-select ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-block;
}
.molecule_field-select li {
  margin: 0;
  padding: 13px 26px;
  color: #788991;
  position: relative;
  cursor: pointer;
}
.molecule_field-select li.mod_selected:before {
  color: #33b5e5;
  font-family: "Eco";
  content: "";
  font-size: 6.08px;
  top: 13px;
  left: 10px;
  position: absolute;
}
.molecule_field-select li.mod_selected:before:hover {
  color: #ffffff;
}
.molecule_field-select li:hover:not(.mod_disabled), .molecule_field-select li:focus:not(.mod_disabled) {
  background-color: #33b5e5;
  color: #ffffff;
}
.molecule_field-select li:hover:not(.mod_disabled).mod_selected:before, .molecule_field-select li:focus:not(.mod_disabled).mod_selected:before {
  color: #ffffff;
}
.molecule_field-select li.mod_disabled {
  backgound-color: transparent;
  color: #cccccc;
}
.molecule_field-select .filterField {
  width: 100%;
  border: none;
  padding: 0;
  display: none;
  flex-grow: 1;
}
.molecule_field-select .flyout .show-on-empty {
  color: #788991;
  cursor: pointer;
  margin: 0;
  padding: 13px 26px;
  position: relative;
}
.molecule_field-select.mod_open .filterField {
  display: block;
}
.molecule_field-select.mod_open .displayValue,
.molecule_field-select.mod_open .atom_placeholder {
  display: none;
}
.molecule_field-select.mod_empty ul {
  display: none;
}

@media screen and (min-width: 641px) {
  .molecule_fieldGroup {
    display: flex;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] .molecule_input {
    border-left-width: 0;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] input,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] textarea,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] .atom_input {
    padding-left: 11px;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child):not(.mod_focused) .molecule_input,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child):not(.mod_focused) .atom_input,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child):not(.mod_focused) .atom_fieldIcon {
    border-right-width: 0;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error .molecule_input {
    border-right-width: 1px;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused .molecule_input {
    border-left-width: 1px;
    margin-left: -1px;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused input,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused textarea,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused .atom_input {
    padding-left: 11px;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] .molecule_input {
    border-left-width: 0;
  }
  .molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] input,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] textarea,
.molecule_fieldGroup [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] .atom_input {
    padding-left: 11px;
  }
}
.molecule_fieldGroupPreventWrap {
  display: flex;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] .molecule_input {
  border-left-width: 0;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] input,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] textarea,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_focused + [class*=molecule_field-] .atom_input {
  padding-left: 11px;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child):not(.mod_focused) .molecule_input,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child):not(.mod_focused) .atom_input,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child):not(.mod_focused) .atom_fieldIcon {
  border-right-width: 0;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error .molecule_input {
  border-right-width: 1px;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused .molecule_input {
  border-left-width: 1px;
  margin-left: -1px;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused input,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused textarea,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-].mod_focused .atom_input {
  padding-left: 11px;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] .molecule_input {
  border-left-width: 0;
}
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] input,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] textarea,
.molecule_fieldGroupPreventWrap [class*=molecule_field-]:not(:last-child).mod_error + [class*=molecule_field-] .atom_input {
  padding-left: 11px;
}

.molecule_tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.molecule_tabs > label, .molecule_tabs > .label {
  dislplay: none;
}
.molecule_tabs .molecule_tabsBar {
  display: flex;
}
.molecule_tabs .atom_tabButton {
  padding: 4px 10px;
  color: #7a8996;
  font-weight: 600;
  border-bottom: 4px solid #c3c9cb;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.molecule_tabs .atom_tabButton:first-child {
  margin-left: 0;
}
.molecule_tabs .atom_tabButton:last-child {
  margin-right: 0;
}
.molecule_tabs .atom_tabButton.mod_active {
  border-bottom-color: #C2E617;
}
.molecule_tabs .atom_tabContent:not(.mod_active) {
  display: none;
}

.molecule_fieldIcon {
  min-width: 275px;
}
.molecule_fieldIcon .atom_input,
.molecule_fieldIcon .molecule_input,
.molecule_fieldIcon input {
  border-right: none;
  width: auto;
  flex-grow: 1;
}

[class*=molecule_field-].mod_focused .atom_fieldIcon {
  border-color: #1c94cf;
}
[class*=molecule_field-].mod_error .atom_fieldIcon {
  border-color: #e1283c;
}

/* 2018-07-31 : Michael White : THIS IS NO LONGER A REAL THING and in fact it messes with our nice be fancy spinners. To the best of my knowledge, ECA was the last project (aside from sthscme which is being re-built) that was using this legacy spinner and ECA has been upgraded to use the new spinners now.
.molecule_spinner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    > i {
        display: block;
        min-width: 20px;
        max-width: 140px;
        min-height: 20px;
        max-height: 140px;
        background-image: url(/site/core/packages/eco/1.x/images/spinner.gif);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 100%;
        width: 50%;
    }
}*/
.molecule_field-file.mod_uploadInProgress .fileUploading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.molecule_field-file.mod_populated:not(.mod_uploadInProgress) .uploadLink,
.molecule_field-file.mod_populated:not(.mod_uploadInProgress) .uploadLink .replace,
.molecule_field-file.mod_populated:not(.mod_uploadInProgress) .removeFile {
  display: block;
}
.molecule_field-file:not(.mod_populated):not(.mod_uploadInProgress) .uploadLink,
.molecule_field-file:not(.mod_populated):not(.mod_uploadInProgress) .uploadLink .upload {
  display: block;
}
.molecule_field-file.mod_dropZone .atom_input,
.molecule_field-file.mod_dropZone .atom_fieldIcon {
  background-color: #f1ffd7;
}
.molecule_field-file .info {
  display: -webkit-flex;
  display: flex;
}
.molecule_field-file .fileName {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: flex;
}
.molecule_field-file .displayValue,
.molecule_field-file .uploadLink {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.molecule_field-file .fileUploading {
  display: none;
  width: 100%;
  height: 100%;
}
.molecule_field-file .fileUploading .molecule_spinner {
  height: 28px;
  width: 28px;
}
.molecule_field-file .uploadLink {
  color: #1c94cf;
  display: none;
  position: relative;
}
.molecule_field-file .uploadLink:hover .replace,
.molecule_field-file .uploadLink:hover .upload {
  color: #33b5e5;
}
.molecule_field-file .uploadLink .replace,
.molecule_field-file .uploadLink .upload {
  display: none;
  margin-right: 20px;
}
.molecule_field-file .uploadLink input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.molecule_field-file .removeFile {
  cursor: pointer;
  display: none;
}

.molecule_auth {
  max-width: 600px;
  min-width: 250px;
}
.molecule_auth .molecule_panel {
  display: none;
}
.molecule_auth .molecule_panel.mod_active {
  display: block;
}
.molecule_auth .molecule_panel form {
  max-width: 400px;
  margin: auto;
}

.molecule_grid {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.molecule_grid .atom_grid {
  flex: 1 0 auto;
  font-size: 12px;
}
.molecule_grid .atom_grid.ui-widget {
  font-family: "Open Sans", sans-serif;
}
.molecule_grid .atom_grid * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.molecule_grid .atom_grid .slick-header-columns {
  background: #7a8996;
  border-width: 0;
}
.molecule_grid .atom_grid .slick-header-column {
  background: transparent;
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 14px;
  border-width: 0;
  border-right: 1px solid #8d9aa5;
  padding: 8px 6px;
}
.molecule_grid .atom_grid .slick-column-name {
  letter-spacing: 1px;
  font-style: normal;
}
.molecule_grid .atom_grid .slick-sort-indicator-asc,
.molecule_grid .atom_grid .slick-sort-indicator-desc {
  background: transparent;
  width: auto;
  height: auto;
  margin: 0 8px 0 0;
  font-style: normal;
}
.molecule_grid .atom_grid .slick-sort-indicator-asc:before,
.molecule_grid .atom_grid .slick-sort-indicator-desc:before {
  font-family: "Eco";
  content: "";
}
.molecule_grid .atom_grid .slick-sort-indicator-desc:before {
  content: "";
}
.molecule_grid .atom_grid .atom_gridIcon {
  display: block;
  text-align: center;
  font-size: 1.6em;
  line-height: 30px;
  color: #1c94cf;
  cursor: pointer;
}

.molecule_field-phone > .molecule_children {
  width: 100%;
}
.molecule_field-phone .molecule_fieldGroup {
  display: flex;
}
.molecule_field-phone .molecule_field-select {
  width: 140px;
}
.molecule_field-phone .molecule_field-select .flyout {
  left: auto;
  right: 0;
  min-width: 100px;
}
.molecule_field-repeatField .molecule_field-phone {
  margin-bottom: 0;
}

.molecule_field-repeatField {
  margin-bottom: 0;
}
.molecule_field-repeatField > .molecule_children {
  width: 100%;
  flex-direction: column;
}
.molecule_field-repeatField > .molecule_children .molecule_container-repeat > label,
.molecule_field-repeatField > .molecule_children .molecule_container-repeat > .atom_label {
  display: none;
}
.molecule_field-repeatField .mod_supportControl {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  margin-bottom: 8px;
  width: 1.5em;
}
.molecule_field-repeatField .mod_supportControl i {
  cursor: pointer;
}
.molecule_field-repeatField .mod_supportControl i:hover {
  color: #e1283c;
}
.molecule_field-repeatField .mod_multiField {
  display: flex;
}
.molecule_field-repeatField .mod_multiField:only-child .mod_supportControl {
  display: none;
}
.molecule_field-repeatField .mod_multiField:first-child .mod_supportControl i {
  color: #dadfe1;
}
.molecule_field-repeatField .molecule_fieldGroupPreventWrap {
  margin-bottom: 0;
}

.molecule_field-toggleswitch {
  /* Base for label styling */
}
.molecule_field-toggleswitch .molecule_input label {
  font-weight: 400;
  color: #788991;
  padding: 10px 10px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  justify-content: center;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked),
.molecule_field-toggleswitch [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked) + label,
.molecule_field-toggleswitch [type=checkbox]:checked + label {
  position: relative;
  cursor: pointer;
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked) + label:after,
.molecule_field-toggleswitch [type=checkbox]:checked + label:after {
  font-family: "Eco";
  position: absolute;
  right: 10px;
  font-size: 56px;
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked) + label:after {
  content: "";
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked) + label .on {
  display: none;
}
.molecule_field-toggleswitch [type=checkbox]:not(:checked) + label .off {
  display: inline;
}
.molecule_field-toggleswitch [type=checkbox]:checked + label:after {
  content: "";
  color: #7fd5a4;
}
.molecule_field-toggleswitch [type=checkbox]:checked + label .on {
  display: inline;
}
.molecule_field-toggleswitch [type=checkbox]:checked + label .off {
  display: none;
}
.molecule_field-toggleswitch.mod_hideCheckbox > [type=checkbox] + label:before {
  content: "" !important;
}
.molecule_field-toggleswitch.mod_hideCheckbox > [type=checkbox] + label {
  font-weight: bold;
  padding-left: 0;
}
.molecule_field-toggleswitch.mod_focused[class*=molecule_field-] label, .molecule_field-toggleswitch.mod_focused[class*=molecule_field-] .atom_label {
  color: #7a8996;
}
.molecule_field-toggleswitch [type=checkbox]:disabled:checked + label:after {
  color: #dadfe1;
}
.molecule_field-toggleswitch [type=checkbox]:disabled + label {
  color: #dadfe1;
}
.molecule_field-toggleswitch > input[type=checkbox] {
  display: none;
}
.molecule_field-toggleswitch .molecule_children {
  /*margin-top: 0;
  margin-bottom: 0;*/
  margin: 8px 0 0 24px;
}

.molecule_field-keyValuePair > .molecule_children {
  width: 100%;
  display: flex;
}
.molecule_field-keyValuePair .molecule_fieldGroup {
  display: flex;
}
.molecule_field-keyValuePair .molecule_field-text {
  width: 50%;
}
.molecule_field-repeatField .molecule_field-keyValuePair {
  margin-bottom: 0;
}

.molecule_content > label,
.molecule_content > .atom_label,
.molecule_container > label,
.molecule_container > .atom_label {
  display: none;
}

.molecule_container > .molecule_children, .molecule_container > .molecule_children:not(.molecule_fieldGroup) {
  display: flex;
  flex-direction: row;
}
.molecule_container > .molecule_children.mod_flex-column, .molecule_container > .molecule_children:not(.molecule_fieldGroup).mod_flex-column {
  flex-direction: column;
}
.molecule_container > .molecule_children.mod_flex-column > div, .molecule_container > .molecule_children:not(.molecule_fieldGroup).mod_flex-column > div {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (max-width: 414px) {
  .molecule_container > .molecule_children, .molecule_container > .molecule_children:not(.molecule_fieldGroup) {
    flex-direction: column;
  }
  .molecule_container > .molecule_children > div, .molecule_container > .molecule_children:not(.molecule_fieldGroup) > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.molecule_container > .molecule_children:not(.molecule_fieldGroup) > div, .molecule_container > .molecule_children:not(.molecule_fieldGroup):not(.molecule_fieldGroup) > div {
  margin-left: 10px;
  margin-right: 10px;
}
.molecule_container > .molecule_children:not(.molecule_fieldGroup) > div:first-child, .molecule_container > .molecule_children:not(.molecule_fieldGroup):not(.molecule_fieldGroup) > div:first-child {
  margin-left: 0;
}
.molecule_container > .molecule_children:not(.molecule_fieldGroup) > div:last-child, .molecule_container > .molecule_children:not(.molecule_fieldGroup):not(.molecule_fieldGroup) > div:last-child {
  margin-right: 0;
}
.molecule_container > .molecule_children > div, .molecule_container > .molecule_children:not(.molecule_fieldGroup) > div {
  flex-grow: 1;
  flex-basis: 50%;
}
@media screen and (max-width: 414px) {
  .molecule_container > .molecule_children > div, .molecule_container > .molecule_children:not(.molecule_fieldGroup) > div {
    flex-basis: 100%;
    flex-shrink: 0;
  }
}

.molecule_tabs-progress {
  /*

  THIS SET OF STYLES SETS THE DIRECTION OF THE PROGRESS "TAILS" TO THE LEFT OF THE ACTIVE DOT.

  .progress_outer_before {

      &.mod_next-progress-complete {

          .progress_after {
              background-color: $progress-color_complete;
              border-color: $progress-color_complete;
          }
      }

      &.mod_next-progress-error {

          .progress_after {
              background-color: $progress-color_error;
              border-color: $progress-color_error;
          }
      }

      &.mod_next-tab-active {

          .progress_after {
              background-color: $progress-color_active;
              border-color: $progress-color_active;
          }
      }
  }

  .progress_outer_after {

      &.mod_previous-progress-complete {

          .progress_before {
              background-color: $progress-color_complete;
              border-color: $progress-color_complete;
          }
      }

      &.mod_previous-progress-error {

          .progress_before {
              background-color: $progress-color_error;
              border-color: $progress-color_error;
          }
      }

      !*&.mod_previous-tab-active {

          .progress_before {
              background-color: $progress-color_active;
              border-color: $progress-color_active;
          }
      }*!
  }

  .atom_tabButton {

      &.mod_own-progress-complete {
          .progress_dot {
              background-color: $progress-color_complete;
              border-color: $color-creative;
          }

          .progress_before {
              background-color: $progress-color_complete;
              border-color: $progress-color_complete;
          }
      }

      &.mod_previous-progress-complete {

          .progress_after {
              background-color: $progress-color_complete;
              border-color: $progress-color_complete;
          }
      }

      &.mod_previous-progress-error {

          .progress_after {
              background-color: $progress-color_error;
              border-color: $progress-color_error;
          }
      }

      &.mod_active {

          .progress_dot {
              background-color: $progress-color_active;
              border-color: $color-primary;
          }

          .progress_before {
              background-color: $progress-color_active;
              border-color: $progress-color_active;
          }

          .progress_tab_text {
              color: $color-primary;
              font-weight: bold;
              text-decoration: underline;
          }
      }

      &.mod_next-tab-active {

          .progress_after {
              background-color: $progress-color_active;
              border-color: $progress-color_active;
          }
      }
  }*/
}
.molecule_tabs-progress .molecule_tabsBar .progress_outer_before, .molecule_tabs-progress .molecule_tabsBar .progress_outer_after {
  flex-grow: 1;
  width: 10;
  flex-shrink: 1;
}
.molecule_tabs-progress .molecule_tabsBar .atom_tabButton {
  flex-grow: 0;
  width: 200px;
  border: none;
}
.molecule_tabs-progress .atom_tabButton,
.molecule_tabs-progress .progress_outer_before,
.molecule_tabs-progress .progress_outer_after {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 0;
  margin-left: 0;
  margin-right: 0;
}
.molecule_tabs-progress .progress_container {
  display: flex;
  height: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.molecule_tabs-progress .progress_container .progress_dot {
  width: 16px;
  height: 16px;
  border: solid 1px #cccccc;
  border-radius: 10px;
}
.molecule_tabs-progress .progress_container .progress_dot i {
  color: #cccccc;
  display: none;
}
.molecule_tabs-progress .progress_tab_text {
  font-size: 12px;
  font-weight: normal;
}
.molecule_tabs-progress .atom_tabButton:hover .progress_dot {
  background-color: #1c94cf;
  border-color: #1c94cf;
}
.molecule_tabs-progress .atom_tabButton:hover .progress_tab_text {
  color: #1c94cf;
}
.molecule_tabs-progress .progress_before,
.molecule_tabs-progress .progress_after {
  height: 4px;
  width: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
.molecule_tabs-progress .progress_outer_before .progress_after {
  background-color: #7fd5a4;
  border-color: #7fd5a4;
}
.molecule_tabs-progress .progress_outer_after.mod_previous-progress-complete .progress_before {
  background-color: #7fd5a4;
  border-color: #7fd5a4;
}
.molecule_tabs-progress .progress_outer_after.mod_previous-progress-error .progress_before {
  background-color: #ffa500;
  border-color: #ffa500;
}
.molecule_tabs-progress .progress_outer_after.mod_previous-tab-active .progress_before {
  background-color: #1c94cf;
  border-color: #1c94cf;
}
.molecule_tabs-progress .atom_tabButton.mod_own-progress-complete .progress_dot {
  background-color: #7fd5a4;
  border-color: #00ab49;
}
.molecule_tabs-progress .atom_tabButton.mod_own-progress-complete .progress_after {
  background-color: #7fd5a4;
  border-color: #7fd5a4;
}
.molecule_tabs-progress .atom_tabButton.mod_previous-progress-complete .progress_before {
  background-color: #7fd5a4;
  border-color: #7fd5a4;
}
.molecule_tabs-progress .atom_tabButton.mod_previous-progress-error .progress_before {
  background-color: #ffa500;
  border-color: #ffa500;
}
.molecule_tabs-progress .atom_tabButton.mod_active .progress_dot {
  background-color: #1c94cf;
  border-color: #1C94CF;
}
.molecule_tabs-progress .atom_tabButton.mod_active .progress_after {
  background-color: #1c94cf;
  border-color: #1c94cf;
}
.molecule_tabs-progress .atom_tabButton.mod_active .progress_tab_text {
  color: #1C94CF;
  font-weight: bold;
  text-decoration: underline;
}
.molecule_tabs-progress .atom_tabButton.mod_previous-tab-active .progress_before {
  background-color: #1c94cf;
  border-color: #1c94cf;
}
.molecule_tabs-progress .mod_firstTab .progress_before,
.molecule_tabs-progress .mod_firstTab.mod_active .progress_before {
  background-color: #7fd5a4;
  border-color: #7fd5a4;
}
.molecule_tabs-progress .mod_lastTab,
.molecule_tabs-progress .mod_lastTab.mod_active {
  /*.progress_after {
      background-color: $progress-color_complete;
      border-color: $progress-color_complete;
  }*/
}

.molecule_field-equation .molecule_input {
  min-height: 20px;
}
.molecule_field-equation .molecule_input textarea, .molecule_field-equation .molecule_input input {
  display: none;
}
.molecule_field-equation .displayText {
  padding: 10px;
  width: 100%;
}

.molecule_container-repeat {
  width: 100%;
}

.molecule_field-rating .eco_ratingOptions {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.molecule_field-rating .eco_ratingOption {
  width: 24px;
  height: 24px;
  border: solid 1px #777;
  border-radius: 12px;
  margin-right: 20px;
}
.molecule_field-rating .eco_ratingOption::after {
  width: 22px;
  display: block;
  line-height: 24px -2px;
  color: #777;
  text-align: center;
  content: "0";
}
.molecule_field-rating .eco_ratingOption:nth-child(1)::after {
  content: "1";
}
.molecule_field-rating .eco_ratingOption:nth-child(2)::after {
  content: "2";
}
.molecule_field-rating .eco_ratingOption:nth-child(3)::after {
  content: "3";
}
.molecule_field-rating .eco_ratingOption:nth-child(4)::after {
  content: "4";
}
.molecule_field-rating .eco_ratingOption:nth-child(5)::after {
  content: "5";
}
.molecule_field-rating .eco_ratingOption:nth-child(6)::after {
  content: "6";
}
.molecule_field-rating .eco_ratingOption:nth-child(7)::after {
  content: "7";
}
.molecule_field-rating .eco_ratingOption.mod_selected {
  border-color: #1c94cf;
}
.molecule_field-rating .eco_ratingOption.mod_selected::after {
  color: #1c94cf;
}

.molecule_field-sort .eco_sortables {
  width: 100%;
}
.molecule_field-sort .eco_sortable {
  background: #ccc;
  width: 100%;
  padding: 4px;
  margin: 4px;
  cursor: pointer;
}

.molecule_qtipMenu.qtip-default {
  border-color: #1c94cf;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.5em;
}
.molecule_qtipMenu.qtip-default .atom_menuItem {
  padding: 10px 6px;
}
.molecule_qtipMenu.qtip-default .atom_menuItem:first-child {
  padding-top: 14px;
}
.molecule_qtipMenu.qtip-default .atom_menuItem:last-child {
  padding-bottom: 14px;
}

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document should contain only organism level styles and the mod_* and molecule_* classes that are directly
 * relevant to dynamic functionality provided by the organism. Any static visuals should be styled in _molecules.scss
 * instead.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
[class*=molecule_field-] {
  /* todo #99 - TEST this more global approach to hiding/showing the label for fields that are populated/focused/open.
  label,
  .atom_label {
      opacity: 0; // By default, the label is hidden for an organism
  }

  &.mod_populated, // This class is added to the organism when the field has a value
  &.mod_focused,
  &.mod_open {

      label,
      .atom_label {
          opacity: 1;
      }
  }
  */
}
[class*=molecule_field-].mod_populated .atom_placeholder {
  display: none;
}
[class*=molecule_field-].mod_focused .atom_placeholder {
  opacity: 0;
}

.organism_field-text label,
.organism_field-text .atom_label,
.organism_field-email label,
.organism_field-email .atom_label,
.organism_field-password label,
.organism_field-password .atom_label,
.organism_field-textarea label,
.organism_field-textarea .atom_label,
.organism_field-date label,
.organism_field-date .atom_label,
.organism_field-time label,
.organism_field-time .atom_label,
.organism_field-datetime label,
.organism_field-datetime .atom_label,
.organism_field-select label,
.organism_field-select .atom_label,
.organism_field-checkboxList label,
.organism_field-checkboxList .atom_label {
  opacity: 0;
}
.organism_field-text.mod_populated label,
.organism_field-text.mod_populated .atom_label, .organism_field-text.mod_focused label,
.organism_field-text.mod_focused .atom_label, .organism_field-text.mod_open label,
.organism_field-text.mod_open .atom_label,
.organism_field-email.mod_populated label,
.organism_field-email.mod_populated .atom_label,
.organism_field-email.mod_focused label,
.organism_field-email.mod_focused .atom_label,
.organism_field-email.mod_open label,
.organism_field-email.mod_open .atom_label,
.organism_field-password.mod_populated label,
.organism_field-password.mod_populated .atom_label,
.organism_field-password.mod_focused label,
.organism_field-password.mod_focused .atom_label,
.organism_field-password.mod_open label,
.organism_field-password.mod_open .atom_label,
.organism_field-textarea.mod_populated label,
.organism_field-textarea.mod_populated .atom_label,
.organism_field-textarea.mod_focused label,
.organism_field-textarea.mod_focused .atom_label,
.organism_field-textarea.mod_open label,
.organism_field-textarea.mod_open .atom_label,
.organism_field-date.mod_populated label,
.organism_field-date.mod_populated .atom_label,
.organism_field-date.mod_focused label,
.organism_field-date.mod_focused .atom_label,
.organism_field-date.mod_open label,
.organism_field-date.mod_open .atom_label,
.organism_field-time.mod_populated label,
.organism_field-time.mod_populated .atom_label,
.organism_field-time.mod_focused label,
.organism_field-time.mod_focused .atom_label,
.organism_field-time.mod_open label,
.organism_field-time.mod_open .atom_label,
.organism_field-datetime.mod_populated label,
.organism_field-datetime.mod_populated .atom_label,
.organism_field-datetime.mod_focused label,
.organism_field-datetime.mod_focused .atom_label,
.organism_field-datetime.mod_open label,
.organism_field-datetime.mod_open .atom_label,
.organism_field-select.mod_populated label,
.organism_field-select.mod_populated .atom_label,
.organism_field-select.mod_focused label,
.organism_field-select.mod_focused .atom_label,
.organism_field-select.mod_open label,
.organism_field-select.mod_open .atom_label,
.organism_field-checkboxList.mod_populated label,
.organism_field-checkboxList.mod_populated .atom_label,
.organism_field-checkboxList.mod_focused label,
.organism_field-checkboxList.mod_focused .atom_label,
.organism_field-checkboxList.mod_open label,
.organism_field-checkboxList.mod_open .atom_label {
  opacity: 1;
}
.organism_field-text.mod_forceOpen .selectWrapper,
.organism_field-email.mod_forceOpen .selectWrapper,
.organism_field-password.mod_forceOpen .selectWrapper,
.organism_field-textarea.mod_forceOpen .selectWrapper,
.organism_field-date.mod_forceOpen .selectWrapper,
.organism_field-time.mod_forceOpen .selectWrapper,
.organism_field-datetime.mod_forceOpen .selectWrapper,
.organism_field-select.mod_forceOpen .selectWrapper,
.organism_field-checkboxList.mod_forceOpen .selectWrapper {
  flex-direction: column;
}
.organism_field-text.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-email.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-password.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-textarea.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-date.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-time.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-datetime.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-select.mod_forceOpen .selectWrapper > .atom_input:after,
.organism_field-checkboxList.mod_forceOpen .selectWrapper > .atom_input:after {
  content: " ";
}
.organism_field-text.mod_forceOpen .flyout,
.organism_field-email.mod_forceOpen .flyout,
.organism_field-password.mod_forceOpen .flyout,
.organism_field-textarea.mod_forceOpen .flyout,
.organism_field-date.mod_forceOpen .flyout,
.organism_field-time.mod_forceOpen .flyout,
.organism_field-datetime.mod_forceOpen .flyout,
.organism_field-select.mod_forceOpen .flyout,
.organism_field-checkboxList.mod_forceOpen .flyout {
  position: static;
  border-top: none;
  z-index: 0;
}

.molecule_fieldGroup .molecule_selectList.mod_focused:not(:first-child) .flyout {
  margin-left: 0;
}

.molecule_selectList:not(.mod_populated) .displayValue {
  display: none;
}
.molecule_selectList.mod_focused label,
.molecule_selectList.mod_focused .atom_label {
  color: #1c94cf;
}
.molecule_selectList.mod_focused .flyout {
  border-color: #1c94cf;
}
.molecule_selectList:not(.mod_open):not(.mod_forceOpen) .flyout {
  display: none;
  border-width: 0;
  z-index: 0;
}
.molecule_selectList:not(.mod_empty) .mod_show-on-empty {
  display: none;
}
.molecule_selectList.mod_empty .flyout li {
  display: none;
}
.molecule_selectList .flyout {
  position: absolute;
  width: 100%;
  min-width: 200px;
  top: calc(100% - 1px);
  left: 0;
  background-color: #ffffff;
  overflow: auto;
  z-index: 999;
  border: 1px solid #dadfe1;
}
.molecule_selectList .flyout label,
.molecule_selectList .flyout .atom_label {
  color: #7a8996;
  opacity: 1;
}
.molecule_selectList.mod_forceOpen .selectWrapper {
  flex-direction: column;
}
.molecule_selectList.mod_forceOpen .flyout {
  position: static;
  border-top: none;
}

.organism_form,
.molecule_form {
  padding-top: 0;
  padding-bottom: 26px;
}
.organism_form .molecule_spinner,
.molecule_form .molecule_spinner {
  height: 140px;
}
.organism_form .molecule_spinner > i,
.molecule_form .molecule_spinner > i {
  max-height: 100px;
  max-width: 100px;
}
.organism_form.mod_submitting .mod_hide-on-submit,
.molecule_form.mod_submitting .mod_hide-on-submit {
  display: none;
}
.organism_form.mod_submit-success .mod_hide-on-success,
.molecule_form.mod_submit-success .mod_hide-on-success {
  display: none;
}
.organism_form.mod_submit-error .mod_hide-on-error,
.molecule_form.mod_submit-error .mod_hide-on-error {
  display: none;
}
.organism_form:not(.mod_submitting) .mod_show-on-submit,
.molecule_form:not(.mod_submitting) .mod_show-on-submit {
  display: none;
}
.organism_form:not(.mod_submit-success) .molecule_form-success:not(.molecule_form-message),
.molecule_form:not(.mod_submit-success) .molecule_form-success:not(.molecule_form-message) {
  display: none;
}
.organism_form:not(.mod_submit-error) .molecule_form-error:not(.molecule_form-message),
.molecule_form:not(.mod_submit-error) .molecule_form-error:not(.molecule_form-message) {
  display: none;
}
.organism_form:not(.mod_submit-success):not(.mod_submit-error) .mod_show-on-success,
.organism_form:not(.mod_submit-success):not(.mod_submit-error) .mod_show-on-error,
.molecule_form:not(.mod_submit-success):not(.mod_submit-error) .mod_show-on-success,
.molecule_form:not(.mod_submit-success):not(.mod_submit-error) .mod_show-on-error {
  display: none;
}
.organism_form:not(.mod_submit-success).mod_submit-error .mod_show-on-success:not(.mod_show-on-error),
.molecule_form:not(.mod_submit-success).mod_submit-error .mod_show-on-success:not(.mod_show-on-error) {
  display: none;
}
.organism_form:not(.mod_submit-error).mod_submit-success .mod_show-on-error:not(.mod_show-on-success),
.molecule_form:not(.mod_submit-error).mod_submit-success .mod_show-on-error:not(.mod_show-on-success) {
  display: none;
}
.organism_form.mod_submit-error .molecule_form-message:not(.molecule_form-error),
.molecule_form.mod_submit-error .molecule_form-message:not(.molecule_form-error) {
  display: none;
}
.organism_form.mod_submit-success .molecule_form-message:not(.molecule_form-success),
.molecule_form.mod_submit-success .molecule_form-message:not(.molecule_form-success) {
  display: none;
}
.organism_form form,
.molecule_form form {
  padding: 0;
}

[class*=organism_grid-].mod_grid-load-error .atom_grid, [class*=organism_grid-].mod_grid-loading .atom_grid, [class*=organism_grid-].mod_grid-empty .atom_grid, [class*=organism_grid-].mod_grid-no-match .atom_grid {
  display: none;
}
[class*=organism_grid-] .mod_grid-load-success .mod_hide-on-load-success {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-load-success) .mod_show-on-load-success {
  display: none;
}
[class*=organism_grid-] .mod_grid-load-error .mod_hide-on-load-error {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-load-error) .mod_show-on-load-error {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-loading) .molecule_spinner {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-loading) .mod_show-on-loading {
  display: none;
}
[class*=organism_grid-].mod_grid-loading .mod_show-on-empty,
[class*=organism_grid-].mod_grid-loading .mod_show-on-no-match,
[class*=organism_grid-].mod_grid-loading .mod_hide-on-loading {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-empty):not(.mod_grid-no-match) .mod_show-on-empty {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-empty).mod_grid-no-match .mod_show-on-empty:not(.mod_show-on-no-match) {
  display: none;
}
[class*=organism_grid-].mod_grid-empty .mod_hide-on-empty {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-no-match):not(.mod_grid-empty) .mod_show-on-no-match {
  display: none;
}
[class*=organism_grid-]:not(.mod_grid-no-match).mod_grid-empty .mod_show-on-no-match:not(.mod_show-on-empty) {
  display: none;
}
[class*=organism_grid-].mod_grid-no-match .mod_hide-on-no-match {
  display: none;
}

[class*=organism_field-date] .atom_chronoHint,
[class*=organism_field-time] .atom_chronoHint,
[class*=organism_field-datetime] .atom_chronoHint {
  flex-basis: 100%;
  color: #96999e;
  font-size: 0.8em;
}
[class*=organism_field-date] .bootstrap-datetimepicker-widget .row,
[class*=organism_field-time] .bootstrap-datetimepicker-widget .row,
[class*=organism_field-datetime] .bootstrap-datetimepicker-widget .row {
  display: flex;
  flex-wrap: wrap;
}
[class*=organism_field-date] .bootstrap-datetimepicker-widget .table-condensed .day,
[class*=organism_field-time] .bootstrap-datetimepicker-widget .table-condensed .day,
[class*=organism_field-datetime] .bootstrap-datetimepicker-widget .table-condensed .day {
  padding: 3px;
}
[class*=organism_field-date] .bootstrap-datetimepicker-widget .picker-switch,
[class*=organism_field-time] .bootstrap-datetimepicker-widget .picker-switch,
[class*=organism_field-datetime] .bootstrap-datetimepicker-widget .picker-switch {
  font-size: 1em;
}
[class*=organism_field-date] .bootstrap-datetimepicker-widget.timepicker-sbs,
[class*=organism_field-time] .bootstrap-datetimepicker-widget.timepicker-sbs,
[class*=organism_field-datetime] .bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 40em !important;
}

.organism_field-repeatField > .molecule_children {
  flex-direction: column;
}

[class*=organism_calendar-] {
  position: relative;
}
[class*=organism_calendar-] .mod_calendar-load-success .mod_hide-on-load-success {
  display: none;
}
[class*=organism_calendar-]:not(.mod_calendar-load-success) .mod_show-on-load-success {
  display: none;
}
[class*=organism_calendar-] .mod_calendar-load-error .mod_hide-on-load-error {
  display: none;
}
[class*=organism_calendar-]:not(.mod_calendar-load-error) .mod_show-on-load-error {
  display: none;
}
[class*=organism_calendar-]:not(.mod_calendar-loading) .molecule_spinner {
  display: none;
}
[class*=organism_calendar-]:not(.mod_calendar-loading) .mod_show-on-loading {
  display: none;
}
[class*=organism_calendar-].mod_calendar-loading .mod_show-on-empty,
[class*=organism_calendar-].mod_calendar-loading .mod_show-on-no-match,
[class*=organism_calendar-].mod_calendar-loading .mod_hide-on-loading {
  display: none;
}
[class*=organism_calendar-] .atom_loadingOverlay {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Drop menus */
.molecule_dropMenu {
  position: relative;
}
.molecule_dropMenu > label, .molecule_dropMenu > .label {
  display: none;
}
.molecule_dropMenu:not(.mod_active) .molecule_children {
  display: none;
}
.molecule_dropMenu .molecule_toggleControl i.eco-arrow-down {
  font-size: 12px;
}
.molecule_dropMenu .molecule_children {
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  background-color: #ffffff;
  border: 2px solid #1c94cf;
  padding: 3px 10px 3px 15px;
  -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  z-index: 1000000;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* Triangle nubbin */
  /* end of nubbin. */
}
.molecule_dropMenu .molecule_children:before, .molecule_dropMenu .molecule_children:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
}
.molecule_dropMenu .molecule_children:before {
  top: -18px;
  right: 22px;
  border-bottom-color: #1c94cf;
  border-width: 18px;
}
.molecule_dropMenu .molecule_children:after {
  top: -15px;
  right: 25px;
  border-bottom-color: #ffffff;
  border-width: 15px;
}
.molecule_dropMenu .molecule_children ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.molecule_dropMenu .molecule_children ul li {
  font-size: 16px;
  line-height: 45px;
  color: #383b44;
  letter-spacing: 1px;
}

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document must contain only GLOBAL modifiers.
 *
 * Global modifiers are modifiers that can be applied to any type of atomic element, molecule, etc.
 *
 * If you need a modifier behavior that is specific to an atom, molecule, etc. then you must put that modifier
 * definition inside the respective file for that thing _AND_ nest the modifier class definition inside that thing's
 * class. For example .atom_button { &.mod_skinny {padding: 10px;} }
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
.mod_bg-color-white {
  background-color: #ffffff;
}

.mod-force_bg-color-white {
  background-color: #ffffff;
}

.mod_color-white {
  color: #ffffff;
}

.mod-force_color-white {
  color: #ffffff !important;
}

.mod_bg-color-bone {
  background-color: #f9fafc;
}

.mod-force_bg-color-bone {
  background-color: #f9fafc;
}

.mod_color-bone {
  color: #f9fafc;
}

.mod-force_color-bone {
  color: #f9fafc !important;
}

.mod_bg-color-smoke {
  background-color: #dadfe1;
}

.mod-force_bg-color-smoke {
  background-color: #dadfe1;
}

.mod_color-smoke {
  color: #dadfe1;
}

.mod-force_color-smoke {
  color: #dadfe1 !important;
}

.mod_bg-color-rain-cloud {
  background-color: #c3c9cb;
}

.mod-force_bg-color-rain-cloud {
  background-color: #c3c9cb;
}

.mod_color-rain-cloud {
  color: #c3c9cb;
}

.mod-force_color-rain-cloud {
  color: #c3c9cb !important;
}

.mod_bg-color-aluminum {
  background-color: #96999e;
}

.mod-force_bg-color-aluminum {
  background-color: #96999e;
}

.mod_color-aluminum {
  color: #96999e;
}

.mod-force_color-aluminum {
  color: #96999e !important;
}

.mod_bg-color-shark {
  background-color: #7a8996;
}

.mod-force_bg-color-shark {
  background-color: #7a8996;
}

.mod_color-shark {
  color: #7a8996;
}

.mod-force_color-shark {
  color: #7a8996 !important;
}

.mod_bg-color-stone {
  background-color: #737373;
}

.mod-force_bg-color-stone {
  background-color: #737373;
}

.mod_color-stone {
  color: #737373;
}

.mod-force_color-stone {
  color: #737373 !important;
}

.mod_bg-color-storm-cloud {
  background-color: #6c7a7e;
}

.mod-force_bg-color-storm-cloud {
  background-color: #6c7a7e;
}

.mod_color-storm-cloud {
  color: #6c7a7e;
}

.mod-force_color-storm-cloud {
  color: #6c7a7e !important;
}

.mod_bg-color-dark-stone {
  background-color: #525657;
}

.mod-force_bg-color-dark-stone {
  background-color: #525657;
}

.mod_color-dark-stone {
  color: #525657;
}

.mod-force_color-dark-stone {
  color: #525657 !important;
}

.mod_bg-color-steel {
  background-color: #383b44;
}

.mod-force_bg-color-steel {
  background-color: #383b44;
}

.mod_color-steel {
  color: #383b44;
}

.mod-force_color-steel {
  color: #383b44 !important;
}

.mod_bg-color-coal {
  background-color: #3e474c;
}

.mod-force_bg-color-coal {
  background-color: #3e474c;
}

.mod_color-coal {
  color: #3e474c;
}

.mod-force_color-coal {
  color: #3e474c !important;
}

.mod_bg-color-black {
  background-color: #000000;
}

.mod-force_bg-color-black {
  background-color: #000000;
}

.mod_color-black {
  color: #000000;
}

.mod-force_color-black {
  color: #000000 !important;
}

.mod_bg-color-primary {
  background-color: #1C94CF;
}

.mod-force_bg-color-primary {
  background-color: #1C94CF;
}

.mod_color-primary {
  color: #1C94CF;
}

.mod-force_color-primary {
  color: #1C94CF !important;
}

.mod_bg-color-primary-disabled {
  background-color: #94b7db;
}

.mod-force_bg-color-primary-disabled {
  background-color: #94b7db;
}

.mod_color-primary-disabled {
  color: #94b7db;
}

.mod-force_color-primary-disabled {
  color: #94b7db !important;
}

.mod_bg-color-creative {
  background-color: #00ab49;
}

.mod-force_bg-color-creative {
  background-color: #00ab49;
}

.mod_color-creative {
  color: #00ab49;
}

.mod-force_color-creative {
  color: #00ab49 !important;
}

.mod_bg-color-creative-disabled {
  background-color: #7fd5a4;
}

.mod-force_bg-color-creative-disabled {
  background-color: #7fd5a4;
}

.mod_color-creative-disabled {
  color: #7fd5a4;
}

.mod-force_color-creative-disabled {
  color: #7fd5a4 !important;
}

.mod_bg-color-success {
  background-color: #7fd5a4;
}

.mod-force_bg-color-success {
  background-color: #7fd5a4;
}

.mod_color-success {
  color: #7fd5a4;
}

.mod-force_color-success {
  color: #7fd5a4 !important;
}

.mod_bg-color-destructive {
  background-color: #e1283c;
}

.mod-force_bg-color-destructive {
  background-color: #e1283c;
}

.mod_color-destructive {
  color: #e1283c;
}

.mod-force_color-destructive {
  color: #e1283c !important;
}

.mod_bg-color-destructive-disabled {
  background-color: #f0939d;
}

.mod-force_bg-color-destructive-disabled {
  background-color: #f0939d;
}

.mod_color-destructive-disabled {
  color: #f0939d;
}

.mod-force_color-destructive-disabled {
  color: #f0939d !important;
}

.mod_bg-color-error {
  background-color: #e1283c;
}

.mod-force_bg-color-error {
  background-color: #e1283c;
}

.mod_color-error {
  color: #e1283c;
}

.mod-force_color-error {
  color: #e1283c !important;
}

.mod_bg-color-warning {
  background-color: #ffa500;
}

.mod-force_bg-color-warning {
  background-color: #ffa500;
}

.mod_color-warning {
  color: #ffa500;
}

.mod-force_color-warning {
  color: #ffa500 !important;
}

.mod_bg-color-warning-disabled {
  background-color: #ffd27f;
}

.mod-force_bg-color-warning-disabled {
  background-color: #ffd27f;
}

.mod_color-warning-disabled {
  color: #ffd27f;
}

.mod-force_color-warning-disabled {
  color: #ffd27f !important;
}

.mod_bg-color-click {
  background-color: #1c94cf;
}

.mod-force_bg-color-click {
  background-color: #1c94cf;
}

.mod_color-click {
  color: #1c94cf;
}

.mod-force_color-click {
  color: #1c94cf !important;
}

.mod_bg-color-click-hover {
  background-color: #33b5e5;
}

.mod-force_bg-color-click-hover {
  background-color: #33b5e5;
}

.mod_color-click-hover {
  color: #33b5e5;
}

.mod-force_color-click-hover {
  color: #33b5e5 !important;
}

.mod_bg-color-brand-bright {
  background-color: #C2E617;
}

.mod-force_bg-color-brand-bright {
  background-color: #C2E617;
}

.mod_color-brand-bright {
  color: #C2E617;
}

.mod-force_color-brand-bright {
  color: #C2E617 !important;
}

.mod_bg-color-brand-dark {
  background-color: #4D0B4B;
}

.mod-force_bg-color-brand-dark {
  background-color: #4D0B4B;
}

.mod_color-brand-dark {
  color: #4D0B4B;
}

.mod-force_color-brand-dark {
  color: #4D0B4B !important;
}

.mod_flex {
  display: -webkit-flex;
  display: flex;
}

.mod-force_flex {
  display: -webkit-flex !important;
  display: flex !important;
}

.mod_grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.mod-force_grow {
  -webkit-flex-grow: 1 !important;
  flex-grow: 1 !important;
}

.mod_text-right {
  text-align: right;
}

.mod-force_text-right {
  text-align: right !important;
}

.mod_text-center {
  text-align: center;
}

.mod-force_text-center {
  text-align: center !important;
}

.mod_text-left {
  text-align: left;
}

.mod-force_text-left {
  text-align: left !important;
}

.mod_lowercase {
  text-transform: lowercase;
}

.mod-force_lowercase {
  text-transform: lowercase !important;
}

.mod_uppercase {
  text-transform: lowercase;
}

.mod-force_uppercase {
  text-transform: lowercase !important;
}

.mod_iconHuge,
.mod_icon-huge {
  font-size: 10em;
}

.mod_icon-large {
  font-size: 8em;
}

.mod_icon-medium {
  font-size: 6em;
}

.mod_text-light {
  font-weight: 300;
}

.mod-force_text-light {
  font-weight: 300 !important;
}

.mod_text-bold {
  font-weight: 700;
}

.mod-force_text-bold {
  font-weight: 700 !important;
}

.mod_text-semiBold {
  font-weight: 600;
}

.mod-force_text-semiBold {
  font-weight: 600 !important;
}

.mod_text-italic {
  font-style: italic;
}

.mod-force_text-italic {
  font-style: italic !important;
}

.mod_text-underline {
  text-decoration: underline;
}

.mod-force_text-underline {
  text-decoration: underline !important;
}

.mod_text-strike {
  text-decoration: line-through;
}

.mod-force_text-strike {
  text-decoration: line-through !important;
}

.mod_hide,
.mod_hidden {
  display: none;
}

.mod-force_hide,
.mod-force_hidden {
  display: none !important;
}

.mod_center-content-v:not(.mod_flex-column):not(.mod_flex_row) {
  display: flex;
  align-items: center;
}

.mod_center-content-h:not(.mod_flex-column):not(.mod_flex_row) {
  display: flex;
  justify-content: center;
}

.mod_center-self-v:not(.mod_flex-column):not(.mod_flex_row) {
  align-self: center;
}

.mod_center-self-h:not(.mod_flex-column):not(.mod_flex_row) {
  justify-self: center;
}

.mod_flex-column {
  display: flex;
  flex-direction: column;
}
.mod_flex-column.mod_center-content-v {
  justify-content: center;
}
.mod_flex-column.mod_center-content-h {
  align-items: center;
}
.mod_flex-column > .mod_center-self-v {
  justify-self: center;
}
.mod_flex-column > .mod_center-self-h {
  align-self: center;
}

.mod_flex-row {
  display: flex;
  flex-direction: row;
}
.mod_flex-row.mod_center-content-v {
  align-items: center;
}
.mod_flex-row.mod_center-content-h {
  justify-content: center;
}
.mod_flex-row > .mod_center-self-v {
  align-self: center;
}
.mod_flex-row > .mod_center-self-h {
  justify-self: center;
}

.mod_box-shadow {
  box-shadow: 0 0 4px 0 #96999e;
}

.mod_padded-10 {
  padding: 10px;
}

.mod_padded-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mod_padded-h-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.mod_padded-top-10 {
  padding-top: 10px;
}

.mod_padded-left-10 {
  padding-left: 10px;
}

.mod_padded-right-10 {
  padding-right: 10px;
}

.mod_padded-bottom-10 {
  padding-bottom: 10px;
}

.mod_padded-20 {
  padding: 20px;
}

.mod_padded-v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mod_padded-h-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mod_padded-top-20 {
  padding-top: 20px;
}

.mod_padded-left-20 {
  padding-left: 20px;
}

.mod_padded-right-20 {
  padding-right: 20px;
}

.mod_padded-bottom-20 {
  padding-bottom: 20px;
}

.mod_padded-30 {
  padding: 30px;
}

.mod_padded-v-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mod_padded-h-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.mod_padded-top-30 {
  padding-top: 30px;
}

.mod_padded-left-30 {
  padding-left: 30px;
}

.mod_padded-right-30 {
  padding-right: 30px;
}

.mod_padded-bottom-30 {
  padding-bottom: 30px;
}

.molecule_field-repeatField .gridLabel {
  display: none;
}
.molecule_field-repeatField .gridTotalRowContainer {
  display: none;
}

.molecule_field-repeatField:not(.mod_repeat-as-grid) .hideForForm {
  display: none;
}

.molecule_field-repeatField.mod_repeat-as-grid .gridTotalRowContainer {
  display: block;
}
.molecule_field-repeatField.mod_repeat-as-grid .nonGridLabel {
  display: none;
}
.molecule_field-repeatField.mod_repeat-as-grid .gridLabel {
  display: inline;
}
.molecule_field-repeatField.mod_repeat-as-grid > .molecule_children > .mod_multiField > .molecule_container-repeat > .molecule_children > div {
  margin-bottom: 0;
}
.molecule_field-repeatField.mod_repeat-as-grid > .molecule_children > .mod_multiField > .molecule_container-repeat > .molecule_children > div > label {
  display: none;
}
.molecule_field-repeatField.mod_repeat-as-grid > .molecule_children > .mod_multiField:first-child .molecule_container-repeat .molecule_children label {
  display: block;
  opacity: 1;
  padding: 5px;
  font-size: 12px;
  color: #fff;
  background: #246099;
  margin: 0;
}
.molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children {
  display: flex;
  flex-direction: row;
}
.molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children input, .molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children select {
  font-size: 12px;
  padding: 5px;
}
.molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children .molecule_input {
  border-style: none;
  border-bottom-style: solid;
}
.molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children > div {
  margin: 0;
}
.molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children .molecule_content, .molecule_field-repeatField.mod_repeat-as-grid .molecule_container-repeat > .molecule_children mod_hideInGrid {
  display: none;
}
.molecule_field-repeatField.mod_repeat-as-grid .hideForGrid {
  display: none;
}

.mod_cursor-zoom-in {
  cursor: zoom-in;
}

.mod_cursor-zoom-out {
  cursor: zoom-out;
}

.mod_cursor-pointer {
  cursor: pointer;
}

.mod_hover-glow {
  transition: box-shadow linear 0.25s;
}
.mod_hover-glow:hover {
  -webkit-box-shadow: 0px 0px 4px #1c94cf;
  -moz-box-shadow: 0px 0px 4px #1c94cf;
  box-shadow: 0px 0px 4px #1c94cf;
}

.mod_spacer-h {
  width: 10px;
}

.mod_spacer-v {
  height: 10px;
}

.mod_box-shadow {
  box-shadow: 0 0 4px 0 #96999e;
}

/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * The purpose of this file is to allow flexible expansion of the eco core styles into more and more pieces without
 * having to do any custom work to upgrade a legacy project. Basically, any new .scss files that need to be added can
 * simply be included here.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This file provides default eco-themed styling for dialogs created using the jQuery.smartBox plugin.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * Load in the variables and mixins for use in a SCSS file.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file must not rely on externally defined variables
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/**
 * @param string $fontFamily Any valid CSS font family or font family set.
 * @param string $fontSize Any valid CSS font size. (px, em, etc.)
 * @param int|string $fontWeight The numeric or named representation of the font weight (300, 400, light, normal, etc.)
 * @param string $fontColor Any valid CSS color. Hex, rgb, rgba, etc.
 * @param string $lineHeight Any valid CSS line height. (px, em, etc.)
 */
/**
 * @depreciated This never really seemed to work as well as we wanted and if you are having to use this now you're doing
 * it wrong. You should be using flexbox containers to avoid the issue of floats entirely.
 */
/**
 * Use this mixin in your class to prevent the user from selecting the text inside it.
 */
/**
 * Use this mixin to truncate a single line of text using an ellipsis (...)
 */
/**
 * This is a special mixin that avoids duplication of 60+ lines of style code that would otherwise be required in order
 * to style normal field groups (molecule_fieldGroup) and fields groups that prevent wrapping (molecule_fieldGroupPreventWrap)
 */
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * NOTE: The mix-ins in this file should rely on externally defined variables (see _variables.scss)
 *
 * Mixins added to this document should be carefully thought out and useful across a wide variety of projects. They
 * should also solve common problems that might otherwise require a tremendous amount of tedium (e.g. preventTextSelection)
 * Special scenarios that would require duplication of significant volumes of style code can also be added here, as with
 * the _molecule_fieldGroup($suffix) mixin which avoids duplication of 60+ lines of style code.
*/
/* @generated-by Evolve v2.0.1. Updated on 2018-09-02 by Michael White michael@binaryevolution.com
 *
 * This document contains variable definitions with default values provided for all customizable aspects of the eco
 * system. The atoms, molecules, organisms, and modifiers within eco should be making use of these to provide a
 * consistent and easily customizable user interface.
 */
/*.sb-theme-eco-admin {
    .sb-window-overlay {
        background-color: rgba(0, 0, 0, 0.24); // todo var
    }

    .sb-window-box {
        border: none;
        background-color: #f9fafc; // todo var
    }

    .sb-window-content,
    &.sb-window.sb-fixedHeight:not(.sb-hideTitleBar) .sb-window-content {
        background-color: transparent;
        position: relative;
        display: flex;
        flex-grow: 1;
        flex-direction: column;

        !**
            @depreciated Use a Be.Fancy spinner instead. class="beFancy_spinner beFancy_rotate hr"
         *!
        > .molecule_spinner {
            height: 220px; // ensure enough room for the spinner's height based on the width of this container
        }

        > .mmiDialogContent {
            display: flex;
            flex-grow: 1;
            flex-direction: column;

            .itemBase {
                display: flex;
                flex-grow: 1;
                flex-direction: column;
            }
        }
    }

    &.sb-title-bar {

        .sb-window-content {
            padding: 0;
        }
    }

    .sb-window-title-bar {
        display: flex;
        position: relative;
        background-color: $color-coal; // todo var for title bar background color
        border: none;
        border-bottom: 1px solid #dadfe1;
        height: auto;
        line-height: normal;
        padding: 12px; // todo var

        &:after {
            content: "";
            display: table;
            clear: both;
        }

        .sb-title {
            flex-grow: 1; // grow the title to push the controls (close, minimize, etc.) to the side
            font-size: 28px; // todo var
            font-weight: 300; // todo var
            color: $color-white; // todo var for title font color
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sb-window-control-bar {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            top: initial;
            right: initial;
            flex-shrink: 1;
            flex-grow: 0;

            .sb-button.close {

                .sb-icon:before {
                    content: '\00d7'; // eco eco-close
                    font-size: 38px; // todo var
                    font-weight: 300; // todo var
                    color: $color-white; // todo var for dialog-title-bar-icon
                    line-height: 0.5em; // This removes extra space above the icon so we can use flex align-items: center; to position it vertically and have it look correctly centered
                }

            }
        }
    }
}*/
.sb-theme-eco .sb-window-overlay,
.sb-theme-eco-admin .sb-window-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}
.sb-theme-eco.sb-active-window .sb-window-box,
.sb-theme-eco-admin.sb-active-window .sb-window-box {
  /*box-shadow: none;*/
  box-shadow: 0 0 4px #96999e;
}
.sb-theme-eco.sb-title-bar .sb-window-content,
.sb-theme-eco-admin.sb-title-bar .sb-window-content {
  padding: 0;
}
.sb-theme-eco .sb-window-box,
.sb-theme-eco-admin .sb-window-box {
  display: flex;
  flex-direction: column;
  /*border: 1px solid $color-shark;*/
  border: none;
}
@media only screen and (max-width: 639px) {
  .sb-theme-eco .sb-window-box,
.sb-theme-eco-admin .sb-window-box {
    max-width: 100vw;
    max-height: calc(100vh - 80px);
  }
}
.sb-theme-eco .sb-window-content,
.sb-theme-eco-admin .sb-window-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sb-theme-eco .sb-window-control-bar,
.sb-theme-eco-admin .sb-window-control-bar {
  position: relative;
  flex-shrink: 1;
  flex-grow: 0;
  top: unset;
  right: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sb-theme-eco .sb-button.close .sb-icon::before,
.sb-theme-eco-admin .sb-button.close .sb-icon::before {
  font-family: "Eco";
  content: "";
}
.sb-theme-eco .sb-window-title-bar,
.sb-theme-eco-admin .sb-window-title-bar {
  display: flex;
  flex-shrink: 0;
  position: relative;
  border: none;
  border-bottom: 1px solid #dadfe1;
  height: auto;
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 2px;
}
.sb-theme-eco .sb-title,
.sb-theme-eco-admin .sb-title {
  flex-grow: 1;
  float: none;
  font-size: 32px;
  line-height: 56px;
  font-weight: 300;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 8px;
}
.sb-theme-eco .hc-inner,
.sb-theme-eco-admin .hc-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sb-theme-eco .hc-message,
.sb-theme-eco-admin .hc-message {
  flex-grow: 1;
}
.sb-theme-eco.helix-confirm-dialog .hc-button,
.sb-theme-eco-admin.helix-confirm-dialog .hc-button {
  border: none;
  background-color: #296FB8;
  color: #ffffff;
  padding: 10px 34px 10px 34px;
  font-size: 16px;
  margin: 0;
}
.sb-theme-eco.helix-confirm-dialog .hc-button:hover:not(:disabled):not(.disabled),
.sb-theme-eco.helix-confirm-dialog .hc-button .hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button:hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button .hover:not(:disabled):not(.disabled) {
  background-color: #183E73;
}
.sb-theme-eco.helix-confirm-dialog .hc-button-ok,
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-ok {
  background-color: #00AB49;
}
.sb-theme-eco.helix-confirm-dialog .hc-button-ok:hover:not(:disabled):not(.disabled),
.sb-theme-eco.helix-confirm-dialog .hc-button-ok .hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-ok:hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-ok .hover:not(:disabled):not(.disabled) {
  background-color: #007833;
}
.sb-theme-eco.helix-confirm-dialog .hc-button-cancel,
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-cancel {
  background: transparent;
  border: none;
  color: #1c94cf;
  padding: 10px 15px 10px 15px;
}
.sb-theme-eco.helix-confirm-dialog .hc-button-cancel:hover:not(:disabled):not(.disabled), .sb-theme-eco.helix-confirm-dialog .hc-button-cancel.hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-cancel:hover:not(:disabled):not(.disabled),
.sb-theme-eco-admin.helix-confirm-dialog .hc-button-cancel.hover:not(:disabled):not(.disabled) {
  background: transparent;
  border: none;
  color: #33b5e5;
}
.sb-theme-eco.helix-confirm-dialog .hc-inner,
.sb-theme-eco-admin.helix-confirm-dialog .hc-inner {
  padding: 0 50px;
}
.sb-theme-eco.helix-confirm-dialog .hc-buttons,
.sb-theme-eco-admin.helix-confirm-dialog .hc-buttons {
  padding-bottom: 50px;
}
.sb-theme-eco .sb-window-content,
.sb-theme-eco-admin .sb-window-content {
  position: relative !important;
}
.sb-theme-eco .sb-window-content .message,
.sb-theme-eco-admin .sb-window-content .message {
  padding-left: 60px;
  padding-right: 60px;
}
.sb-theme-eco .sb-window-content form.gray,
.sb-theme-eco .sb-window-content form.mod_gray,
.sb-theme-eco-admin .sb-window-content form.gray,
.sb-theme-eco-admin .sb-window-content form.mod_gray {
  background-color: #f6f8f8;
  padding-left: 54px;
  padding-right: 54px;
  padding-bottom: 50px;
  margin: 0;
}
.sb-theme-eco .sb-window-content .itemContent,
.sb-theme-eco .sb-window-content .itemBase,
.sb-theme-eco-admin .sb-window-content .itemContent,
.sb-theme-eco-admin .sb-window-content .itemBase {
  width: 100%;
}
.sb-theme-eco.sb-theme-padded .sb-window-content,
.sb-theme-eco-admin.sb-theme-padded .sb-window-content {
  padding: 24px;
}
.sb-theme-eco.mod_full .sb-window-box,
.sb-theme-eco-admin.mod_full .sb-window-box {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.sb-theme-eco.mod_full.mod_offsetForAdminToolbar .sb-window-box,
.sb-theme-eco-admin.mod_full.mod_offsetForAdminToolbar .sb-window-box {
  left: 64px;
}
.sb-theme-eco.mod_full .sb-window-content,
.sb-theme-eco-admin.mod_full .sb-window-content {
  max-height: none;
  flex-grow: 1;
}
.sb-theme-eco.mod_floating .sb-window-box,
.sb-theme-eco-admin.mod_floating .sb-window-box {
  display: flex;
  flex-direction: column;
  width: 46vw;
  height: 77vh;
  min-width: 584px;
}
.sb-theme-eco.mod_floating .sb-window-content,
.sb-theme-eco-admin.mod_floating .sb-window-content {
  max-height: none;
  flex-grow: 1;
}
@media only screen and (max-width: 639px) {
  .sb-theme-eco.mod_floating .sb-window-box,
.sb-theme-eco-admin.mod_floating .sb-window-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 0;
  }
}
.sb-theme-eco.mod_partial.mod_offScreen .sb-window-box,
.sb-theme-eco-admin.mod_partial.mod_offScreen .sb-window-box {
  right: -720px;
}
.sb-theme-eco.mod_partial .sb-window-box,
.sb-theme-eco-admin.mod_partial .sb-window-box {
  display: flex;
  flex-direction: column;
  transition: right 0.5s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 720px;
}
.sb-theme-eco.mod_partial .sb-window-content,
.sb-theme-eco-admin.mod_partial .sb-window-content {
  max-height: none;
  flex-grow: 1;
}
.sb-theme-eco.sb-theme-eco-prompt .sb-window-title-bar,
.sb-theme-eco-admin.sb-theme-eco-prompt .sb-window-title-bar {
  border: none;
  padding-top: 50px;
}
.sb-theme-eco.sb-theme-eco-prompt .sb-window-control-bar,
.sb-theme-eco-admin.sb-theme-eco-prompt .sb-window-control-bar {
  position: absolute;
  top: 10px;
  right: 10px;
}
.sb-theme-eco.sb-theme-eco-prompt .sb-button.close .sb-icon:before,
.sb-theme-eco-admin.sb-theme-eco-prompt .sb-button.close .sb-icon:before {
  font-family: "Eco";
  content: "";
}
.sb-theme-eco.sb-theme-gray-content .sb-window-content,
.sb-theme-eco-admin.sb-theme-gray-content .sb-window-content {
  background-color: #f6f8f8;
}
.sb-theme-eco.sb-theme-large-title .sb-title,
.sb-theme-eco-admin.sb-theme-large-title .sb-title {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 38px;
}
.sb-theme-eco.sb-theme-large-title .sb-window-control-bar,
.sb-theme-eco-admin.sb-theme-large-title .sb-window-control-bar {
  top: 15px;
  align-items: flex-start;
}
.sb-theme-eco.sb-theme-dark-overlay .sb-window-overlay,
.sb-theme-eco-admin.sb-theme-dark-overlay .sb-window-overlay {
  background-color: rgba(62, 71, 76, 0.24);
}

.sb-theme-eco-admin .sb-window-box .sb-window-title-bar {
  background-color: #234855;
  color: #ffffff;
}

/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/** @generated-by Evolve v1.0.21 on 2017-02-19 */
/* ---
 * ---  CUSTOMIZE SIZING AND SPACING FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE COLORS FOR YOUR APP
 * ---
 */
/* ---
 * ---  CUSTOMIZE FONTS FOR YOUR APP
 * ---
 */
body {
  font-family: "Open Sans", Arial, sans-serif;
  overflow-x: hidden;
}

.editGi {
  display: none !important;
}

.pageContainer {
  margin-top: 0 !important;
}
.pageContainer.hasLayoutMenu {
  margin-top: 37px !important;
}

.serverRole_development .pageContainer .layoutMenu,
.serverRole_staging .pageContainer .layoutMenu,
.serverRole_qa .pageContainer .layoutMenu {
  top: 0 !important;
}

h1, h2, h3, h4, h5 {
  font-family: "Open Sans", sans-serif;
  color: #1C94CF;
}

/*h2 {
    font-size: 22px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
}*/
h1 {
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 1.5px;
  margin-top: 50px;
}

h1 + p {
  margin-top: 34px;
}

h2 {
  font-size: 32px;
  line-height: 56px;
  letter-spacing: 1.07px;
  margin-top: 34px;
}

h2 + p {
  margin-top: 48px;
}

h3 {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-top: 28px;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}

h3 + p {
  margin-top: 28px;
}

h4 {
  line-height: 28px;
  letter-spacing: 1px;
  margin-top: 27px;
}

h4 + p {
  margin-top: 28px;
}

p,
ul,
ol {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.4px;
  margin-top: 28px;
}

h1, h2, h3, h4, h5 {
  font-family: "Sanchez", sans-serif;
}

@media only screen and (max-width: 640px) {
  .mod_hide-on-mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
  .mod_hide-on-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .mod_hide-on-desktop {
    display: none !important;
  }
}

.fullWidthCell {
  display: inline-block;
  margin-left: auto;
  /* fallback for older browsers */
  margin-right: auto;
  /* fallback for older browsers */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  left: 0;
  right: 0;
  height: auto;
  width: 100% !important;
  /* fallback for older browsers */
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0;
  padding-top: 56px;
  padding-bottom: 70px;
  background-color: #eaf7ff;
}
.fullWidthCell p {
  color: #3e474c;
  margin-left: 40px;
  margin-right: 40px;
}
@media screen and (min-width: 641px) {
  .fullWidthCell p {
    font-weight: 300;
    letter-spacing: 1.75px;
    font-size: 28px;
    line-height: 1.6em;
  }
  .fullWidthCell p a {
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 641px) {
  .atom_button.mod_largeText {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1.75px;
    padding: 20px 34px 20px 34px;
  }
}

@media only screen and (max-width: 640px) {
  .seoName_home .mmiLayout img {
    max-width: 53%;
  }
}

@media only screen and (max-width: 640px) {
  .mmiLayoutCell.hideOnMobile {
    display: none !important;
  }
}

.leftOfThree {
  margin-right: 11px;
}

.centerOfThree {
  margin-left: 11px;
  margin-right: 11px;
}

.rightOfThree {
  margin-left: 11px;
}

.pageHeadInner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.logo {
  margin-left: 10px;
  margin-top: 6px;
}
@media screen and (min-width: 641px) and (max-width: 910px) {
  .logo.logoNormal {
    display: none;
  }
  .logo.logoMobile {
    display: block !important;
  }
}

.pageHeadCenter {
  width: 100%;
}

.pageHeadRight {
  display: flex;
}
.pageHeadRight .itemContent {
  margin-top: auto;
}
.pageHeadRight nav {
  margin-top: auto;
}
.pageHeadRight nav a {
  margin-right: 35px;
  color: #6a6a6a;
}
.pageHeadRight nav a:hover, .pageHeadRight nav a.current {
  color: #0f9eaa;
}

.headerSection {
  position: relative;
  height: 343px;
  display: flex;
  background-image: url("/site/custom/packages/pcg/5.x/css/../images/Banner.png");
  background-position: top center;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .headerSection {
    background-position: -116px;
  }
}

.headerCaption {
  width: 100%;
  padding: 15px;
  background-color: rgba(0, 77, 159, 0.45);
  font-size: 28px;
  font-style: italic;
  letter-spacing: 1.75px;
  font-weight: 300;
  color: #ffffff;
  text-shadow: 0 2px 4px #000000;
  position: absolute;
  left: 0;
  right: 0;
  text-align: right;
  bottom: 30px;
  line-height: 1.25em;
}
@media only screen and (max-width: 640px) {
  .headerCaption {
    font-size: 16px;
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 640px) {
  .mobileMenu {
    position: absolute;
    background-color: rgba(0, 77, 159, 0.95);
    left: 0;
    right: 0;
    top: 174px;
    width: 100%;
    height: 100vh;
    padding-top: 7px;
    z-index: 10;
  }
  .mobileMenu.show {
    display: block;
  }
  .mobileMenu menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  .mobileMenu a {
    color: #ffffff !important;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1.25px;
    text-align: center;
    line-height: 2.5em;
    border-top: 1px solid lavender;
  }
}
@media only screen and (max-width: 640px) {
  body.mobileMenuShowing {
    height: 100vh;
    overflow: hidden;
  }
}

.menuIcon {
  color: white;
  font-size: 2em;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
}
.hasLayoutMenu .menuIcon {
  top: 20px;
}

@media only screen and (min-width: 641px) {
  .browserMenu {
    position: absolute;
    right: 10px;
  }
  .browserMenu menu {
    margin-top: 7px;
  }
  .browserMenu a {
    color: #ffffff;
    margin-left: 30px;
    font-weight: 300;
    letter-spacing: 1px;
  }
  .browserMenu a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .browserMenu a {
    margin-left: 20px;
  }
}
.pageFootLeft,
.pageFootRight {
  display: none;
}

.pageContentCenter {
  margin: auto;
  padding: 0 40px;
  max-width: 1280px;
}

.footerRow.menu {
  padding: 20px;
  margin: 0 40px;
  border-top: 1px solid #878787;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 420px) {
  .footerRow.menu {
    margin: 0;
  }
}
.footerRow.menu > div {
  flex-grow: 1;
}
.footerRow.menu > div > div {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .footerRow.menu > div > div {
    flex-direction: column;
  }
  .footerRow.menu > div > div > a,
.footerRow.menu > div > div > span {
    line-height: 2.5em;
    text-align: left;
  }
}
.footerRow.menu > div > div:not(:first-child) {
  margin-top: 16px;
}
.footerRow.menu > div > div span {
  min-width: 170px;
}
.footerRow.menu > div > div span img {
  margin: auto;
}
.footerRow.menu > div > div > a,
.footerRow.menu > div > div > span {
  flex-grow: 1;
  text-align: center;
  min-width: 100px;
}
.footerRow.menu a,
.footerRow.menu span {
  color: #7a7a7a;
  font-weight: 300;
}

.footerSolid {
  background-color: #1C94CF;
}

.footerRow.getQuoteForm {
  max-width: 1024px;
  margin: auto;
  padding: 22px 40px 0 40px;
}
.footerRow.getQuoteForm form {
  display: flex;
}
.footerRow.getQuoteForm .fieldLabel {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  line-height: 42px;
  text-align: right;
}
.footerRow.getQuoteForm .fieldInput {
  flex-grow: 1;
  margin: 0 10px;
}
.footerRow.getQuoteForm .fieldInput label {
  display: none;
}
@media screen and (max-width: 640px) {
  .footerRow.getQuoteForm form {
    flex-direction: column;
  }
  .footerRow.getQuoteForm .fieldLabel {
    text-align: center;
  }
  .footerRow.getQuoteForm .fieldInput {
    margin: 0;
  }
  .footerRow.getQuoteForm .submitButton .organism_button-smart {
    display: flex;
  }
  .footerRow.getQuoteForm .submitButton .organism_button-smart input {
    flex-grow: 1;
  }
}

.footerRow.text {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  padding-top: 30px;
  padding-bottom: 10px;
}

.contactInfoBoxes {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: center;
}

@media only screen and (max-width: 962px) {
  .contactInfoBoxes {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
  }

  .contactInfoBox {
    max-width: 392px;
  }
  .contactInfoBox:first-child {
    margin-bottom: 20px;
  }
}
.contactInfoBox {
  text-align: center;
  padding: 10px 10px 54px 10px;
  border: 1px solid #e2e2e2;
}
@media only screen and (min-width: 963px) {
  .contactInfoBox:first-child {
    margin-right: 40px;
  }
}
.contactInfoBox .title {
  width: 392px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 22px;
  letter-spacing: 1.28px;
  font-weight: 300;
  color: #737373;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.contactInfoBox .icon {
  margin-right: 10px;
}
.contactInfoBox .big {
  font-size: 22px;
  letter-spacing: 1.28px;
  margin: 30px auto auto auto;
  justify-content: center;
}

#bbblink {
  display: inline-block !important;
}

.seoName_testimonials #bbblink {
  margin-top: 82px !important;
  margin-left: 60px !important;
}

/*# scssSourceMappingURL=styles.css.map */