@charset "utf-8";
/* Dark colors */
/* Bright colors */
/* Light colors */
/* Color definitions by type instead of name */
/* Silk web font collection */
@font-face {
  font-family: "Montserrat";
  src: url("fonts/web/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/web/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/web/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/web/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/web/OpenSans-Light.woff") format("woff");
  font-weight: 100;
}
/*
@font-face
{
  font-family: "Noto";
  src: url("@{fonts}/NotoSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: "Noto";
  src: url("@{fonts}/NotoSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face
{
  font-family: "Noto";
  src: url("@{fonts}/NotoSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face
{
  font-family: "Noto";
  src: url("@{fonts}/NotoSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
*/
.button-font {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@keyframes loader_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.simple-button,
a.simple-button:link,
a.simple-button:visited,
.simple-button-joey,
a.simple-button-joey:link,
a.simple-button-joey:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
}
.simple-button:hover,
a.simple-button:link:hover,
a.simple-button:visited:hover,
.simple-button-joey:hover,
a.simple-button-joey:link:hover,
a.simple-button-joey:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button.disabled,
a.simple-button:link.disabled,
a.simple-button:visited.disabled,
.simple-button-joey.disabled,
a.simple-button-joey:link.disabled,
a.simple-button-joey:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button.disabled:hover,
a.simple-button:link.disabled:hover,
a.simple-button:visited.disabled:hover,
.simple-button-joey.disabled:hover,
a.simple-button-joey:link.disabled:hover,
a.simple-button-joey:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-oscar,
body a[href].simple-button-oscar:link,
a.simple-button-oscar:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
  background: #a9c45d;
}
.simple-button-oscar:hover,
body a[href].simple-button-oscar:link:hover,
a.simple-button-oscar:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button-oscar.disabled,
body a[href].simple-button-oscar:link.disabled,
a.simple-button-oscar:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button-oscar.disabled:hover,
body a[href].simple-button-oscar:link.disabled:hover,
a.simple-button-oscar:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-oscar:hover,
body a[href].simple-button-oscar:link:hover,
a.simple-button-oscar:visited:hover {
  background: #809a35;
}
.simple-button-oscar.disabled:hover,
body a[href].simple-button-oscar:link.disabled:hover,
a.simple-button-oscar:visited.disabled:hover {
  background: #a9c45d;
}
.simple-button-oscar-dark,
a.simple-button-oscar-dark:link,
a.simple-button-oscar-dark:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
  background: #809a35;
}
.simple-button-oscar-dark:hover,
a.simple-button-oscar-dark:link:hover,
a.simple-button-oscar-dark:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button-oscar-dark.disabled,
a.simple-button-oscar-dark:link.disabled,
a.simple-button-oscar-dark:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button-oscar-dark.disabled:hover,
a.simple-button-oscar-dark:link.disabled:hover,
a.simple-button-oscar-dark:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-oscar-dark:hover,
a.simple-button-oscar-dark:link:hover,
a.simple-button-oscar-dark:visited:hover {
  background: #4f4f4f;
}
.simple-button-oscar-dark.disabled:hover,
a.simple-button-oscar-dark:link.disabled:hover,
a.simple-button-oscar-dark:visited.disabled:hover {
  background: #809a35;
}
.simple-button-lava,
a.simple-button-lava:link,
a.simple-button-lava:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
  background: #f96500;
}
.simple-button-lava:hover,
a.simple-button-lava:link:hover,
a.simple-button-lava:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button-lava.disabled,
a.simple-button-lava:link.disabled,
a.simple-button-lava:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button-lava.disabled:hover,
a.simple-button-lava:link.disabled:hover,
a.simple-button-lava:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-lava:hover,
a.simple-button-lava:link:hover,
a.simple-button-lava:visited:hover {
  background: #e45c00;
}
.simple-button-lava.disabled:hover,
a.simple-button-lava:link.disabled:hover,
a.simple-button-lava:visited.disabled:hover {
  background: #f96500;
}
.simple-button-joey-dark,
a.simple-button-joey-dark:link,
a.simple-button-joey-dark:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
  background: #519ba6;
}
.simple-button-joey-dark:hover,
a.simple-button-joey-dark:link:hover,
a.simple-button-joey-dark:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button-joey-dark.disabled,
a.simple-button-joey-dark:link.disabled,
a.simple-button-joey-dark:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button-joey-dark.disabled:hover,
a.simple-button-joey-dark:link.disabled:hover,
a.simple-button-joey-dark:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-joey-dark:hover,
a.simple-button-joey-dark:link:hover,
a.simple-button-joey-dark:visited:hover {
  background: #4f4f4f;
}
.simple-button-joey-dark.disabled:hover,
a.simple-button-joey-dark:link.disabled:hover,
a.simple-button-joey-dark:visited.disabled:hover {
  background: #519ba6;
}
.simple-button-muted,
a.simple-button-muted:link,
a.simple-button-muted:visited {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
  background: #f6f6f2;
  color: #313130 !important;
  border: 1px solid #b1b1b1;
  height: 30px;
  line-height: 30px;
}
.simple-button-muted:hover,
a.simple-button-muted:link:hover,
a.simple-button-muted:visited:hover {
  background: #519ba6;
  text-decoration: none !important;
}
.simple-button-muted.disabled,
a.simple-button-muted:link.disabled,
a.simple-button-muted:visited.disabled {
  cursor: default;
  opacity: 0.4;
}
.simple-button-muted.disabled:hover,
a.simple-button-muted:link.disabled:hover,
a.simple-button-muted:visited.disabled:hover {
  background: #68b8c4;
}
.simple-button-muted:hover,
a.simple-button-muted:link:hover,
a.simple-button-muted:visited:hover {
  background: #fff;
}
.simple-button-muted.disabled:hover,
a.simple-button-muted:link.disabled:hover,
a.simple-button-muted:visited.disabled:hover {
  background: #f6f6f2;
}
.advancement-button {
  padding-right: 32px !important;
  position: relative;
}
.advancement-button:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background-image: url(images/buttons/chevron.svg);
  background-size: 12px 16px;
  width: 12px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  right: 10px;
}
.action-button.green {
  cursor: pointer;
  display: block;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding: 10px 15px;
  text-align: center;
  -webkit-transition: border-radius 0.2s ease;
  -moz-transition: border-radius 0.2s ease;
  -ms-transition: border-radius 0.2s ease;
  -o-transition: border-radius 0.2s ease;
  transition: border-radius 0.2s ease;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #b0cf31;
  color: #ffffff;
  font-size: 24px;
}
.action-button.green:hover {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none !important;
  background-color: #9fbb2c;
  color: #ffffff;
}
.action-button.blue {
  cursor: pointer;
  display: block;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding: 10px 15px;
  text-align: center;
  -webkit-transition: border-radius 0.2s ease;
  -moz-transition: border-radius 0.2s ease;
  -ms-transition: border-radius 0.2s ease;
  -o-transition: border-radius 0.2s ease;
  transition: border-radius 0.2s ease;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  color: #75a5cc;
  font-size: 24px;
  border: 1px solid #DDD;
}
.action-button.blue:hover {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none !important;
  background-color: #75a5cc;
  color: #ffffff;
}
hr.simple {
  border: 0;
  height: 1px;
  background-color: #81817b;
}
hr.simple.light {
  background-color: #eee;
}
@media only print {
  #topbar,
  #page-bars-container,
  #overlay {
    display: none;
  }
  #bottom-page-bar {
    height: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
  }
  #in-page-bar {
    border: none;
  }
  body {
    background: white !important;
  }
  #content {
    margin: 0 auto;
  }
  #canvas [data-article] section {
    border: none;
  }
  #canvas [data-article] section:before,
  #canvas [data-article] section:after {
    display: none;
  }
  #canvas [data-article] section .component-queryview .controls {
    display: none;
  }
  #canvas .explore .headers,
  #canvas .explore .fullscreen,
  #canvas .explore .filter-box,
  #canvas .explore .filter-toggle,
  #canvas .explore .top-config,
  #canvas .explore .extra-config {
    display: none;
  }
}
body.lightbox {
  /*
  & > *:not(.lightbox)
  {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
  }
  */
  overflow: hidden;
}
.lightbox {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lightbox.dark {
  background-color: rgba(0, 0, 0, 0.8);
}
.lightbox.light {
  background-color: rgba(255, 255, 255, 0.3);
}
.lightbox .wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.lightbox .wrapper .box {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.lightbox .wrapper .box img {
  display: block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}
.bubble-container {
  position: absolute;
  z-index: 20000;
}
.bubble-container.vog a {
  color: white;
}
.bubble-container.measuring {
  top: 100%;
  position: fixed;
  visibility: hidden;
}
.bubble-container .bubble-arrow-top {
  border-color: #000000 transparent transparent transparent;
}
.bubble-container .bubble-arrow-right {
  border-color: transparent #000000 transparent transparent;
}
.bubble-container .bubble-arrow-bottom {
  border-color: transparent transparent #000000 transparent;
}
.bubble-container .bubble-arrow-left {
  border-color: transparent transparent transparent #000000;
}
.bubble-container .bubble-content {
  background-color: #000000;
  border-color: #000000;
  line-height: 19px;
  font-size: 14px;
}
.bubble-container .image-box {
  padding-top: 15px;
}
.bubble-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px 5px 15px;
  z-index: 10;
}
.bubble-close svg {
  fill: white;
}
.bubble-close:hover {
  cursor: pointer;
}
.bubble-content {
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.bubble-content .tooltip-title {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.bubble-arrow {
  z-index: 20001;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
.bubble-container.error-yellow .bubble-content {
  background-color: #FFDE00;
  border: none;
  color: #CA5100;
  font-size: 18px;
  padding: 20px;
}
.bubble-container.error-yellow.bubble-arrow-top .bubble-content {
  border-bottom: 5px solid #EFB200;
}
.bubble-container.error-yellow.bubble-arrow-bottom .bubble-content {
  border-top: 5px solid #EFB200;
}
.bubble-container.error-yellow.bubble-arrow-left .bubble-content {
  border-right: 5px solid #EFB200;
}
.bubble-container.error-yellow.bubble-arrow-right .bubble-content {
  border-left: 5px solid #EFB200;
}
.bubble-container.error-yellow .bubble-arrow.bubble-arrow-top {
  border-color: #EFB200 transparent transparent transparent;
}
.bubble-container.error-yellow .bubble-arrow.bubble-arrow-right {
  border-color: transparent #EFB200 transparent transparent;
}
.bubble-container.error-yellow .bubble-arrow.bubble-arrow-bottom {
  border-color: transparent transparent #EFB200 transparent;
}
.bubble-container.error-yellow .bubble-arrow.bubble-arrow-left {
  border-color: transparent transparent transparent #EFB200;
}
.bubble-container.tooltip .bubble-arrow-top {
  border-color: #4f4f4f transparent transparent transparent;
}
.bubble-container.tooltip .bubble-arrow-right {
  border-color: transparent #4f4f4f transparent transparent;
}
.bubble-container.tooltip .bubble-arrow-bottom {
  border-color: transparent transparent #4f4f4f transparent;
}
.bubble-container.tooltip .bubble-arrow-left {
  border-color: transparent transparent transparent #4f4f4f;
}
.bubble-container.tooltip .bubble-content {
  background-color: #4f4f4f;
  border-color: #4f4f4f;
  line-height: 19px;
  font-size: 14px;
}
.bubble-container.disabled-tab-popup .bubble-arrow-top {
  border-color: #4f4f4f transparent transparent transparent;
}
.bubble-container.disabled-tab-popup .bubble-arrow-right {
  border-color: transparent #4f4f4f transparent transparent;
}
.bubble-container.disabled-tab-popup .bubble-arrow-bottom {
  border-color: transparent transparent #4f4f4f transparent;
}
.bubble-container.disabled-tab-popup .bubble-arrow-left {
  border-color: transparent transparent transparent #4f4f4f;
}
.bubble-container.disabled-tab-popup .bubble-content {
  background-color: #4f4f4f;
  border-color: #4f4f4f;
  line-height: 19px;
  font-size: 14px;
}
div.checkbox {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
div.checkbox .check {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: background-color border-color;
  -moz-transition-property: background-color border-color;
  -ms-transition-property: background-color border-color;
  -o-transition-property: background-color border-color;
  transition-property: background-color border-color;
  height: 14px;
  width: 14px;
  border: solid 3px rgba(255, 255, 255, 0.3);
  float: left;
  margin-left: 6px;
  margin-top: 7px;
  margin-right: 6px;
}
div.checkbox:hover .check {
  border: solid 3px rgba(255, 255, 255, 0.5);
}
div.checkbox .label {
  color: #75a5cc;
}
div.checkbox.on .check {
  background: #5e84a3;
  border-color: #75a5cc;
}
div.selectbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflox-x: hidden;
  overflow-y: auto;
  max-height: 400px;
}
div.selectbox .item {
  box-sizing: border-box;
  cursor: pointer;
}
div.selectbox.popup {
  z-index: 1000;
  position: absolute;
  left: 100px;
  top: 100px;
  width: 100px;
  padding: 4px;
  background: white;
  border: solid 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
div.selectbox.popup .item {
  padding: 2px;
  color: #888;
}
div.selectbox.popup .item.selected {
  background: #f4f4f4;
  color: black;
}
div.selectbox.fixed .item {
  padding: 4px 8px;
  color: rgba(255, 255, 255, 0.9);
}
div.selectbox.fixed .item.selected {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.input-box {
  border: none;
  outline: none;
  display: block;
  font: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
html.engine-gecko .input-box {
  left: -1px;
}
.input-box-wrapper {
  position: relative;
  margin-bottom: 1px;
}
.bubble-container.vog .bubble-arrow-top {
  border-color: #62c4be transparent transparent transparent;
}
.bubble-container.vog .bubble-arrow-right {
  border-color: transparent #62c4be transparent transparent;
}
.bubble-container.vog .bubble-arrow-bottom {
  border-color: transparent transparent #62c4be transparent;
}
.bubble-container.vog .bubble-arrow-left {
  border-color: transparent transparent transparent #62c4be;
}
.bubble-container.vog .bubble-content {
  background-color: #62c4be;
  border-color: #62c4be;
  line-height: 19px;
  font-size: 14px;
}
.bubble-content.vog {
  border-width: 2px;
  padding: 15px;
  color: white;
}
.bubble-content.vog a {
  color: white !important;
}
.bubble-content.vog .close {
  content: '';
  position: absolute;
  background-image: url("images/noticebar/close-icon.png");
  background-image: -webkit-image-set(url("images/noticebar/close-icon.png") 1x, url("images/noticebar/close-icon@2x.png") 2x);
  background-position: center center;
  background-repeat: no-repeat;
  right: 2px;
  top: 2px;
  width: 26px;
  height: 26px;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  .bubble-content.vog .close {
    background-image: url("images/noticebar/close-icon@2x.png");
    background-size: 25px 25px;
  }
}
.bubble-container.vog.no-close .close {
  display: none;
}
.bubble-container.small {
  line-height: 15px;
}
.bubble-container.small .close {
  top: 10px;
}
.pill-suggestion:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.pill-suggestion.deletable {
  padding-right: 0;
}
.pill-suggestion .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #75a5cc;
  margin-left: 8px;
  float: right;
  color: #75a5cc;
}
.pill-suggestion .del .icon {
  height: 24px;
  padding-top: 4px;
}
.pill-suggestion .del .icon svg path {
  fill: #75a5cc;
}
.pill-suggestion .del:hover {
  border-left-style: solid;
}
.pill:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.pill .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #81b6e0;
  background: #75a5cc;
  height: 26px;
  display: inline-block;
}
.pill .del .icon {
  height: 24px;
  padding-top: 5px;
}
.pill .del .icon svg path {
  fill: white;
}
.pill .del:hover {
  background: #6995b8;
}
.inline-value-picker {
  background: none;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.inline-value-picker .description {
  font-size: 14px;
  -webkit-transform: translate3d(0, 0, 0);
}
.inline-value-picker .value {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  display: block;
  outline: none;
  border: none;
  background: #75a5cc;
  font-size: 14px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  color: white;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.inline-value-picker .value .steps {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #75a5cc;
  display: inline-block;
  padding: 4px 10px;
  transition: background 0.075s ease-out;
  vertical-align: top;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 500px) {
  .inline-value-picker .value .steps {
    max-width: 100%;
  }
}
.inline-value-picker .value .steps:hover {
  background: #5e84a3;
}
.inline-value-picker .value .steps .step {
  white-space: nowrap;
  vertical-align: text-top;
}
.inline-value-picker .value .steps .step:before {
  content: "▸";
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.3);
}
.inline-value-picker .value .steps .step.first:before {
  display: none;
}
.inline-value-picker .value .steps .down {
  padding-left: 5px;
}
.inline-value-picker .value .steps .down svg {
  vertical-align: middle;
}
.inline-value-picker .value .steps .down svg path {
  fill: white;
}
.inline-value-picker .value:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.inline-value-picker .value .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #81b6e0;
  background: #75a5cc;
  height: 26px;
  display: inline-block;
}
.inline-value-picker .value .del .icon {
  height: 24px;
  padding-top: 5px;
}
.inline-value-picker .value .del .icon svg path {
  fill: white;
}
.inline-value-picker .value .del:hover {
  background: #6995b8;
}
.inline-value-picker .plus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 0px 11px;
  outline: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
  display: block;
  padding: 0px 10px;
  border: solid 1px #75a5cc;
  line-height: 23px;
  height: 25px;
  color: #75a5cc;
}
.inline-value-picker .plus svg {
  display: block;
}
.inline-value-picker .plus:hover {
  border-style: solid;
}
.inline-value-picker .plus .down {
  margin-left: 15px;
  margin-right: -2px;
  float: right;
  padding-top: 12px;
}
.inline-value-picker .plus .down svg path {
  fill: #75a5cc;
}
.inline-value-picker .plus:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.inline-value-picker .plus.deletable {
  padding-right: 0;
}
.inline-value-picker .plus .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #75a5cc;
  margin-left: 8px;
  float: right;
  color: #75a5cc;
}
.inline-value-picker .plus .del .icon {
  height: 24px;
  padding-top: 4px;
}
.inline-value-picker .plus .del .icon svg path {
  fill: #75a5cc;
}
.inline-value-picker .plus .del:hover {
  border-left-style: solid;
}
.inline-value-picker .plus .down,
.inline-value-picker .plus .del {
  display: inline-block;
  float: none;
}
.inline-value-picker .plus .down {
  position: relative;
  top: -5px;
}
.inline-value-picker .plus .end {
  float: right;
}
.inline-value-picker.empty .plus {
  min-width: 130px;
}
.inline-value-picker .value,
.inline-value-picker .plus {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-transform: translate3d(0, 0, 0);
  vertical-align: bottom;
}
.inline-value-picker.read-only {
  pointer-events: none;
}
.inline-value-picker.read-only .plus,
.inline-value-picker.read-only .del {
  display: none;
}
.bubble-container .picker-bubble {
  padding: 10px;
}
.bubble-container .picker-bubble input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  line-height: 28px;
  font: inherit;
  color: white;
  display: block;
  outline: none;
  width: 262px;
}
.bubble-container .picker-bubble input:not(.free-text-input) {
  border: none;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  margin-bottom: 8px;
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.bubble-container .picker-bubble input.free-text-input {
  background: none;
  padding: 14px 8px 0px 8px;
  margin: 8px 0;
  font-style: italic;
  border: solid 1px transparent;
  border-top-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.bubble-container .picker-bubble input.free-text-input:focus {
  padding: 4px 8px;
  margin-top: 16px;
  margin-bottom: 0;
  cursor: text;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: solid 1px rgba(255, 255, 255, 0.3);
}
.bubble-container .picker-bubble .selectbox .item {
  color: #bbb;
  padding: 4px 8px;
}
.bubble-container .picker-bubble .selectbox .item span {
  float: right;
  font-weight: normal;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.bubble-container .picker-bubble .selectbox .item span.more {
  color: #999;
  width: 25px;
  text-align: right;
  padding-top: 2px;
  cursor: pointer;
}
.bubble-container .picker-bubble .selectbox .item span.more:hover {
  color: white;
}
.bubble-container .picker-bubble .selectbox .item.disabled {
  font-style: italic;
  color: #666;
  cursor: inherit;
}
.bubble-container .picker-bubble .selectbox .item.disabled:hover {
  background: none;
}
.bubble-container .picker-bubble .selectbox .item.disabled .count {
  font-style: normal;
}
.bubble-container .picker-bubble .fallback {
  padding: 10px;
  font-style: italic;
  text-align: center;
}
.bubble-container .picker-bubble .deep {
  color: #bbb;
  padding: 4px 8px 10px 8px;
  position: relative;
}
.bubble-container .picker-bubble .deep:empty {
  padding: 0;
}
.bubble-container .picker-bubble .deep:not(:empty) {
  border-bottom: solid 1px #333;
  margin-bottom: 10px;
}
.bubble-container .picker-bubble .deep .clear {
  float: right;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 20px;
  cursor: pointer;
}
.bubble-container .picker-bubble .deep .clear:hover {
  color: #e8622b;
}
.bubble-container .picker-bubble .deep .item:after {
  content: "▸";
  margin: 0 6px;
  color: rgba(255, 255, 255, 0.3);
}
.bubble-container .picker-bubble .sorting-order span {
  cursor: pointer;
}
.bubble-container .picker-bubble .sorting-order .selected {
  text-decoration: underline;
}
img {
  border: none;
}
body {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 26px;
}
body sup {
  line-height: 12px;
}
a[href],
a:link,
a:visited {
  color: #2d7fbd;
  text-decoration: none;
}
a[href]:hover,
a:link:hover,
a:visited:hover {
  text-decoration: underline;
}
input.search-input:focus::-webkit-input-placeholder {
  color: transparent !important;
}
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
#container {
  min-height: 100%;
  position: relative;
  width: 100%;
}
#container.with-footer {
  margin-bottom: -100px;
}
#container.with-footer:after {
  content: "";
  display: block;
  height: 100px;
}
html.contentDocument:not(.noscript):not(.cannot-view) #container > * {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
}
.selection-overlay {
  z-index: 350;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.selection-overlay div {
  pointer-events: none;
  position: absolute;
}
.selection-overlay.inactive div {
  background-color: #646464;
}
.selection-overlay.taggable div {
  background-color: #ff7507;
}
.topbar-site {
  background-color: white;
  box-sizing: border-box;
  position: relative;
}
.top-bar-site-wrapper.is-dashboard {
  border-bottom: 7px solid #f96500;
}
.top-bar-site-wrapper.is-datapage {
  border-bottom: 7px solid #68b8c4;
}
.top-bar-site-wrapper.is-posterpage {
  border-bottom: 7px solid #a9c45d;
}
.top-bar-site-wrapper.is-explore-mode {
  border-bottom: 7px solid #75a5cc;
}
.top-bar-site-wrapper.tab-open {
  border-bottom-width: 0px;
}
.top-bar-site-wrapper {
  border-bottom: 7px solid #d4d2cf;
  border-bottom: 7px solid #cccac9;
  transition: border 0.2s 0.1s ease-out;
  background-color: #ffffff;
}
.top-bar-site-wrapper .top-half {
  height: 115px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half {
    height: 50px;
  }
}
.top-bar-site-wrapper .top-half .top-half-content {
  box-sizing: border-box;
  height: 100%;
  line-height: 50px;
  margin: auto;
  max-width: 1280px;
  position: relative;
  text-align: center;
  padding: 0 20px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content {
    text-align: left;
  }
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .top-half .top-half-content {
    padding: 0;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .share-button {
  background-color: #e56639;
  background-image: url("images/top-bar-site/icon_hyperbar2_share_white.svg");
  background-position: right 10px center;
  background-size: 20px;
  background-repeat: no-repeat;
  border-radius: 6px;
  position: relative;
  color: white;
  cursor: pointer;
  display: block;
  letter-spacing: 0.05em;
  line-height: 32px;
  width: 120px;
  margin: 0px auto;
  padding-left: 10px;
  padding-right: 35px;
  top: 28px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content .share-button {
    display: none;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .share-button::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e56639;
  bottom: -7px;
  content: "";
  height: 0px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-name {
  color: #2d7fbd;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 20px;
  height: 36px;
  line-height: 36px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  top: 35px;
  white-space: nowrap;
  margin: auto;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content .site-name {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    max-width: calc(100% - 325px);
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: auto;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .site-name:hover {
  text-decoration: underline;
}
.top-bar-site-wrapper .top-half .top-half-content .site-name.private {
  background-image: url("images/top-bar-site/lock.png");
  background-position: 7px center;
  background-repeat: no-repeat;
  padding-left: 26px;
}
.top-bar-site-wrapper .bottom-half {
  height: 51px;
  background-color: #ebeae8;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content {
  box-sizing: border-box;
  margin: auto;
  max-width: 1280px;
  position: relative;
  padding: 0 10px;
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content {
    padding: 0;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .buttons {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  display: none;
  position: absolute;
  right: 0;
  padding-right: 54px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .buttons {
    display: inline-block;
  }
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .buttons {
    padding-right: 44px;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .add-members-icon {
  background-color: white;
  border-radius: 6px;
  cursor: pointer;
  display: none;
  height: 35px;
  margin-left: 10px;
  position: relative;
  top: 8px;
  width: 35px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .add-members-icon {
    display: inline-block;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .add-members-icon.disabled {
  background-color: #F3F2F1;
  cursor: default;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .add-members-icon:not(.disabled):hover:before {
  opacity: 0.6;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .add-members-icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -11px;
  margin-left: -10px;
  background-image: url('images/top-bar-site/icon_hyperbar2_addmember.svg');
  background-size: 22px;
  width: 23px;
  height: 22px;
  background-repeat: no-repeat;
  transition: all 0.1s ease-out;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon {
  background-color: white;
  border-radius: 6px;
  cursor: pointer;
  display: none;
  height: 35px;
  margin-left: 9px;
  position: absolute;
  top: 8px;
  transition: height 0.3s ease-out, border-radius 0.3s ease-out, vertical-align 0.3s ease-out;
  width: 35px;
  z-index: 1;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon {
    display: inline-block;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon:hover:not(.disabled):before {
  opacity: 0.6;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected,
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected:hover {
  height: 44px;
  border-radius: 6px 6px 0px 0px;
  background-color: #cccac9;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected:before,
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected:hover:before {
  background-image: url("images/top-bar-site/icon_hyperbar2_magglass_white.svg");
  margin-top: -15px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected:hover div,
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.selected:hover:hover div {
  opacity: 0.7;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -11px;
  margin-left: -9px;
  background-image: url("images/top-bar-site/icon_hyperbar2_magglass.svg");
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  transition: margin 0.3s ease-out, opacity 0.1s ease-out;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.disabled {
  cursor: default;
  background: #DBDBD9;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .search-icon.disabled:before {
  background-image: url("images/top-bar-site/icon_hyperbar2_magglass_white.svg");
  opacity: 0.6;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button {
  background-color: white;
  border-left: 7px solid #f96500;
  border-top-right-radius: 12px;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  margin-top: 9px;
  position: absolute;
  width: 36px;
}
@media only screen and (min-width : 825px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .options-button {
    display: none;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button::after,
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button::before,
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button div {
  content: "";
  width: 25px;
  height: 4px;
  left: 5px;
  background-color: #F88C4A;
  position: absolute;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button::after {
  top: 7px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button::before {
  top: 15px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button div.bars {
  top: 23px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button div.bottom-border {
  background-color: white;
  bottom: -7px;
  display: none;
  height: 7px;
  left: 0px;
  position: absolute;
  width: 36px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .options-button.open div.bottom-border {
  display: block;
}
.top-bar-site-wrapper .tab-foldout-container.explore {
  background-color: #75a5cc;
  height: 104px;
  overflow: hidden;
}
.top-bar-site-wrapper .tab-foldout-container.explore .explore-bar-holder {
  margin: auto;
  max-width: 1280px;
}
.top-bar-site-wrapper .tab-foldout-container.explore.tab-foldout-animation-enter.explore {
  height: 0px;
}
.top-bar-site-wrapper .tab-foldout-container.explore.tab-foldout-animation-enter.explore.tab-foldout-animation-enter-active {
  height: 104px;
  transition: height 0.4s ease-out;
}
.top-bar-site-wrapper .tab-foldout-container.explore.tab-foldout-animation-leave.explore {
  height: 98px;
  border-top-width: 0px;
  transition: all 0.4s ease-out;
}
.top-bar-site-wrapper .tab-foldout-container.explore.tab-foldout-animation-leave.explore.tab-foldout-animation-leave-active {
  height: 0px;
}
@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bobbing1 {
  0% {
    width: 18px;
  }
  30% {
    width: 23px;
  }
  100% {
    width: 18px;
  }
}
@-webkit-keyframes bobbing1 {
  0% {
    width: 18px;
  }
  30% {
    width: 23px;
  }
  100% {
    width: 18px;
  }
}
@keyframes bobbing2 {
  0% {
    padding: 0px 10px 0px 21px;
  }
  30% {
    padding: 0px 12px 0px 23px;
  }
  100% {
    padding: 0px 10px 0px 21px;
  }
}
@-webkit-keyframes bobbing2 {
  0% {
    padding: 0px 10px 0px 21px;
  }
  30% {
    padding: 0px 12px 0px 23px;
  }
  100% {
    padding: 0px 10px 0px 21px;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .follow {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  left: 56%;
  margin-left: 69px;
  top: 23px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content .follow {
    left: 0px;
    margin-left: 13px;
    position: relative;
    top: 8px;
    vertical-align: top;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .follow .heart-off {
  transition: opacity 0.3s ease-out;
  display: inline-block;
  background-image: url("images/top-bar-site/icon_heart_off.svg");
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  position: absolute;
  left: -17px;
  top: -4px;
  opacity: 0;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .heart-on {
  position: relative;
  transition: opacity 0.3s ease-out;
  display: inline-block;
  background-image: url("images/top-bar-site/icon_heart_on.svg");
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  position: absolute;
  left: -17px;
  top: -4px;
  opacity: 0;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .heart-on:before {
  transition: transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  content: "";
  background-image: url("images/top-bar-site/icon_heart_break.svg");
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner1 {
  position: relative;
  display: inline-block;
  height: 25px;
  background-color: transparent;
  width: 18px;
  margin-left: 15px;
  z-index: 3;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner1:after,
.top-bar-site-wrapper .top-half .top-half-content .follow .banner1:before {
  content: "";
  position: absolute;
  right: -12px;
  width: 0px;
  height: 0px;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner1:after {
  display: none;
  top: 0px;
  border-left: 6px solid #F3CCC3;
  border-top: 6px solid #F3CCC3;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner1:before {
  display: none;
  bottom: 0px;
  border-left: 6px solid #F3CCC3;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #F3CCC3;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner2 {
  display: none;
  width: 52px;
  transition: width 0.3s ease-out, opacity 0.3s ease-out;
  height: 20px;
  position: relative;
  top: -9px;
  left: -19px;
  background-color: #e56639;
  padding-left: 21px;
  padding-right: 10px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  z-index: 2;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content .follow .banner2 {
    display: inline-block;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner2:after,
.top-bar-site-wrapper .top-half .top-half-content .follow .banner2:before {
  content: "";
  position: absolute;
  right: -10px;
  width: 0px;
  height: 0px;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner2:after {
  top: 0px;
  border-left: 5px solid #e56639;
  border-top: 5px solid #e56639;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .banner2:before {
  bottom: 0px;
  border-left: 5px solid #e56639;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e56639;
}
.top-bar-site-wrapper .top-half .top-half-content .follow .check {
  transition: left 0.3s ease-out;
  position: absolute;
  left: 0px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-image: url("images/top-bar-site/icon_checkmark_mini.svg");
  background-repeat: no-repeat;
  z-index: 1;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .heart-on {
  opacity: 1;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner1 {
  background-color: transparent;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner1:after {
  border-top-color: #DEDBD3;
  border-left-color: #DEDBD3;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner1:before {
  border-bottom-color: #DEDBD3;
  border-left-color: #DEDBD3;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner2 {
  opacity: 0;
  width: 50px;
  padding-left: 0px;
  width: 0px;
  color: transparent;
  background-color: #bbb;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner2:after {
  border-top-color: #bbb;
  border-left-color: #bbb;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following .banner2:before {
  border-bottom-color: #bbb;
  border-left-color: #bbb;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.just-clicked .check {
  left: 30px;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.just-clicked .banner2 .banner-text {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked .banner2 {
  padding-left: 0px;
  transition: width 0.3s ease-out, padding-left 0.3s ease-out, opacity 0.3s ease-out;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked .banner2 .banner-text {
  color: white;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  width: 70px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked:hover .banner2 {
  opacity: 1;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked:hover .heart-on:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked:hover .banner2 {
  color: white;
  padding-left: 21px;
  width: 70px;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.following.not-just-clicked:hover .banner2 .banner-text {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.top-bar-site-wrapper .top-half .top-half-content .follow.not-following .heart-off {
  opacity: 1;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.not-following:hover .heart-off {
  -webkit-animation: pulsing 0.4s infinite;
  animation: pulsing 0.4s infinite;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.not-following:hover .banner1 {
  -webkit-animation: bobbing1 0.4s infinite;
  animation: bobbing1 0.4s infinite;
}
.top-bar-site-wrapper .top-half .top-half-content .follow.not-following:hover .banner2 {
  -webkit-animation: bobbing2 0.4s infinite;
  animation: bobbing2 0.4s infinite;
}
.top-bar-site-wrapper.logged-in .top-half .top-half-content .made-with-silk {
  display: none;
}
.top-bar-site-wrapper .top-half-content .made-with-silk {
  display: none;
  color: #f96500;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 1.1em;
  height: 50px;
  line-height: 51px;
  position: absolute;
  right: 10px;
  padding-right: 30px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half-content .made-with-silk {
    display: inline-block;
  }
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .top-half-content .made-with-silk {
    right: 0px;
  }
}
.top-bar-site-wrapper .top-half-content .made-with-silk span {
  cursor: default;
}
.top-bar-site-wrapper .top-half-content .made-with-silk span,
.top-bar-site-wrapper .top-half-content .made-with-silk .silk-logo {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .silk-logo {
  background-image: url("images/silk.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px;
  height: 26px;
  position: absolute;
  right: 3px;
  top: 11px;
  width: 19px;
}
.top-bar-site-wrapper .top-half-content .made-with-silk:hover .signin-popup-wrapper {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  display: block;
  opacity: 1;
  visibility: visible;
}
.top-bar-site-wrapper .top-half-content .made-with-silk:hover .signin-popup-wrapper .header {
  padding-bottom: 10px;
  padding-top: 7px;
}
.top-bar-site-wrapper .top-half-content .made-with-silk:hover > span,
.top-bar-site-wrapper .top-half-content .made-with-silk:hover .silk-logo {
  opacity: 0.5;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50px;
  transition: height 0.3s ease-out;
  width: 340px;
  z-index: 10000;
  visibility: hidden;
  -webkit-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
  -moz-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
  -ms-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
  -o-transition: opacity 0.3s linear, visibility 0s linear 0.3s;
  transition: opacity 0.3s linear, visibility 0s linear 0.3s;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .header {
  -webkit-transition: padding 0.3s linear;
  -moz-transition: padding 0.3s linear;
  -ms-transition: padding 0.3s linear;
  -o-transition: padding 0.3s linear;
  transition: padding 0.3s linear;
  background-color: #e45c00;
  box-sizing: border-box;
  color: white;
  line-height: normal;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 10px;
  text-align: right;
  width: 100%;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .header em {
  font-size: 14px;
  opacity: 0.6;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .header a {
  color: white;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .header a:hover {
  text-decoration: underline;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .signin-popup {
  background-color: #BABABA;
  display: block;
  padding-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .signin-popup .content {
  background-color: white;
  box-sizing: border-box;
  color: #353131;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 21px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 6px;
  text-align: center;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .signin-popup .content h1 {
  font-size: 18px;
  color: #f96500;
  font-weight: normal;
}
.top-bar-site-wrapper .top-half-content .made-with-silk .signin-popup-wrapper .signin-popup .content a {
  margin-top: 10px;
}
.topbar-site .center-star {
  margin: auto;
  max-width: 1280px;
  position: relative;
  width: 100%;
}
.topbar-site .center-star .onboarding-star {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-image: url("images/top-bar-site/onboard-star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 36px;
  left: 10px;
  position: absolute;
  top: 16px;
  width: 36px;
}
.topbar-site .center-star .onboarding-star.pow {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: rotate(180deg) scale(1.3);
  -moz-transform: rotate(180deg) scale(1.3);
  -ms-transform: rotate(180deg) scale(1.3);
  -o-transform: rotate(180deg) scale(1.3);
  transform: rotate(180deg) scale(1.3);
}
.topbar-site .center-star .onboarding-star.pow2 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: rotate(360deg) scale(1);
  -moz-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1);
}
@media only screen and (min-width: 1290px) {
  .topbar-site .center-star .onboarding-star {
    left: 0px;
  }
}
.topbar-site .starbar-title {
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 15px;
}
.topbar-site .big-middle-dot {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -3px;
  width: 6px;
}
.topbar-site .onboarding-arrow-holder {
  margin: auto;
  max-width: 1280px;
  position: relative;
  width: 100%;
}
.topbar-site .onboarding-arrow-holder.tab1::before {
  left: 72px;
}
.topbar-site .onboarding-arrow-holder.tab2::before {
  left: 242px;
}
.topbar-site .onboarding-arrow-holder.tab3::before {
  left: 412px;
}
.topbar-site .onboarding-arrow-holder.tab4::before {
  left: 582px;
}
.topbar-site .onboarding-arrow-holder::before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 9px solid transparent;
  border-top: 8px solid #ff6600;
  bottom: -16px;
  content: '';
  display: none;
  position: absolute;
  z-index: 1401;
}
@media only screen and (min-width: 940px) {
  .topbar-site .onboarding-arrow-holder::before {
    display: block;
  }
}
.topbar-site .onboarding-arrow-holder.closed::before {
  display: none;
}
.topbar-site .onboarding-message-bar {
  background-color: #b84a00;
  font-size: 16px;
  height: 70px;
  overflow: hidden;
  position: relative;
  z-index: 1401;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content {
  background-color: #ff6600;
  color: white;
  height: 70px;
  line-height: 35px;
  position: absolute;
  width: 100%;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content a {
  color: white;
  cursor: pointer;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content.onboarding-animation-enter {
  top: -70px;
  -webkit-transition: top 0.3s ease-in 0.3s;
  -moz-transition: top 0.3s ease-in 0.3s;
  -ms-transition: top 0.3s ease-in 0.3s;
  -o-transition: top 0.3s ease-in 0.3s;
  transition: top 0.3s ease-in 0.3s;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content.onboarding-animation-enter.onboarding-animation-enter-active {
  top: 0px;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content.onboarding-animation-leave {
  top: 0px;
  -webkit-transition: top 0.3s ease-in;
  -moz-transition: top 0.3s ease-in;
  -ms-transition: top 0.3s ease-in;
  -o-transition: top 0.3s ease-in;
  transition: top 0.3s ease-in;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content.onboarding-animation-leave.onboarding-animation-leave-active {
  top: 70px;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center {
  box-sizing: border-box;
  height: 68px;
  margin: auto;
  max-width: 1280px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-left: 60px;
  padding-right: 10px;
  padding-top: 18px;
  position: relative;
  white-space: nowrap;
}
@media only screen and (min-width: 1290px) {
  .topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center {
    padding-left: 50px;
  }
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center strong {
  text-transform: uppercase;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center .highlight-link {
  border-bottom: 3px solid #cc5200;
  color: white;
  cursor: help;
  display: inline-block;
  font-size: 16px;
  line-height: 1.05em;
  position: relative;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center .highlight-link::after {
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  background-repeat: no-repeat;
  background-image: url("images/top-bar-site/icon_anchor_info.svg");
  bottom: -20px;
  content: '';
  height: 18px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 20px;
}
.topbar-site .onboarding-message-bar .onboarding-message-bar-content .onboarding-message-center .highlight-link.hovered::after {
  opacity: 0;
}
.topbar-site .rogue-bar {
  background-color: #4f4f4f;
  height: 56px;
  width: 100%;
}
.topbar-site .rogue-clipping-wrapper {
  bottom: 20px;
  height: 75px;
  margin: auto;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
}
.topbar-site .rogue {
  border-radius: 10px;
  bottom: 0px;
  display: block;
  height: 56px;
  overflow: visible;
  padding-left: 110px;
  position: absolute;
}
.topbar-site .rogue .walrus {
  background-image: url("images/top-bar-site/walrus-1.svg");
  background-position: -5px 6px;
  background-repeat: no-repeat;
  background-size: 103px;
  bottom: 0px;
  display: block;
  height: 74px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  width: 98px;
}
.topbar-site .rogue .text-bubble {
  background-color: white;
  border-radius: 11px;
  color: #36808C;
  display: inline-block;
  font-size: 16px;
  height: 41px;
  line-height: 41px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  top: 8px;
}
.topbar-site .rogue .text-bubble:before {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  content: '';
  left: -10px;
  position: absolute;
  top: 0px;
}
.topbar-site .rogue .resume-tutorial-button,
.topbar-site .rogue .skip-tutorial-button {
  margin-left: 15px;
  position: relative;
  top: 8px;
}
.onboarding-arrow-holder .welcome-popup {
  background-color: white;
  border-radius: 10px;
  box-sizing: border-box;
  color: #519ba6;
  font-size: 16px;
  height: 220px;
  left: 10px;
  padding-left: 180px;
  padding-top: 3px;
  position: absolute;
  top: 20px;
  width: 740px;
  z-index: 1402;
  line-height: 22px;
}
.onboarding-arrow-holder .welcome-popup a {
  color: #519ba6;
}
@media only screen and (min-width: 1290px) {
  .onboarding-arrow-holder .welcome-popup {
    left: 1px;
  }
}
.onboarding-arrow-holder .welcome-popup::before {
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  content: '';
  left: 59px;
  position: absolute;
  top: -20px;
}
@media only screen and (min-width: 1290px) {
  .onboarding-arrow-holder .welcome-popup::before {
    left: 69px;
  }
}
.onboarding-arrow-holder .welcome-popup.end-tutorial {
  background-image: url("images/importer/beams.svg");
  left: initial;
  right: 0px;
  top: 65px;
}
.onboarding-arrow-holder .welcome-popup.end-tutorial::before {
  left: initial;
  right: 174px;
}
.onboarding-arrow-holder .welcome-popup.end-tutorial::after {
  opacity: 0;
}
.onboarding-arrow-holder .welcome-popup.end-tutorial a {
  text-decoration: underline;
}
.onboarding-arrow-holder .welcome-popup .walrus {
  background-image: url("images/top-bar-site/walrus-1.svg");
  background-position: -59px 0px;
  background-repeat: no-repeat;
  background-size: 210px;
  border-bottom-left-radius: 10px;
  bottom: 0px;
  height: 183px;
  left: 0px;
  position: absolute;
  width: 151px;
}
.onboarding-arrow-holder .welcome-popup .ok-button {
  background-color: #36b3c6;
  border-radius: 10px;
  bottom: 24px;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  position: absolute;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
}
.onboarding-arrow-holder .welcome-popup .ok-button:hover {
  background: #519ba6;
}
.onboarding-arrow-holder .welcome-popup .skip-button {
  bottom: 32px;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  left: 400px;
  margin-left: 30px;
  position: absolute;
  text-transform: uppercase;
}
.onboarding-arrow-holder .welcome-popup .skip-button:hover {
  text-decoration: underline;
}
.screen-shadow {
  background-color: rgba(0, 0, 0, 0.65);
  bottom: 0px;
  left: 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 1400;
}
.topbar-site .top-bar-site-wrapper.tab-open .bottom-half .bottom-half-content .share-icon:not(.disabled):hover::after,
.topbar-site .top-bar-site-wrapper.tab-open .bottom-half .bottom-half-content .share-icon::after {
  bottom: -11px;
  border-top-width: 2px;
}
.onboarding-finished .share-icon {
  z-index: 1402 !important;
}
.topbar-site .bottom-half .bottom-half-content .share-icon-holder {
  display: inline-block;
  height: 47px;
  margin-left: 10px;
  position: relative;
  top: 8px;
  vertical-align: top;
}
.topbar-site .bottom-half .bottom-half-content .share-icon {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  background-color: white;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 6px;
  cursor: pointer;
  display: none;
  height: 35px;
  line-height: 35px;
  padding: 0 15px 0 20px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  vertical-align: top;
  -webkit-transform: translate3d(0, 0, 0);
  letter-spacing: 0.8px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.topbar-site .bottom-half .bottom-half-content .share-icon:not(.disabled) {
  z-index: 1399;
}
.topbar-site .bottom-half .bottom-half-content .share-icon:not(.disabled):hover::after {
  bottom: -30px;
}
.topbar-site .bottom-half .bottom-half-content .share-icon .long-text {
  display: none;
}
@media only screen and (min-width : 650px) {
  .topbar-site .bottom-half .bottom-half-content .share-icon {
    display: inline-block;
  }
}
@media only screen and (min-width : 970px) {
  .topbar-site .bottom-half .bottom-half-content .share-icon .long-text {
    display: inline;
  }
  .topbar-site .bottom-half .bottom-half-content .share-icon .short-text {
    display: none;
  }
}
.topbar-site .bottom-half .bottom-half-content .share-icon::after {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
  bottom: -26px;
  content: '';
  left: 50%;
  margin-left: -15px;
  position: absolute;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.datacard {
  color: #68b8c4;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.datacard > .icon {
  background-image: url("images/top-bar-site/icon_share_datacard.svg");
}
.topbar-site .bottom-half .bottom-half-content .share-icon.datacard:not(.disabled):hover {
  color: #94cdd5;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.poster {
  color: #a9c45d;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.poster > .icon {
  background-image: url("images/top-bar-site/icon_share_poster.svg");
}
.topbar-site .bottom-half .bottom-half-content .share-icon.poster:not(.disabled):hover {
  color: #c7d895;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.silk,
.topbar-site .bottom-half .bottom-half-content .share-icon.home {
  color: #f96500;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.silk > .icon,
.topbar-site .bottom-half .bottom-half-content .share-icon.home > .icon {
  background-image: url("images/top-bar-site/icon_share_silk.svg");
}
.topbar-site .bottom-half .bottom-half-content .share-icon.silk:not(.disabled):hover,
.topbar-site .bottom-half .bottom-half-content .share-icon.home:not(.disabled):hover {
  color: #ffa060;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.visualization {
  color: #75a5cc;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.visualization > .icon {
  background-image: url("images/top-bar-site/icon_share_viz.svg");
}
.topbar-site .bottom-half .bottom-half-content .share-icon.visualization:not(.disabled):hover {
  color: #9abdda;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.disabled {
  background-color: #F3F2F1;
  color: #DEDEDE;
  cursor: default;
}
.topbar-site .bottom-half .bottom-half-content .share-icon.disabled > .icon {
  background-image: url("images/top-bar-site/icon_share_disabled.svg");
}
.topbar-site .bottom-half .bottom-half-content .share-icon.disabled::after {
  border-top-color: #F3F2F1;
}
.topbar-site .bottom-half .bottom-half-content .share-icon > .icon,
.topbar-site .bottom-half .bottom-half-content .share-icon .icon-hover {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  vertical-align: middle;
  width: 30px;
}
.topbar-site .bottom-half .bottom-half-content .share-icon > .icon.icon-hover,
.topbar-site .bottom-half .bottom-half-content .share-icon .icon-hover.icon-hover {
  background-image: url("images/top-bar-site/icon_share_white.svg");
  opacity: 0.0;
  position: absolute;
  right: 15px;
  top: 3px;
}
.topbar-site .bottom-half .bottom-half-content .share-icon:not(.disabled):hover > .icon {
  opacity: 0.6;
}
.topbar-site .bottom-half .bottom-half-content .share-icon:not(.disabled):hover > .icon-hover {
  opacity: 0;
}
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard,
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding {
  max-width: 50px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard .text,
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding .text {
  display: none;
}
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard .icon,
.top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding .icon {
  background-image: url("images/top-bar-site/icon_pencil_orange.svg");
  background-size: cover;
  height: 20px;
  left: 12px;
  position: relative;
  top: 12px;
  width: 20px;
}
@media only screen and (min-width : 825px) {
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard .icon,
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding .icon {
    display: none;
  }
}
@media only screen and (min-width : 825px) {
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard,
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding {
    max-width: 100%;
  }
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard .text,
  .top-bar-site-wrapper.logged-in .bottom-half .bottom-half-content .tab.dashboard-onboarding .text {
    display: inline;
  }
}
.tab-open.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.current:before {
  transition: none;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  display: inline-block;
  height: 51px;
  position: relative;
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs {
    width: 100%;
  }
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs {
    margin-left: 0px;
    width: calc(100% - 205px);
  }
}
@media only screen and (min-width : 825px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs {
    margin-left: 0px;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs::before {
  content: '';
  display: block;
  height: 9px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  border-left: 7px solid;
  border-top-right-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 42px;
  line-height: 33px;
  margin-right: 6px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: calc((100% - 80px) / 3);
}
@media only screen and (min-width : 825px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab {
    width: 22%;
  }
}
@media only screen and (min-width: 940px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab {
    margin-right: 10px;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.disabled {
  background-color: #DBDBD9;
  border-color: #DBDBD9;
  color: #F7F7F7;
  cursor: default;
  border-left-width: 0px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.disabled.user-can-write {
  cursor: pointer;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.disabled:hover {
  top: 0px;
  height: 42px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab:hover {
  top: -1px;
  height: 43px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.dashboard.current:hover {
  top: 0px;
  height: 42px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .long-text {
  display: none;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .long-text .light {
  font-weight: normal;
  opacity: 0.6;
}
@media only screen and (min-width: 940px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab {
    width: 160px;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .long-text {
    display: inline;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .short-text {
    display: none;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore .tab-content {
    position: relative;
    display: block;
    padding-left: 43px;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore .tab-content .icon1 {
    background-image: url("images/top-bar-site/icon_explore.svg");
    background-repeat: no-repeat;
    background-size: 36px;
    height: 20px;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 11px;
    width: 37px;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore .tab-content .icon2 {
    background-image: url("images/top-bar-site/icon_explore_white.svg");
    background-repeat: no-repeat;
    background-size: 36px;
    height: 20px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 11px;
    width: 37px;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore.open .icon1 {
    opacity: 0;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore.open .icon2 {
    opacity: 1;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .tab-content {
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab:before {
  bottom: 0px;
  z-index: 1;
  content: '';
  height: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  transition: bottom 0.4s ease-out;
  border-top: 0px solid transparent;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.current.no-tab-open:before {
  bottom: -7px;
  border-top: 7px solid #fff;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.current:before {
  border-top: 0px solid #fff;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.dashboard {
  border-color: #f96500;
  color: #f96500;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.dashboard-onboarding {
  border-color: #f96500;
  color: #f96500;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.pages {
  border-color: #a9c45d;
  color: #a9c45d;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.datacards {
  border-color: #68b8c4;
  color: #68b8c4;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore {
  border-color: #75a5cc;
  color: #75a5cc;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.dashboard:before {
  background-color: #f96500;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.dashboard-onboarding:before {
  background-color: #f96500;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.open:before {
  border-top-width: 0px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.pages:before {
  background-color: #a9c45d;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore:before {
  background-color: #75a5cc;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.datacards:before {
  background-color: #68b8c4;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore:before {
  background-color: #75a5cc;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.open {
  color: white;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.open:before {
  height: 100%;
  border-top-right-radius: 12px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .arrow-holder {
  bottom: 6px;
  display: inline-block;
  height: 7px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 14px;
  -webkit-backface-visibility: hidden;
}
@media only screen and (min-width: 400px) {
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab {
    font-size: 14px;
    line-height: 42px;
  }
  .top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .arrow-holder {
    left: 0px;
    position: relative;
    display: inline-block;
    margin-left: 4px;
    top: -1px;
    width: 14px;
  }
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab .arrow {
  -webkit-transform-origin: 7px 3px;
  -moz-transform-origin: 7px 3px;
  -ms-transform-origin: 7px 3px;
  -o-transform-origin: 7px 3px;
  transform-origin: 7px 3px;
  border: 7px solid transparent;
  height: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
  transition: transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  width: 0px;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.pages .arrow {
  border-top-color: #a9c45d;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.datacards .arrow {
  border-top-color: #68b8c4;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.explore .arrow {
  border-top-color: #75a5cc;
}
.top-bar-site-wrapper .bottom-half .bottom-half-content .tabs .tab.open .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  border-top-color: white;
}
.top-bar-site-wrapper.logged-in .top-half .top-half-content .logged-in-box {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  display: none;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper.logged-in .top-half .top-half-content .logged-in-box {
    display: inline-block;
  }
}
.top-bar-site-wrapper .top-half-content .logged-in-box {
  display: none;
  width: 200px;
  height: 50px;
  position: absolute;
  right: 15px;
  cursor: pointer;
  text-align: right;
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .top-half-content .logged-in-box {
    right: 0px;
  }
}
.top-bar-site-wrapper .top-half-content .logged-in-box .silk-logo {
  display: inline-block;
  margin-left: 7px;
  background-image: url("images/silk.svg");
  background-position: center;
  background-size: 19px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  top: 11px;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .arrow {
  background-image: url("images/top-bar-site/icon_arrow_dropdown.png");
  display: inline-block;
  height: 7px;
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.4;
  overflow: hidden;
  position: relative;
  top: 24px;
  vertical-align: top;
  width: 14px;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .username-wrapper {
  display: inline-block;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .username-wrapper .username {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  color: #f96500;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  max-width: 150px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 2px;
  vertical-align: top;
  white-space: nowrap;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .top-menu {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  border-top: 1px solid #EFEFEF;
  background: transparent;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-top: 50px;
  position: absolute;
  right: -5px;
  top: 0px;
  width: 210px;
  z-index: 1403;
}
@media only screen and (min-width : 1300px) {
  .top-bar-site-wrapper .top-half-content .logged-in-box .top-menu {
    right: -5px;
  }
}
.top-bar-site-wrapper .top-half-content .logged-in-box .top-menu a {
  background-color: white;
  border-bottom: 1px solid #EFEFEF;
  color: #f96500;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding-bottom: 3px;
  padding-right: 15px;
  padding-top: 3px;
  text-align: right;
  text-decoration: none;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .top-menu a:hover {
  background-color: #F9F9F9;
}
.top-bar-site-wrapper .top-half-content .logged-in-box .top-menu a:nth-last-child(1) {
  border-bottom: none;
}
.top-bar-site-wrapper .search-bar {
  background-color: #cccac9;
  border-top: 0px solid #cccac9;
  display: none;
  height: 0px;
  line-height: 56px;
  overflow: hidden;
  position: relative;
  text-align: right;
  transition: height 0.15s ease-in, border-top 0s ease-in 0.15s;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .search-bar {
    display: block;
  }
}
.top-bar-site-wrapper .search-bar .pillBox {
  height: 33px;
  margin-left: 11px;
  top: 1px;
}
.top-bar-site-wrapper .search-bar .pillBox .pill {
  height: 32px;
  line-height: 32px;
}
.top-bar-site-wrapper .search-bar .search-bar-center {
  margin: auto;
  max-width: 1280px;
}
.top-bar-site-wrapper .search-bar.open {
  border-top: 6px solid #cccac9;
  height: 56px;
  transition: height 0.15s ease-in;
}
.top-bar-site-wrapper .search-bar span {
  color: white;
  display: inline-block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  margin-right: 9px;
  text-transform: uppercase;
}
.top-bar-site-wrapper .search-bar .input-box {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 8px;
  vertical-align: top;
  width: 507px;
}
.top-bar-site-wrapper .search-bar .input-box input {
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  display: none;
  font-size: 14px;
  height: 35px;
  outline: none;
  padding: 0 30px 0 10px;
  width: 507px;
}
.top-bar-site-wrapper .search-bar.open .input-box input {
  display: block;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  box-sizing: border-box;
  color: #75a5cc;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 19px;
  height: 32px;
  line-height: 32px;
  max-width: calc(100% - 46px);
  min-width: 320px;
  padding-left: 0px;
  padding-right: 10px;
  position: relative;
  text-align: center;
  top: 35px;
  vertical-align: middle;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .top-half .top-half-content .site-chooser {
    max-width: calc(100% - 220px);
    min-width: 10px;
    text-align: left;
    top: 0px;
  }
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser > span {
  display: inline-block;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser > span:after {
  content: "";
  display: inline-block;
  background-image: url("images/top-bar-site/icon_arrow_dropdown.png");
  background-repeat: no-repeat;
  background-position: 0px 7px;
  width: 14px;
  height: 17px;
  margin-left: 8px;
  opacity: 0.4;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.private {
  background-image: url("images/top-bar-site/lock.png");
  background-position: 7px center;
  background-repeat: no-repeat;
  padding-left: 26px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser .silk-selection-menu {
  display: none;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open {
  border: none;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu {
  background-color: transparent;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
  left: -11px;
  min-width: 320px;
  position: absolute;
  top: 39px;
  width: 100%;
  z-index: 1402;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .fade-out {
  background-image: url("images/top-bar-site/site_chooser_fade.png");
  background-repeat: repeat-x;
  bottom: 45px;
  content: "";
  cursor: default;
  height: 14px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list {
  background-color: #FDFCFC;
  border-top: 1px solid #EFEFEF;
  max-height: 185px;
  overflow-y: auto;
  padding-bottom: 14px;
  cursor: default;
  position: relative;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list > .other-silks {
  color: #ccc;
  font-size: 14px;
  padding-left: 16px;
  text-transform: uppercase;
  margin-top: 9px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option {
  background-color: #FDFCFC;
  box-sizing: border-box;
  color: #75a5cc;
  display: block;
  font-size: 16px;
  line-height: 24px;
  max-height: 105px;
  overflow: hidden;
  padding-left: 25px;
  padding-right: 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list aa,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silka,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-optiona {
  padding-bottom: 4px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.add-silk,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.add-silk,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.add-silk,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.menu-option,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.menu-option,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.menu-option {
  background-color: white;
  border-top: 1px solid #EFEFEF;
  padding-left: 15px;
  height: 45px;
  line-height: 45px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.menu-option .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.menu-option .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.menu-option .icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  margin-left: 0px;
  margin-right: 10px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 20px;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.add-silk.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.add-silk.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.add-silk.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.menu-option.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.menu-option.add-silk .icon,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.menu-option.add-silk .icon {
  background-image: url("images/top-bar-site/icon_add_silk.svg");
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.menu-option,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.menu-option,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.menu-option {
  background-color: white;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a.menu-option:hover,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk.menu-option:hover,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option.menu-option:hover {
  background-color: #F7F7F7;
}
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .silk-list a:hover,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .add-silk:hover,
.top-bar-site-wrapper .top-half .top-half-content .site-chooser.open .silk-selection-menu .menu-option:hover {
  background-color: #F5F5F5;
}
.top-bar-site-wrapper .hamburguer-icon {
  cursor: pointer;
  height: 30px;
  position: absolute;
  top: 10px;
  width: 30px;
}
@media only screen and (min-width : 650px) {
  .top-bar-site-wrapper .hamburguer-icon {
    display: none;
  }
}
.top-bar-site-wrapper .hamburguer-icon .bar,
.top-bar-site-wrapper .hamburguer-icon .bar:before,
.top-bar-site-wrapper .hamburguer-icon .bar:after {
  background-color: #c2c2c2;
  display: block;
  height: 5px;
  position: absolute;
  width: 30px;
}
.top-bar-site-wrapper .hamburguer-icon .bar:before,
.top-bar-site-wrapper .hamburguer-icon .bar:after {
  content: '';
}
.top-bar-site-wrapper .hamburguer-icon .bar {
  top: 0px;
}
.top-bar-site-wrapper .hamburguer-icon .bar:before {
  top: 10px;
}
.top-bar-site-wrapper .hamburguer-icon .bar:after {
  top: 20px;
}
.hamburguer-menu {
  background-color: white;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: fixed;
  top: 0px;
  width: 250px;
  z-index: 1500;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
@media only screen and (min-width : 650px) {
  .hamburguer-menu {
    display: none;
  }
}
.hamburguer-menu.hamburguer-animation-enter {
  left: -250px;
  -webkit-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -o-transition: left 0.3s linear;
  transition: left 0.3s linear;
}
.hamburguer-menu.hamburguer-animation-enter.hamburguer-animation-enter-active {
  left: 0px;
}
.hamburguer-menu.hamburguer-animation-leave {
  left: 0px;
  -webkit-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -o-transition: left 0.3s linear;
  transition: left 0.3s linear;
}
.hamburguer-menu.hamburguer-animation-leave.hamburguer-animation-leave-active {
  left: -250px;
}
.hamburguer-menu .menu-item {
  background-color: white;
  border-bottom: 1px solid #EFEFEF;
  box-sizing: border-box;
  color: #f96500;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding-bottom: 3px;
  padding-right: 15px;
  padding-top: 3px;
  text-align: right;
  text-decoration: none;
  width: 100%;
}
.hamburguer-menu .menu-item.user .text {
  display: inline-block;
  height: 40px;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hamburguer-menu .menu-item.user .icon {
  display: inline-block;
  margin-left: 7px;
  background-image: url("images/silk.svg");
  background-position: center;
  background-size: 19px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  top: 6px;
}
.hamburguer-menu .menu-item.user .arrow {
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid #989898;
  border-top: 7px solid transparent;
  content: '';
  display: inline-block;
  position: relative;
  top: -13px;
}
.waldorf-shoutout {
  cursor: pointer;
  display: inline-block;
  height: 51px;
  position: relative;
  top: 0;
  width: 0px;
  z-index: 1404;
}
.waldorf-shoutout .waldorf-animation-helper {
  position: relative;
  top: 0px;
  transition: top 0.2s ease-in-out;
}
.waldorf-shoutout .waldorf-shoutout-bulk-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 100%;
  overflow: hidden;
}
.waldorf-shoutout .waldorf-shoutout-bulk-wrapper .waldorf-shoutout-bulk {
  width: 77px;
  height: 119px;
  background-image: url("images/top-bar-site/waldorf-shoutout-bulk.svg");
  position: absolute;
  right: 5px;
  top: 4px;
  transition: top 0.3s 0.2s ease-in;
  background-size: 100%;
}
.waldorf-shoutout .waldorf-shoutout-tusk-wrapper {
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  right: 52px;
  width: 13px;
  height: 10px;
  transition: margin-right 0.1s ease-in-out;
}
.waldorf-shoutout .waldorf-shoutout-tusk-wrapper .waldorf-shoutout-tusk {
  background: url("images/top-bar-site/waldorf-shoutout-tusk.svg") no-repeat;
  width: 13px;
  height: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: top 0.2s ease-in-out;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble {
  position: absolute;
  top: 10px;
  right: 90px;
  background: #46b5c5;
  text-align: center;
  color: #fff;
  height: 30px;
  font-weight: bold;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  line-height: 30px;
  border-radius: 10px;
  width: 130px;
  transition: right 0.1s ease-out, top 0.2s ease-in, width 0.3s ease-out, height 0.3s ease-out, opacity 0.3s ease-out;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble em {
  transition: opacity 0.3s ease-out;
  font-style: normal;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble:before {
  content: '';
  position: absolute;
  top: 5px;
  right: -16px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent transparent #46b5c5;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble strong {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  height: 0%;
  left: 0;
  line-height: 20px;
  opacity: 0;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble strong sup {
  line-height: 12px;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble strong .simple-button-muted {
  border: none;
  margin-top: 15px;
  margin-bottom: 10px;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded {
  cursor: default;
  height: 225px;
  width: 260px;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded strong {
  opacity: 1;
  height: 100%;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded strong .no-thanks {
  text-decoration: underline;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded strong .no-thanks:hover {
  cursor: pointer;
  opacity: 0.8;
  text-decoration: underline;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded em {
  opacity: 0;
  line-height: 0;
}
.waldorf-shoutout .waldorf-shoutout-talkbubble.unfolded .simple-button-muted:hover {
  opacity: 1;
}
.waldorf-shoutout.waldorf-shoutout-animation-leave-active .waldorf-shoutout-talkbubble {
  display: none;
}
.waldorf-shoutout.waldorf-shoutout-animation-leave-active .waldorf-animation-helper {
  top: -10px;
}
.waldorf-shoutout.waldorf-shoutout-animation-leave-active .waldorf-shoutout-tusk {
  top: -10px;
  visibility: hidden;
  transition: top 0.2s ease-in-out, visibility 0s 0.2s linear;
}
.waldorf-shoutout.waldorf-shoutout-animation-leave-active .waldorf-shoutout-bulk {
  top: 64px;
}
.waldorf-shoutout:hover .waldorf-shoutout-talkbubble {
  right: 87px;
}
.waldorf-shoutout:hover .waldorf-shoutout-talkbubble.unfolded {
  right: 90px;
}
.bubble-container .bubble-content.tab-popup-helper {
  background-color: #4f4f4f;
  border: none;
  border-bottom: 50px solid #222222;
  border-radius: 10px;
  line-height: 20px;
}
.bubble-container .bubble-content.tab-popup-helper a[href] {
  color: white;
  text-decoration: underline;
}
.bubble-container .bubble-content.tab-popup-helper.pages-disabled {
  border-bottom: 5px solid #222222;
}
.bubble-container .bubble-content.tab-popup-helper.pages-disabled .icon {
  background-image: url("images/topbar/disabled_tab_icon_pages.svg");
}
.bubble-container .bubble-content.tab-popup-helper.data-cards-disabled .icon {
  background-image: url("images/topbar/disabled_tab_icon_datacards.svg");
}
.bubble-container .bubble-content.tab-popup-helper.explore-disabled .icon {
  background-image: url("images/topbar/disabled_tab_icon_explore.svg");
}
.bubble-container .bubble-content.tab-popup-helper .icon {
  display: inline-block;
  height: 47px;
  margin: 20px;
  vertical-align: top;
  width: 85px;
}
.bubble-container .bubble-content.tab-popup-helper .right-column {
  display: inline-block;
  padding-top: 20px;
  width: 270px;
}
.bubble-container .bubble-content.tab-popup-helper .right-column h1 {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.bubble-container .bubble-content.tab-popup-helper p {
  margin: 0.5em 0;
}
.bubble-container .bubble-content.tab-popup-helper .popup-footer {
  bottom: 15px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.bubble-container .bubble-content.tab-popup-helper .popup-footer .title {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}
.tab-foldout-container {
  overflow: hidden;
  position: relative;
}
.tab-foldout-container .tab-foldout-content {
  height: 238px;
  margin: auto;
  max-width: 1280px;
  position: relative;
  width: 100%;
}
.tab-foldout-container.tab-foldout-animation-enter.data-pages {
  height: 0px;
}
.tab-foldout-container.tab-foldout-animation-enter.data-pages.tab-foldout-animation-enter-active {
  height: 243px;
  transition: height 0.4s ease-out;
}
.tab-foldout-container.tab-foldout-animation-leave.data-pages {
  height: 235px;
}
.tab-foldout-container.tab-foldout-animation-leave.data-pages.tab-foldout-animation-leave-active {
  height: 0px;
  transition: height 0.4s ease-out;
}
.tab-foldout-container.tab-foldout-animation-enter.poster-pages {
  height: 0px;
}
.tab-foldout-container.tab-foldout-animation-enter.poster-pages.tab-foldout-animation-enter-active {
  height: 214px;
  transition: height 0.4s ease-out;
}
.tab-foldout-container.tab-foldout-animation-leave.poster-pages {
  border-top-width: 0px;
  height: 206px;
}
.tab-foldout-container.tab-foldout-animation-leave.poster-pages.tab-foldout-animation-leave-active {
  height: 0px;
  transition: height 0.4s ease-out;
}
.tab-foldout-container.poster-pages {
  background-color: #a9c45d;
}
html .dashboard2 .tab-foldout-container.poster-pages.poster-pages {
  border-top: none;
  padding-bottom: 1px;
}
.tab-foldout-container.data-pages {
  background-color: #68b8c4;
}
html .dashboard2 .tab-foldout-container.data-pages.data-pages {
  border-top: none;
}
.tab-foldout-container.explore {
  background-color: #68b8c4;
}
.title-alpha-gradient {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  content: '';
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  z-index: 1;
}
.scroller-component {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  position: relative;
  overflow: hidden;
  height: 244px;
}
.scroller-component .add-poster-page,
.scroller-component .add-data-page {
  -webkit-transition: border-color 0.15s ease-out;
  -moz-transition: border-color 0.15s ease-out;
  -ms-transition: border-color 0.15s ease-out;
  -o-transition: border-color 0.15s ease-out;
  transition: border-color 0.15s ease-out;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  height: 168px;
  position: absolute;
}
.scroller-component .add-poster-page:hover,
.scroller-component .add-data-page:hover {
  text-decoration: none !important;
}
.scroller-component .add-poster-page .background,
.scroller-component .add-data-page .background {
  bottom: 0px;
  height: 122px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.scroller-component .add-poster-page .background .plus-button,
.scroller-component .add-data-page .background .plus-button {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-radius: 100%;
  color: white;
  font-size: 32px;
  height: 35px;
  left: 50%;
  line-height: 34px;
  margin-left: -18px;
  margin-top: -36px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 35px;
}
.scroller-component .add-poster-page:hover,
.scroller-component .add-data-page:hover {
  border-color: #FFFFFF;
}
.scroller-component .add-poster-page:hover .plus-button,
.scroller-component .add-data-page:hover .plus-button {
  height: 39px;
  line-height: 38px;
  margin-left: -20px;
  margin-top: -38px;
  width: 39px;
  font-size: 40px;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
.scroller-component .add-data-page {
  background-color: #A2D4DD;
  border: dashed 4px #D6ECEF;
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  text-decoration: none;
  top: 36px;
  width: 128px;
}
.scroller-component .add-data-page .background {
  background-color: #91cdd7;
}
.scroller-component .add-data-page .background .plus-button {
  background-color: #73C0CC;
}
.scroller-component .add-poster-page {
  background-color: #d0dfa6;
  border: dashed 4px #edf5d7;
  margin-right: 10px;
  overflow: visible;
  top: 17px;
  width: 120px;
}
.scroller-component .add-poster-page .background {
  background-color: #c3d68e;
}
.scroller-component .add-poster-page .background .plus-button {
  background-color: #a9c45d;
}
.scroller-component .mini-poster-page-holder {
  position: absolute;
  height: 168px;
}
.scroller-component .mini-poster-page,
.scroller-component .create-poster-page {
  -webkit-transform: translate3d(0, 0, 0);
  background-color: white;
  border-top-right-radius: 25px;
  box-sizing: border-box;
  color: black !important;
  display: inline-block;
  font-size: 14px;
  height: 168px;
  line-height: normal;
  margin-right: 10px;
  overflow: hidden;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 17px;
  transition: all 0.075s ease-out;
  width: 120px;
}
.scroller-component .mini-poster-page.loading .image::before,
.scroller-component .create-poster-page.loading .image::before {
  animation-name: loader_rotate;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  -webkit-animation-name: loader_rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  background: url("images/loading-dark.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  content: "";
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
}
.scroller-component .mini-poster-page.create-poster-page input,
.scroller-component .create-poster-page.create-poster-page input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  height: 32px;
  left: 5px;
  outline: #888;
  padding: 4px;
  position: absolute;
  top: 0px;
  width: 80%;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}
.scroller-component .mini-poster-page.create-poster-page .image,
.scroller-component .create-poster-page.create-poster-page .image {
  opacity: 0.55;
}
.scroller-component .mini-poster-page:after,
.scroller-component .create-poster-page:after {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: 1px 1px 1px #ccc;
  content: '';
  height: 14px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 14px;
}
.scroller-component .mini-poster-page .title,
.scroller-component .create-poster-page .title {
  box-sizing: border-box;
  height: 20px;
  margin-left: 10px;
  margin-right: 18px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 95px;
}
.scroller-component .mini-poster-page .title .title-contents,
.scroller-component .create-poster-page .title .title-contents {
  left: 0px;
  position: absolute;
  white-space: nowrap;
}
.scroller-component .mini-poster-page .title::before,
.scroller-component .create-poster-page .title::before {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  content: '';
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  z-index: 1;
}
.scroller-component .mini-poster-page .image,
.scroller-component .create-poster-page .image {
  background-image: url("images/top-bar-site/icon_page.svg");
  background-repeat: no-repeat;
  bottom: 10px;
  left: 10px;
  position: absolute;
  width: 100px;
  height: 116px;
}
.scroller-component .mini-poster-page.home .image,
.scroller-component .create-poster-page.home .image {
  background-image: url("images/top-bar-site/icon_page_homepage.svg");
}
.scroller-component .mini-poster-page.mini-poster-page:hover,
.scroller-component .create-poster-page.mini-poster-page:hover {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(1.055);
  -moz-transform: scale(1.055);
  -ms-transform: scale(1.055);
  -o-transform: scale(1.055);
  transform: scale(1.055);
  text-decoration: none !important;
}
.scroller-component .ghost-data-page,
.scroller-component .ghost-poster-page {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  height: 168px;
  position: absolute;
}
.scroller-component .ghost-data-page.ghost-data-page,
.scroller-component .ghost-poster-page.ghost-data-page {
  margin-right: 10px;
  margin-top: 10px;
  width: 128px;
  top: 35px;
}
.scroller-component .ghost-data-page.ghost-poster-page,
.scroller-component .ghost-poster-page.ghost-poster-page {
  margin-right: 10px;
  margin-top: 4px;
  top: 11px;
  width: 120px;
}
.scroller-component .create-page-animation-enter {
  transition: opacity 0.15ms ease-in;
  opacity: 0;
}
.scroller-component .create-page-animation-enter.create-page-animation-enter-active {
  opacity: 1;
}
.scroller-component .create-page-animation-leave {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
.scroller-component .create-page-animation-leave.create-page-animation-leave-active {
  opacity: 0;
}
.scroller-component .mini-data-page,
.scroller-component .create-data-page {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  top: 30px;
}
.scroller-component .mini-data-page.create-data-page,
.scroller-component .create-data-page.create-data-page {
  margin-left: 0px;
  top: 30px;
}
.scroller-component .mini-data-page.create-data-page input,
.scroller-component .create-data-page.create-data-page input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  height: 32px;
  left: 5px;
  outline: #888;
  padding: 4px;
  position: relative;
  top: -10px;
  margin-bottom: -10px;
  width: 80%;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}
.scroller-component .mini-data-page.create-data-page .mini-page-image,
.scroller-component .create-data-page.create-data-page .mini-page-image {
  opacity: 0.3;
}
.scroller-component .mini-data-page.loading .mini-page-image::before,
.scroller-component .create-data-page.loading .mini-page-image::before {
  animation-name: loader_rotate;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  -webkit-animation-name: loader_rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  background: url("images/loading-dark.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  content: "";
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
}
.scroller-component .mini-data-page.no-image .mini-page-contents .mini-page-image,
.scroller-component .create-data-page.no-image .mini-page-contents .mini-page-image {
  border-top: 1px solid #fad0b9;
}
.scroller-component .mini-data-page .mini-page-contents,
.scroller-component .create-data-page .mini-page-contents {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  background-color: white;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  color: black;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  height: 168px;
  line-height: normal;
  margin-top: 15px;
  overflow: hidden;
  padding-top: 9px;
  position: relative;
  text-decoration: none;
  transition: all 0.075s ease-out;
  width: 128px;
  z-index: 1;
}
.scroller-component .mini-data-page .mini-page-contents .title,
.scroller-component .create-data-page .mini-page-contents .title {
  box-sizing: border-box;
  height: 30px;
  margin-left: 10px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
.scroller-component .mini-data-page .mini-page-contents .title .title-contents,
.scroller-component .create-data-page .mini-page-contents .title .title-contents {
  left: 0px;
  position: absolute;
  white-space: nowrap;
}
.scroller-component .mini-data-page .mini-page-contents .title::before,
.scroller-component .create-data-page .mini-page-contents .title::before {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF);
  content: '';
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  z-index: 1;
}
.scroller-component .mini-data-page .mini-page-contents .empty-image,
.scroller-component .create-data-page .mini-page-contents .empty-image {
  background-image: url("images/top-bar-site/icon_datacard.svg");
  background-position: center 34px;
  background-repeat: no-repeat;
  background-size: 79px;
  height: 124px;
  left: 0px;
  width: 128px;
}
.scroller-component .mini-data-page .mini-page-contents .image-box,
.scroller-component .create-data-page .mini-page-contents .image-box {
  bottom: 4px;
  height: 125px;
  left: 4px;
  position: absolute;
  width: 120px;
}
.scroller-component .mini-data-page .mini-page-contents .image-box .offset-container,
.scroller-component .create-data-page .mini-page-contents .image-box .offset-container {
  position: absolute;
}
html.browser-safari .scroller-component .mini-data-page.current.mini-data-page.current .arrow.arrow,
html.browser-safari .scroller-component .mini-poster-page-holder.current.mini-data-page.current .arrow.arrow {
  bottom: -32px;
}
.scroller-component .mini-data-page.current .mini-page-contents,
.scroller-component .mini-poster-page-holder.current .mini-page-contents {
  cursor: default;
}
.scroller-component .mini-data-page.current .arrow,
.scroller-component .mini-poster-page-holder.current .arrow {
  border-bottom: 22px solid white;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid transparent;
  bottom: -27px;
  height: 0px;
  left: 41px;
  position: absolute;
  width: 0px;
  z-index: 1;
}
.scroller-component .mini-poster-page-holder.current .arrow {
  bottom: -47px;
  left: 37px;
}
.scroller-component .mini-data-page:hover .mini-page-contents {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(1.055);
  -moz-transform: scale(1.055);
  -ms-transform: scale(1.055);
  -o-transform: scale(1.055);
  transform: scale(1.055);
}
.scroller-component .collection-separator {
  position: absolute;
  width: 210px;
}
.scroller-component .collection-separator:before {
  background-image: url("images/top-bar-site/navigator-divider-stem.svg");
  content: '';
  display: block;
  height: 200px;
  position: absolute;
  left: 8px;
  top: 23px;
  width: 4px;
  z-index: 1;
}
.scroller-component .collection-separator .collection-left,
.scroller-component .collection-separator .collection-right {
  color: white;
  position: absolute;
  top: 13px;
}
.scroller-component .collection-separator .collection-left.collection-left,
.scroller-component .collection-separator .collection-right.collection-left {
  text-align: right;
}
.scroller-component .collection-separator .collection-left .text-holder,
.scroller-component .collection-separator .collection-right .text-holder {
  display: inline-block;
  height: 22px;
  max-width: 500px;
  overflow: hidden;
  white-space: normal;
}
.scroller-component .collection-separator .collection-left .collection-title,
.scroller-component .collection-separator .collection-right .collection-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: white;
}
.scroller-component .collection-separator .collection-left.collection-right .collection-title,
.scroller-component .collection-separator .collection-right.collection-right .collection-title {
  max-width: calc(100% - 100px);
  min-width: 100px;
}
.scroller-component .collection-separator .collection-left .collection-title,
.scroller-component .collection-separator .collection-right .collection-title,
.scroller-component .collection-separator .collection-left .num-pages,
.scroller-component .collection-separator .collection-right .num-pages {
  display: inline-block;
  overflow: hidden;
}
.scroller-component .collection-separator .collection-left .num-pages,
.scroller-component .collection-separator .collection-right .num-pages {
  color: #45929c;
  font-size: 14px;
  font-weight: bold;
}
.scroller-component .collection-separator .collection-left:after,
.scroller-component .collection-separator .collection-right:after {
  background-image: url("images/top-bar-site/navigator-divider-branch.svg");
  content: '';
  background-color: #90ccd8;
  position: absolute;
  top: 10px;
  width: 30px;
  height: 4px;
}
.scroller-component .collection-separator .collection-left .text-holder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scroller-component .collection-separator .collection-left .text-holder .collection-title,
.scroller-component .collection-separator .collection-left .text-holder .num-pages {
  display: inline;
}
.scroller-component .collection-separator .collection-right {
  left: 55px;
}
.scroller-component .collection-separator .collection-right .num-pages {
  margin-left: 10px;
}
.scroller-component .collection-separator .collection-right::after {
  left: -43px;
}
.scroller-component .collection-separator .collection-left {
  right: 246px;
}
.scroller-component .collection-separator .collection-left .collection-title {
  margin-left: 10px;
}
.scroller-component .collection-separator .collection-left::after {
  right: -44px;
}
.scroller-component .line-separator {
  position: absolute;
}
.scroller-component .line-separator:before {
  background-image: url("images/top-bar-site/navigator-divider-stem.svg");
  content: '';
  display: block;
  height: 205px;
  position: absolute;
  left: 8px;
  width: 4px;
  z-index: 1;
}
.scroller-component.posters .line-separator:before {
  background-image: url("images/top-bar-site/navigator-divider-stem-posters.svg");
}
.scroller-component.data-pages.one-collection .line-separator:before {
  top: 12px;
}
.top-bar-site-wrapper .scroller-component.posters {
  padding-bottom: 8px;
}
.scroller-component {
  margin: auto;
  max-width: calc(1260px);
  overflow: visible;
  position: relative;
  width: calc(100% - 20px);
}
.scroller-component .previous-collection,
.scroller-component .next-collection {
  background-color: #68b8c4;
  background-repeat: no-repeat;
  background-size: 20px 13px;
  color: white;
  cursor: pointer;
  height: 23px;
  position: absolute;
  top: 20px;
  line-height: 23px;
  z-index: 3;
  background-color: #5DA3AD;
  transition: all 0.2s ease-out;
}
.scroller-component .previous-collection.previous-collection,
.scroller-component .next-collection.previous-collection {
  background-image: url("images/top-bar-site/icon_carousel_rewind.svg");
  background-position: 5px center;
  left: 0px;
  padding-left: 32px;
  padding-right: 10px;
  border-radius: 0 10px 10px 0;
}
.scroller-component .previous-collection.previous-collection:hover,
.scroller-component .next-collection.previous-collection:hover {
  padding-left: 37px;
  background-position: 10px center;
}
.scroller-component .previous-collection.next-collection,
.scroller-component .next-collection.next-collection {
  background-image: url("images/top-bar-site/icon_carousel_ff.svg");
  background-position: calc(100% - 5px) center;
  padding-left: 10px;
  padding-right: 32px;
  right: 0px;
  border-radius: 10px 0 0 10px;
}
.scroller-component .previous-collection.next-collection:hover,
.scroller-component .next-collection.next-collection:hover {
  padding-right: 37px;
  background-position: calc(100% - 10px) center;
}
.scroller-component .scrolling-div-holder {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scroller-component .scrolling-div {
  position: absolute;
}
.scroller-component .scroll-arrow-holder {
  height: 100%;
  overflow: visible;
  position: absolute;
  top: 0px;
  width: 0px;
  z-index: 3;
}
.scroller-component .scroll-arrow-holder::after {
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 32px 100%;
  content: '';
  height: 100%;
  position: absolute;
  width: 17px;
}
.scroller-component .scroll-arrow-holder.left {
  left: 0px;
}
.scroller-component .scroll-arrow-holder.left:after {
  left: 0px;
}
.scroller-component .scroll-arrow-holder.right {
  right: 0px;
}
.scroller-component .scroll-arrow-holder.right:after {
  background-position: -15px 0px;
  right: 0px;
}
.scroller-component .scroll-arrow-holder .nav-button-holder {
  height: 70px;
  margin-top: -35px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 37px;
  z-index: 2;
}
.scroller-component .scroll-arrow-holder .nav-button-holder .nav-button {
  border-radius: 20% / 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  height: 50px;
  line-height: 45px;
  position: absolute;
  top: 10px;
  transition: width 0.2s ease-out, box-shadow 0.2s ease-out;
  width: 50px;
}
.scroller-component .scroll-arrow-holder .nav-button-holder .nav-button .icon {
  background-image: url("images/top-bar-site/icons_chevrons.png");
  background-repeat: no-repeat;
  height: 22px;
  position: absolute;
  top: 15px;
  width: 13px;
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder {
  left: 0px;
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder .nav-button {
  left: -23px;
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder .nav-button:hover {
  width: 55px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder .nav-button:hover:before {
  box-shadow: 5px 0px 5px -5px #4696a1 INSET;
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder .nav-button .icon {
  right: 14px;
}
.scroller-component .scroll-arrow-holder.left .nav-button-holder .nav-button:before {
  transition: box-shadow 0.2s ease-out;
  content: '';
  position: absolute;
  top: 0;
  left: 23px;
  width: 100%;
  height: 100%;
  box-shadow: 7px 0px 5px -5px #4696a1 INSET;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder {
  right: 0px;
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder .nav-button {
  right: -23px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder .nav-button:hover {
  width: 55px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.25);
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder .nav-button:hover:before {
  box-shadow: -5px 0px 5px -5px #4696a1 INSET;
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder .nav-button .icon {
  background-position: -13px 0px;
  left: 13px;
}
.scroller-component .scroll-arrow-holder.right .nav-button-holder .nav-button:before {
  transition: box-shadow 0.2s ease-out;
  content: '';
  position: absolute;
  top: 0;
  right: 23px;
  width: 100%;
  height: 100%;
  box-shadow: -7px 0px 5px -5px #4696a1 INSET;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.scroller-component.explore {
  height: 100px;
}
.scroller-component.explore .nav-button {
  background-color: #9abdda;
}
.scroller-component.explore .scroll-arrow-holder:after {
  background-image: url("images/top-bar-site/carousel-shadows-explore.png");
}
.scroller-component.posters {
  height: 206px;
}
.scroller-component.posters .nav-button {
  background-color: #c7d895;
}
.scroller-component.posters .scroll-arrow-holder:after {
  background-image: url("images/top-bar-site/carousel-shadows-poster.png");
}
.scroller-component.posters .scrolling-div {
  top: 6px;
}
.scroller-component.data-pages {
  height: 206px;
}
.scroller-component.data-pages .scrolling-div {
  top: -32px;
}
.scroller-component.data-pages.many-collections {
  height: 243px;
}
.scroller-component.data-pages.many-collections .scrolling-div {
  top: 6px;
}
.scroller-component.data-pages .nav-button {
  background-color: #8dc9d2;
}
.scroller-component.data-pages .scroll-arrow-holder:after {
  background-image: url("images/top-bar-site/carousel-shadows-datacard.png");
}
.browser-warning {
  padding: 10px;
  background: #ffff88;
  border-bottom: solid 1px #dddd66;
}
html.dashboardDocument #content,
html.import3Document #content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 1280px;
  margin: 0 auto 0 auto;
  position: relative;
}
#content {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 26px;
}
#content sup {
  line-height: 12px;
}
#content sup {
  line-height: 12px;
}
#content h1 + p,
#content h2 + p,
#content h3 + p,
#content h4 + p,
#content h5 + p,
#content h6 + p {
  margin-top: 0;
}
#content section.style-2 a[href] {
  color: #75a5cc;
}
#content section.style-2 h1,
#content section.style-2 h2,
#content section.style-2 h3,
#content section.style-2 h4,
#content section.style-2 h5,
#content section.style-2 h6 {
  color: white;
}
#content h1 {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 20px;
  font-weight: 400;
  font-size: 30px;
  margin: 30px 0 20px 0;
  line-height: 36px;
}
#content h1:first-of-type {
  margin-top: 0;
}
#content h2 {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 28px;
  font-size: 24px;
  margin: 30px 0 10px 0;
  line-height: 34px;
}
#content h2 sup {
  line-height: 12px;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content h3 {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 28px;
  font-size: 20px;
  margin: 20px 0  5px 0;
  line-height: 30px;
}
#content h3 sup {
  line-height: 12px;
}
#content h3:first-of-type {
  margin-top: 0;
}
#content h4,
#content h5,
#content h6 {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 28px;
  font-size: 18px;
  margin: 20px 0  5px 0;
  line-height: 30px;
}
#content h4 sup,
#content h5 sup,
#content h6 sup {
  line-height: 12px;
}
#content h4:first-of-type,
#content h5:first-of-type,
#content h6:first-of-type {
  margin-top: 0;
}
html.editing #content a[data-tag-uri] {
  background: #d3e87c;
}
html.editing #content .component a[data-tag-uri] {
  color: #2d7fbd;
}
[x-data-article] section {
  outline: dashed 2px rgba(0, 0, 255, 0.6);
}
[x-data-article] section .layout {
  border-top: dashed 2px rgba(255, 0, 0, 0.6);
}
[x-data-article] section .layout {
  border-bottom: dashed 2px rgba(255, 0, 0, 0.6);
}
[x-data-article] section .block {
  outline: solid 1px rgba(255, 180, 0, 0.6);
}
[x-data-article] section .block {
  background: rgba(255, 180, 0, 0.1);
}
[x-data-article] section .block.insert-blocks {
  outline: none;
}
[x-data-article] section .block.insert-blocks {
  background: rgba(255, 0, 0, 0.1);
}
[x-data-article] section [data-component-uri]:not(.block) {
  background: rgba(0, 180, 255, 0.2);
}
[x-data-article] section [data-component-uri]:not(.block) {
  outline: solid 1px rgba(0, 180, 255, 0.4);
}
[data-article] section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  z-index: 1;
}
[data-article] section:first-child {
  margin-top: 30px;
}
[data-article] section:last-child {
  margin-bottom: 10px;
}
html.viewing [data-article] section.empty {
  display: none;
}
[data-article] section .center {
  max-width: 1280px;
  margin: 0 auto 0 auto;
  position: relative;
  padding: 40px 0;
}
[data-article] section .layout {
  position: relative;
  min-height: 100px;
  float: left;
}
html.editing [data-article] section .layout.empty {
  padding-top: 20px;
  min-height: 280px;
}
html.editing [data-article] section .layout.empty:before {
  content: '';
  outline: solid 2px rgba(0, 0, 0, 0.1);
  background: url("images/stripes.svg");
  background-size: 10px;
  position: absolute;
  left: 20px;
  top: 0px;
  right: 20px;
  bottom: 0px;
}
[data-article] section .center:after {
  display: block;
  content: '';
  clear: both;
}
[data-article] section .block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px;
}
[data-article] section .block.insert-blocks {
  padding: 10px 20px;
}
@media (min-width: 960px) {
  .layout {
    width: 33.33333%;
  }
  [data-columns="1"] .layout {
    width: 100%;
  }
  [data-columns="2"] .layout {
    width: 50%;
  }
  [data-columns="3"] .layout[data-span="2"] {
    width: 66.66666%;
  }
}
@media (max-width: 960px) {
  .layout {
    width: 320px;
  }
  [data-columns="1"] .layout {
    width: 100%;
  }
  [data-columns="2"] .layout {
    width: 50%;
  }
  [data-columns="3"] .layout[data-span="2"] {
    width: calc(100% - 320px);
  }
  [data-columns="3"] .layout[data-span="1"]:nth-child(1):nth-last-child(3 + 1),
  [data-columns="3"] .layout[data-span="1"]:nth-child(2):nth-last-child(2 + 1),
  [data-columns="3"] .layout[data-span="1"]:nth-child(3):nth-last-child(1 + 1) {
    width: 50%;
  }
}
@media (max-width: 640px) {
  [data-article] .layout {
    width: 100% !important;
  }
}
[data-component-uri="//silk.co/block/simple/1"]:not([data-inner-component="//silk.co/widget/keyvalue/1"]),
[data-component-uri].narrow {
  max-width: 720px;
}
section[data-columns="1"] [data-component-uri].narrow,
section[data-columns="1"] [data-component-uri="//silk.co/block/simple/1"] {
  margin-left: auto;
  margin-right: auto;
}
[data-article] section.style-0 + section.style-0 .center:not(.hide-separator) {
  border-top: solid 4px rgba(235, 235, 232, 0.4);
}
html.editing [data-article] section.style-0 + section.style-0 .center.hide-separator {
  border-top: dotted 4px rgba(235, 235, 232, 0.4);
}
[data-article] section.style-1 + section.style-1 .center:not(.hide-separator) {
  border-top: solid 4px rgba(235, 235, 232, 0.8);
}
html.editing [data-article] section.style-1 + section.style-1 .center.hide-separator {
  border-top: dotted 4px rgba(235, 235, 232, 0.8);
}
[data-article] section.style-2 + section.style-2 .center:not(.hide-separator) {
  border-top: solid 4px rgba(235, 235, 232, 0.1);
}
html.editing [data-article] section.style-2 + section.style-2 .center.hide-separator {
  border-top: dotted 4px rgba(235, 235, 232, 0.1);
}
[data-article] section.style-0 {
  background: white;
  color: black;
}
[data-article] section.style-1 {
  background: #f6f6f2;
  color: black;
}
[data-article] section.style-2 {
  background: #2d3e41;
  color: rgba(246, 246, 242, 0.8);
}
[data-article] section.style-0:last-child .center {
  border-bottom: solid 4px rgba(235, 235, 232, 0.4);
}
@media (max-width: 640px) {
  #canvas > [data-article] section .layout [data-component-uri="//silk.co/widget/image/1"] {
    margin-left: -20px;
    margin-right: -20px;
  }
  #canvas > [data-article] section .layout [data-component-uri="//silk.co/block/embed/1"] {
    margin-left: -20px;
    margin-right: -20px;
  }
  #canvas > [data-article] section .layout [data-component-uri="//silk.co/widget/video/1"] {
    margin-left: 0px;
    margin-right: 0px;
  }
  #canvas > [data-article] section .layout .component-queryview-map {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 1280px) {
  html.queryDocument.exploring body {
    background: url("images/mountains.jpg") repeat-x #252f4a;
    background-position: 0 190px;
  }
}
html.queryDocument.widget-editing body {
  background: #f6f6f2;
}
#canvas > .explore .filter-toggle {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  border-right: solid 1px #e9e9e9;
  bottom: 0px;
  color: #75a5cc;
  cursor: pointer;
  line-height: 14px;
  padding-top: 9px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 120px;
}
#canvas > .explore .filter-toggle::before {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -webkit-transform 0.3s ease-out;
  -ms-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -webkit-transform-origin: 12px;
  -moz-transform-origin: 12px;
  -ms-transform-origin: 12px;
  -o-transform-origin: 12px;
  transform-origin: 12px;
  transform: rotate(-90deg);
  content: '';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #75a5cc;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 38px;
  left: 50%;
  margin-left: -12px;
}
#canvas > .explore .filter-toggle.showing::before {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
html.widget-editing-new #canvas > .explore .filter-toggle,
html.widget-editing #canvas > .explore .filter-toggle {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
html.widget-editing-new #canvas > .explore .filter-toggle::before,
html.widget-editing #canvas > .explore .filter-toggle::before {
  border-right-color: rgba(0, 0, 0, 0.6);
}
#canvas > .explore br {
  clear: both;
}
#canvas > .explore .content-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px auto 0px auto;
  max-width: 1320px;
}
#canvas > .explore .content-box .filter-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  width: 290px;
  background: #F7F7F7;
  padding: 10px;
}
#canvas > .explore .content-box .widget-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  background: white;
  padding: 30px;
  overflow-x: auto;
}
#canvas > .explore .content-box .widget-box .queryviewer-title {
  color: #000;
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 30px;
  font-weight: 100;
}
#canvas > .explore .content-box .widget-box .queryviewer-title .connector {
  color: #9CB1C2;
}
#canvas > .explore.narrow .filter-box {
  display: block;
}
#canvas > .explore.narrow .widget-box {
  margin-left: 310px;
}
#canvas > .explore.wide .filter-box {
  display: none;
}
@media (max-width: 1280px) {
  #canvas > .explore .content-box {
    margin-top: 0px;
  }
  #canvas > .explore .content-box .widget-box {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
@media (max-width: 640px) {
  html.queryDocument #canvas > .explore .content-box .filter-box .filter {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: solid 4px rgba(235, 235, 232, 0.4);
  }
  html.queryDocument #canvas > .explore .content-box .filter-box .plus {
    margin: 15px;
  }
  html.queryDocument #canvas > .explore .content-box .filter-box,
  html.queryDocument #canvas > .explore .content-box .widget-box {
    width: 100%;
    margin-left: 0;
  }
}
h1.version {
  margin: 20px 0 20px 50px;
}
table.version {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}
table.version th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  padding: 11px 0;
  background: #f8f8fa;
  cursor: pointer;
}
table.version tr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
table.version tr td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0 5px 15px;
  font-size: 16px;
}
table.version tr:nth-of-type(even) {
  background: #fafaf8;
}
html.embedDocument,
html.embedDocument body {
  height: 100%;
  background-color: #FFF;
  margin: 0;
  padding: 0;
}
html.embedDocument ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}
html.embedDocument ::-webkit-scrollbar-thumb {
  border-radius: 8.5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
html.embedDocument #container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
html.embedDocument #content {
  position: absolute;
  left: 10px;
  top: 38px;
  bottom: 10px;
  right: 10px;
  width: auto;
  margin: 0;
}
html.embedDocument #content .more {
  display: none;
}
html.embedDocument #canvas {
  height: 100%;
}
html.embedDocument #canvas > div {
  height: 100%;
}
html.embedDocument #canvas section {
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}
html.embedDocument #canvas section > br {
  display: none;
}
html.embedDocument #canvas .component {
  margin: 0;
  height: 100%;
  width: 100%;
}
html.embed.queryDocument #canvas section:before {
  background: none;
}
html.embed.queryDocument #canvas section:after {
  background: none;
}
html.embed #embed-header {
  height: 27px;
  top: 0;
  right: 0;
  background-color: #f6f6f2;
  border-bottom: 1px solid #e4e4e2;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 1500;
}
html.embed #embed-header a {
  font-weight: bold;
  color: black;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 13px;
}
html.embed #embed-header .logo-link {
  padding-top: 3px;
  float: left;
  width: 40px;
  border-right: 1px solid #e4e4e2;
  height: 22px;
}
html.embed #embed-header .logo-link img {
  display: block;
  margin-top: -10px;
  margin-left: 12px;
}
html.embed #embed-header .logo-link .text {
  display: none;
  margin-top: -18px;
  margin-left: 25px;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 14px;
  font-weight: 400;
  font-weight: normal;
}
html.embed #embed-header .embed-link,
html.embed #embed-header .explore-link {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 11px;
  cursor: pointer;
  float: right;
  width: 70px;
  border-left: 1px solid #e4e4e2;
  height: 17px;
}
html.embed #embed-header .embed-link div,
html.embed #embed-header .explore-link div {
  margin-top: -9px;
}
html.embed #embed-header .embed-link {
  width: 120px;
}
html.embed #embed-header .explore-link {
  width: 75px;
}
html.embed.embed-error body {
  overflow: hidden;
}
html.embed.embed-error #content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html.embed.embed-error #embed-error {
  margin: auto;
  margin-top: 30px;
  background-image: url("images/embed/error-circle.png");
  background-image: -webkit-image-set(url("images/embed/error-circle.png") 1x, url("images/embed/error-circle@2x.png") 2x);
  background-repeat: no-repeat;
  background-position: center 0;
  height: 330px;
  padding-top: 90px;
}
@media (min-resolution: 1.5dppx) {
  html.embed.embed-error #embed-error {
    background-image: url("images/embed/error-circle@2x.png");
    background-size: 300px 300px;
  }
}
html.embed.embed-error #embed-error .message {
  margin: auto;
  font-size: 20px;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  height: 60px;
  width: 300px;
  padding: 25px;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
html.embed.embed-error #embed-error .message a {
  color: #e8622b;
  cursor: pointer;
}
html.embed.embed-error #embed-error .message a:hover {
  text-decoration: underline;
}
html.bookmarklet {
  height: 100%;
}
html.bookmarklet body {
  height: 100%;
  overflow: auto;
  background-color: transparent;
  background-color: rgba(246, 246, 242, 0.9);
}
html.bookmarklet nav#top-bar {
  position: fixed;
  width: 100%;
  z-index: 2000;
}
html.bookmarklet nav#top-bar > .shadow {
  -webkit-border-bottom-left-radius: 0 0;
  -webkit-border-bottom-right-radius: 0 0;
  -moz-border-bottom-left-radius: 0 0;
  -moz-border-bottom-right-radius: 0 0;
  -ms-border-bottom-left-radius: 0 0;
  -ms-border-bottom-right-radius: 0 0;
  -o-border-bottom-left-radius: 0 0;
  -o-border-bottom-right-radius: 0 0;
  border-bottom-left-radius: 0 0;
  border-bottom-right-radius: 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #adabaa;
}
html.bookmarklet nav#top-bar .body .site-name {
  width: 270px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #e8622b;
  text-decoration: none;
  display: block;
}
html.bookmarklet nav#top-bar .body .site-name:hover {
  text-decoration: underline;
}
html.bookmarklet nav#top-bar .logo:hover {
  background-color: white;
}
html.bookmarklet #top-bar #bookmarklet-message {
  position: absolute;
  left: 300px;
  padding-top: 18px;
  font-size: 16px;
}
html.bookmarklet #top-bar #bookmarklet-message a {
  color: #e8622b;
}
html.bookmarklet #container {
  min-height: 100%;
}
html.bookmarklet #page-bars-container {
  background: none !important;
  position: absolute;
  top: 0;
  right: 115px;
  width: 280px;
}
html.bookmarklet #page-bars-container #page-bars {
  padding: 10px;
  width: 280px;
}
html.bookmarklet #product-bar {
  display: block;
}
html.bookmarklet #product-bar .toolbar-button {
  display: block;
}
html.bookmarklet #bookmarklet-minimize-button {
  width: 40px;
  height: 50px;
  display: block;
  position: absolute;
  right: 45px;
  border-left: 1px solid #e4e2e2;
  border-right: 1px solid #e4e2e2;
  background-color: transparent;
  background-image: url("images/icons/bookmarklet-minimize.png");
  background-image: -webkit-image-set(url("images/icons/bookmarklet-minimize.png") 1x, url("images/icons/bookmarklet-minimize@2x.png") 2x);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  html.bookmarklet #bookmarklet-minimize-button {
    background-image: url("images/icons/bookmarklet-minimize@2x.png");
    background-size: 30px 30px;
  }
}
html.bookmarklet #bookmarklet-minimize-button:hover {
  background-color: #f6f6f2;
}
html.bookmarklet #content {
  padding: 0;
  padding-top: 50px;
  width: 960px;
  margin: 0 auto;
  background: white;
  border: 1px solid #adabaa;
}
html.bookmarklet #content > * {
  margin-left: 0;
}
html.bookmarklet #content .more {
  display: none;
}
html.bookmarklet #canvas {
  border-top: 0;
  margin-top: 0;
}
html.bookmarklet #canvas section .content {
  border: none;
}
html.bookmarklet.bookmarklet-minimized body {
  background-color: transparent;
}
html.bookmarklet.bookmarklet-minimized #content {
  display: none;
}
html.bookmarklet.bookmarklet-minimized nav#top-bar > .shadow {
  border-bottom-width: 2px;
}
html.bookmarklet .modalDialog.image-picker {
  border: 1px solid #adabaa;
  border-top: 0;
  width: 960px;
  padding: 0;
  background-color: #f6f6f2;
}
html.bookmarklet .modalDialog.image-picker:before,
html.bookmarklet .modalDialog.image-picker:after {
  position: absolute;
  height: 13px;
  bottom: -13px;
  content: "";
  width: 100%;
  display: block;
  opacity: 1;
  width: 320px;
}
html.bookmarklet .modalDialog.image-picker:before {
  left: 0;
  background: url("images/page/shadow_left.png") no-repeat left;
}
html.bookmarklet .modalDialog.image-picker:after {
  right: 0;
  background: url("images/page/shadow_right.png") no-repeat right;
}
html.bookmarklet .modalDialog.image-picker .inside-border {
  padding: 0;
}
html.bookmarklet .modalDialog.image-picker .modal-top-bar {
  background-color: #FFF;
  height: 50px;
  border-bottom: 1px solid #adabaa;
}
html.bookmarklet .modalDialog.image-picker .modal-top-bar h1 {
  position: absolute;
  left: 0;
  width: 200px;
  margin: 0;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-weight: bold;
  color: #62625a;
  padding-left: 40px;
  padding-top: 15px;
}
html.bookmarklet .modalDialog.image-picker .modal-top-bar .buttons {
  position: absolute;
  right: 0;
  width: 300px;
  padding-top: 10px;
  padding-right: 41px;
}
html.bookmarklet .modalDialog.image-picker .modal-top-bar .buttons .toolbar-button {
  float: right;
}
html.bookmarklet .modalDialog.image-picker .image-picker-content {
  margin-left: 40px;
  margin-right: 22px;
  padding-top: 65px;
  margin-bottom: 0;
  overflow: auto;
  height: 415px;
}
html.bookmarklet .modalDialog.image-picker .image-picker-content .button {
  display: block;
  float: left;
  width: 73px;
  height: 73px;
  margin-right: 14px;
  margin-bottom: 14px;
  cursor: pointer;
  border: 1px solid #adabaa;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-size: 100%;
}
html.bookmarklet.bookmarklet-imagepicking #canvas {
  display: none;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .silk {
  display: none;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .bookmarklet {
  display: block;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  padding-top: 35px;
  padding-bottom: 65px;
  background-image: none;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .number,
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .subtext,
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .button {
  line-height: normal;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .number,
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .subtext {
  color: #62625a;
  text-transform: none;
  margin-bottom: 14px;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .number {
  font-size: 80px;
  font-weight: bold;
  line-height: 60px;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .subtext {
  line-height: 20px;
  font-size: 20px;
  margin-bottom: 10px;
}
html.bookmarklet #canvas [data-component-uri="//silk.co/widget/image/1"] .upload-ui .button {
  cursor: pointer;
  border: 1px solid #a0af31;
  background: #b0cf31;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 35px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  color: white;
}
.focusoverlay {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.focusoverlay.top,
.focusoverlay.bottom,
.focusoverlay.left,
.focusoverlay.right,
.focusoverlay.topLeft,
.focusoverlay.topRight,
.focusoverlay.bottomLeft,
.focusoverlay.bottomRight {
  opacity: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 15000;
  -webkit-transition-property: opacity left top width height;
  -moz-transition-property: opacity left top width height;
  -ms-transition-property: opacity left top width height;
  -o-transition-property: opacity left top width height;
  transition-property: opacity left top width height;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.focusoverlay.top {
  left: 100px ;
  top: 0     ;
  width: 100px ;
  height: 100px ;
}
.focusoverlay.bottom {
  left: 100px ;
  top: 200px ;
  width: 100px ;
  bottom: 0px   ;
}
.focusoverlay.left {
  left: 0     ;
  top: 100px ;
  width: 100px ;
  height: 100px ;
}
.focusoverlay.right {
  left: 200px ;
  top: 100px ;
  right: 0     ;
  height: 100px ;
}
.focusoverlay.topLeft {
  left: 0px   ;
  top: 0     ;
  width: 100px ;
  height: 100px ;
}
.focusoverlay.topRight {
  left: 200px ;
  top: 0px   ;
  right: 0px   ;
  height: 100px ;
}
.focusoverlay.bottomLeft {
  left: 0px   ;
  top: 200px ;
  width: 100px ;
  bottom: 0px   ;
}
.focusoverlay.bottomRight {
  left: 200px ;
  top: 200px ;
  right: 0px   ;
  bottom: 0px   ;
}
.focusoverlay.top {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.focusoverlay.bottom {
  border-top: solid 1px rgba(255, 255, 255, 0.5);
}
.focusoverlay.left {
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}
.focusoverlay.right {
  border-left: solid 1px rgba(255, 255, 255, 0.5);
}
.bubble-content .tutorial a.next {
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.modalDialog {
  border: 1px solid #dddddd;
  color: #4d524e;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 2500;
  position: fixed;
  font-size: 15px;
  left: 50%;
  top: 50%;
}
.modalDialog h3 {
  margin: 5px 0 5px 0;
  padding-bottom: 2px;
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 25px;
  font-weight: normal;
}
.modalDialog h4 {
  font-size: 18px;
  font-weight: normal;
}
.modalDialog .inside-border {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #f6f6f2;
  padding: 25px 40px 30px 40px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.modalDialog .close-modal {
  position: absolute;
  right: 18px;
  top: 10px;
  font: bold 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.2;
  cursor: pointer;
  display: none;
}
.modalDialog.showCloseButton .close-modal {
  display: block;
}
.modalDialog hr {
  border: 0;
  height: 1px;
  background-color: #888;
  margin-bottom: 15px;
}
#dialogOverlay {
  z-index: 2000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: white;
  opacity: 0.9;
  display: none;
}
#dialogOverlay.show {
  display: block;
}
.modalDialog.fullscreen {
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  background: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.modalDialog.fullscreen .inside-border {
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 60px 150px 0 0;
}
#dialogOverlay.fullscreen {
  display: none;
}
.picker.warning {
  opacity: 0.5;
}
.picker {
  display: inline-block;
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  color: black!important;
  font-size: 12px!important;
  line-height: normal!important;
  font-weight: normal!important;
  text-align: left!important;
}
.picker .head {
  position: absolute;
  z-index: 20;
}
.picker .head input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  outline: none;
}
.picker .body {
  border: solid 1px #ccc;
  position: absolute;
  z-index: 10;
  width: 250px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}
.picker .body,
.picker .body * {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.picker .options {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ffffff;
  background-color: white;
}
.picker .options .option {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  width: 100%;
  height: 30px;
  background: white;
  padding: 0 0 0 22px;
  line-height: 30px;
  color: #002;
}
.picker .options .option.current {
  background-color: #e8622b;
  background: -webkit-linear-gradient(top, #ff7634, #e8622b);
  background: -moz-linear-gradient(top, #ff7634, #e8622b);
  background: -ms-linear-gradient(top, #ff7634, #e8622b);
  background: -o-linear-gradient(top, #ff7634, #e8622b);
  background: linear-gradient(top, #ff7634, #e8622b);
  color: white;
}
.picker .options .option > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 29px;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picker .options .option > span em {
  font-weight: bold;
  font-style: normal;
}
.picker .options .option.noaction:not(.deep) {
  color: #433;
}
.picker .options .option:last-of-type {
  border-bottom: none;
}
.picker .options .option:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: url("images/picker/icons.png") -1000px 0 no-repeat;
}
.picker .options .option.new:after {
  content: "+";
  display: block;
  position: absolute;
  top: -8px;
  left: 15px;
}
.picker .options .option > .arrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  padding-left: 15px;
  text-align: left;
}
.picker .options .option.deep > .arrow {
  display: block;
}
.picker .options .option.deep > .arrow:before {
  position: relative;
  content: "\25B6";
  font-family: arial;
  font-size: 9px;
  color: #666;
}
.picker .options .option.current > .arrow {
  background-color: #ff7634;
  background: -webkit-linear-gradient(top, #ff7f38, #ff7634);
  background: -moz-linear-gradient(top, #ff7f38, #ff7634);
  background: -ms-linear-gradient(top, #ff7f38, #ff7634);
  background: -o-linear-gradient(top, #ff7f38, #ff7634);
  background: linear-gradient(top, #ff7f38, #ff7634);
  color: white;
}
.picker .options .option.current > .arrow:before {
  color: white;
}
.picker .options .option.deep > .arrow:hover:before {
  color: black;
}
.picker .options .option.hidden {
  display: none;
}
.picker .options .option.current.deep > .arrow.current,
.picker .options .option.current.deep > .arrow:hover {
  height: 30px;
}
/* windows specific arrow! */
.platform-windows.engine-trident .picker .options .option.deep > .arrow:before {
  font-size: 175%;
}
.engine-trident .picker .option.deep > .arrow:before {
  top: -2px;
}
.engine-gecko .picker .option.deep > .arrow:before {
  top: -2px;
}
.engine-webkit .picker .option.deep > .arrow:before {
  top: -1px;
}
.picker .option.type-column:before {
  background-position: 0     0;
}
.picker .option.type-tag:before {
  background-position: -16px 0;
}
.picker .option.type-type:before {
  background-position: -16px 0;
}
.picker .option.type-document:before {
  background-position: -32px 0;
}
.picker .option.type-documenttag:before {
  background-position: -48px 0;
}
.picker .option.type-lessthan:before {
  background-position: -64px 0;
}
.picker .option.type-greaterthan:before {
  background-position: -80px 0;
}
.picker .option.type-equals:before {
  background-position: -96px 0;
}
.picker .option.type-contains:before {
  background-position: -112px 0;
}
.picker .option.type-link:before {
  background-position: -211px 0;
}
.picker .option.type-mailto:before {
  background-position: -144px 0;
}
.picker .option.type-explore:before {
  background-position: -160px 0;
}
.picker .option.type-date:before {
  background-position: -176px 0;
}
.picker .option.type-taggroup:before {
  background-position: -226px 0;
}
.picker .option.type-column.current.canhover:before,
.picker .option.type-column.highlight.canhover:before {
  background-position: 0 -16px;
}
.picker .option.type-tag.current.canhover:before,
.picker .option.type-tag.highlight.canhover:before {
  background-position: -16px -16px;
}
.picker .option.type-type.current.canhover:before,
.picker .option.type-type.highlight.canhover:before {
  background-position: -16px -16px;
}
.picker .option.type-document.current.canhover:before,
.picker .option.type-document.highlight.canhover:before {
  background-position: -32px -16px;
}
.picker .option.type-documenttag.current.canhover:before,
.picker .option.type-documenttag.highlight.canhover:before {
  background-position: -48px -16px;
}
.picker .option.type-lessthan.current.canhover:before,
.picker .option.type-lessthan.highlight.canhover:before {
  background-position: -64px -16px;
}
.picker .option.type-greaterthan.current.canhover:before,
.picker .option.type-greaterthan.highlight.canhover:before {
  background-position: -80px -16px;
}
.picker .option.type-equals.current.canhover:before,
.picker .option.type-equals.highlight.canhover:before {
  background-position: -96px -16px;
}
.picker .option.type-contains.current.canhover:before,
.picker .option.type-contains.highlight.canhover:before {
  background-position: -112px -16px;
}
.picker .option.type-link.current.canhover:before,
.picker .option.type-link.highlight.canhover:before {
  background-position: -211px -16px;
}
.picker .option.type-mailto.current.canhover:before,
.picker .option.type-mailto.highlight.canhover:before {
  background-position: -144px -16px;
}
.picker .option.type-explore.current.canhover:before,
.picker .option.type-explore.highlight.canhover:before {
  background-position: -160px -16px;
}
.picker .option.type-date.current.canhover:before,
.picker .option.type-date.highlight.canhover:before {
  background-position: -176px 0;
}
.picker .option.type-taggroup.current.canhover:before,
.picker .option.type-taggroup.highlight.canhover:before {
  background-position: -226px 0;
}
.picker .options.hidden {
  display: none;
}
html:not(.silk-mobile) .picker.error1 .body {
  margin-left: 2px;
  margin-right: -2px;
}
html:not(.silk-mobile) .picker.error2 .body {
  margin-left: -2px;
  margin-right: 2px;
}
.picker.loading .body {
  overflow: hidden;
  background: white!important;
}
.picker.loading .body .options {
  visibility: hidden;
}
.picker.loading .body:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 300;
  top: 30%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: url("images/ajax-loader.gif");
}
.picker.loading .option {
  visibility: hidden;
}
/* alignTop alignBottom */
.picker.alignTop .body {
  bottom: 40px;
}
.picker.alignBottom .body {
  top: 100%;
  margin-top: 15px;
}
/* alignLeft alignCenter alignRight */
/* shallow / deep */
.picker.shallow .options {
  position: relative;
  top: 0;
  left: 0;
}
.picker.shallow .option.hidden {
  height: 0;
  border: none;
}
.picker.deep .body {
  width: 200px;
  overflow: hidden;
  background: #eee;
}
.picker.deep .option {
  padding-right: 24px;
}
/* empty options box */
.picker.empty:not(.loading) .body {
  background: #F8F0F0;
}
.picker .body > .emptyWarning {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #330000;
}
.picker.emptyHide:not(.loading) .body {
  display: none;
}
.picker.empty:not(.loading) .body .emptyWarning {
  display: inline-block;
}
.picker.empty:not(.loading) .body .options {
  display: none;
}
/* dataType-date restyling of empty warning */
.picker.dataType-date .body > .emptyWarning {
  padding: 1em;
  line-height: 1.5em;
  text-align: left;
  font-weight: bold;
  background-color: #FFFFCC!important;
  color: #333333;
}
.picker.dataType-date .body > .emptyWarning ul {
  margin-bottom: 0;
  padding-left: 1.25em;
}
/* headless */
.picker.headless .head {
  left: -100000px;
}
.picker.hidden:not(.animating) {
  display: none!important;
}
/* styling for headless */
.picker.headless .option {
  padding: 0 5px 0 40px;
}
.picker.headless .option:before {
  left: 20px;
}
.picker.headless .option.selected {
  background: url("images/buttons/bgselectbutton.png") -34px 50% no-repeat;
}
.picker.headless .option.selected.current {
  background: #ff6c2f url("images/buttons/bgselectbutton.png") -50px 50% no-repeat;
  color: white;
}
/* calcMode for calculating sizes */
.picker.calcMode .option.hidden {
  display: block!important;
}
.picker.calcMode {
  display: block!important;
}
.pillBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 11;
  top: 9px;
  left: -9px;
  line-height: 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
}
.pillBox .pill {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: right;
  position: relative;
  -webkit-border-image: url("images/picker/pill.png") 0 12 0 2 stretch stretch;
  -moz-border-image: url("images/picker/pill.png") 0 12 0 2 stretch stretch;
  -o-border-image: url("images/picker/pill.png") 0 12 0 2 stretch stretch;
  border-image: url("images/picker/pill.png") 0 12 0 2 stretch stretch;
  border-width: 0 12px 0 0;
  border-style: solid;
  white-space: nowrap;
  overflow: hidden;
  line-height: 29px;
  font-size: 11px;
  color: black;
  background-color: #fdfdfd;
  background-clip: padding-box;
}
.pillBox .pill {
  margin: 0 -7px 0 0;
  padding: 0 2px 0 14px;
  color: #666;
}
.pillBox .pill:first-child {
  margin: 0  0   0 0;
  color: black;
}
.pillBox .pill:last-child {
  padding: 0 2px 0  8px;
}
.pillBox .pill:hover {
  cursor: pointer;
  text-decoration: underline;
}
.pillBox .pill:first-child:hover {
  cursor: default;
  text-decoration: none;
}
.platform-windows.engine-trident .pillBox .pill {
  background: url("images/picker/bgpill.png") top right;
  padding-right: 10px;
}
.stackBox .stackItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  border: 1px solid #ffffff;
  line-height: 28px;
  color: white;
}
.stackBox .stackItem:before {
  content: "\25C4";
  display: inline-block;
  width: 22px;
  font-size: 12px;
  text-align: center;
}
.stackBox .stackItem {
  background: #808799;
}
.stackBox .stackItem:hover {
  background: #666c7a;
}
#edit-bar .buttongroup {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
  font-size: 11px;
  color: #000000;
  float: left;
}
#edit-bar .buttongroup.right {
  float: right;
}
#edit-bar .buttongroup > * {
  border-left-width: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#edit-bar .buttongroup > *:first-child {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#edit-bar .buttongroup > *:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.buttonoptions {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1000;
  top: -1px;
  left: -1px;
  min-width: 110%;
  border: solid 1px black;
  background: rgba(255, 255, 255, 0.95);
}
.buttonoptions.alignRight {
  text-align: right;
}
.buttonoptions > .option {
  min-height: 25px;
  padding: 2px 20px 4px;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: rgba(255, 255, 255, 0);
  line-height: 25px;
  font-size: 12px;
  white-space: nowrap;
}
.buttonoptions > .option.checked {
  background: url("images/buttons/bgselectbutton.png") -34px 45% no-repeat;
}
.buttonoptions > .option.focused {
  background-color: #e8622b;
  background: -webkit-linear-gradient(top, #ff7634, #e8622b);
  background: -moz-linear-gradient(top, #ff7634, #e8622b);
  background: -ms-linear-gradient(top, #ff7634, #e8622b);
  background: -o-linear-gradient(top, #ff7634, #e8622b);
  background: linear-gradient(top, #ff7634, #e8622b);
  color: white;
}
.buttonoptions > .option.nohover.focused {
  border-color: rgba(255, 255, 255, 0);
  background: none;
}
*.focused > .buttonoptions {
  display: block;
}
.buttonoptions,
*[disabled] > .buttonoptions {
  display: none;
}
.combobutton {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #ddd;
  background: none;
  font-size: 13px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  float: left;
  width: auto;
  height: 30px;
  margin: 0 2px;
  padding: 0 15px 0 0;
}
.combobutton[disabled] {
  cursor: default;
}
.combobutton:hover:not([disabled]),
.combobutton.hover:not([disabled]) {
  background: white;
}
.combobutton:focus,
.combobutton.focus {
  outline-width: 1px;
}
.combobutton[disabled] {
  opacity: 0.5;
  color: #A0A0A0;
}
.combobutton.checked {
  background: #fff;
}
.combobutton.checked:hover,
.combobutton.checked.hover {
  background: #fff;
}
.combobutton.indeterm {
  background: #D8D8D8;
}
.combobutton.indeterm:hover,
.combobutton.indeterm.hover {
  background: #F0F0F0;
}
.combobutton:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 7px;
  height: 13px;
  background: url("images/buttons/bgselectbutton.png") -29px 0 no-repeat;
}
.combobutton[disabled]:after {
  background: url("images/buttons/bgselectbutton.png") -23px 0 no-repeat;
}
.combobutton > input {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 25px;
  height: 100%;
  border-width: 0 1px 0 0;
  border-color: #aaa;
  background: -webkit-gradient(linear, left top, left 3, from(#cccccc), to(#ffffff));
  background: -moz-linear-gradient(top, #cccccc, #ffffff 3px);
}
.combobutton[disabled] > input {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  opacity: 0.6;
}
.combobutton[disabled] > input:focus {
  outline: none;
}
.iconbutton {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #ddd;
  background: none;
  font-size: 13px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  position: relative;
  width: 30px;
  height: 30px;
}
.iconbutton[disabled] {
  cursor: default;
}
.iconbutton:hover:not([disabled]),
.iconbutton.hover:not([disabled]) {
  background: white;
}
.iconbutton:focus,
.iconbutton.focus {
  outline-width: 1px;
}
.iconbutton[disabled] {
  opacity: 0.5;
  color: #A0A0A0;
}
.iconbutton[disabled]:before {
  opacity: 0.4;
}
.iconbutton.checked {
  background: #fff;
}
.iconbutton.checked:hover:not([disabled]),
.iconbutton.checked.hover:not([disabled]) {
  background: #fff;
}
.iconbutton.indeterm {
  background: #D8D8D8;
}
.iconbutton.indeterm:hover:not([disabled]),
.iconbutton.indeterm.hover:not([disabled]) {
  background: #F0F0F0;
}
.iconbutton:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 7px;
  width: 16px;
  height: 16px;
  background: url("images/toolbar/icons.png") 2000px 0 no-repeat;
}
.iconbutton.command-bold:before {
  background-position: -32px 0;
}
.iconbutton.command-italic:before {
  background-position: -48px 0;
}
.iconbutton.command-underline:before {
  background-position: -64px 0;
}
.iconbutton.command-indent:before {
  background-position: -80px 0;
}
.iconbutton.command-outdent:before {
  background-position: -96px 0;
}
.iconbutton.command-insertunorderedlist:before {
  background-position: -112px 0;
}
.iconbutton.command-insertorderedlist:before {
  background-position: -128px 0;
}
.iconbutton.command-justifyleft:before {
  background-position: -144px 0;
}
.iconbutton.command-justifycenter:before {
  background-position: -160px 0;
}
.iconbutton.command-justifyright:before {
  background-position: -176px 0;
}
.iconbutton.command-justifyfull:before {
  background-position: -192px 0;
}
.iconbutton.command-createlink:before {
  background-position: -223px 0;
}
.iconbutton.command-undo:before {
  background-position: 0px 0;
}
.iconbutton.command-redo:before {
  background-position: -16px 0;
}
.iconbutton.command-subscript:before {
  background-position: -240px 0;
  left: 4px;
}
.iconbutton.command-superscript:before {
  background-position: -256px 0;
  left: 4px;
}
.iconbutton.command-cut:before {
  background-position: -272px 0;
}
.iconbutton.command-copy:before {
  background-position: -288px 0;
}
.iconbutton.command-paste:before {
  background-position: -304px 0;
}
.iconbutton.command-inserttable:before {
  background-position: -208px 0;
}
.iconbutton.command-revert:before {
  background-position: 0px 0;
}
.iconbutton.command-revert.recoverable:before {
  background-position: -16px 0;
}
.iconbutton.command-:before {
  background-position: -1001px 0;
}
.selectbutton {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #ddd;
  background: none;
  font-size: 13px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  float: left;
  height: 30px;
  margin: 0 4px 0 0;
  padding: 0 4px;
}
.selectbutton[disabled] {
  cursor: default;
}
.selectbutton:hover:not([disabled]),
.selectbutton.hover:not([disabled]),
.selectbutton.focused {
  background: white;
}
.selectbutton:focus,
.selectbutton.focus {
  outline-width: 1px;
}
.selectbutton[disabled] {
  opacity: 0.5;
  color: #A0A0A0;
}
.selectbutton.checked {
  background: #fff;
}
.selectbutton.checked.focused {
  background: #fff;
}
.selectbutton.indeterm {
  background: #D8D8D8;
}
.selectbutton.indeterm.focused {
  background: #F0F0F0;
}
.selectbutton:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  right: 5px;
  width: 5px;
  height: 13px;
  background: url("images/buttons/bgselectbutton.png") -2px 0 no-repeat;
}
.selectbutton[disabled]:after {
  background: url("images/buttons/bgselectbutton.png") -9px 0 no-repeat;
}
.selectbutton > .value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}
#paragraphStyleSelector {
  width: 100px;
  position: relative;
}
#paragraphStyleSelector > div {
  position: absolute;
  left: 7px;
}
#paragraphStyleSelector .option.command-formatblock-h1 {
  font-size: 200%;
  font-weight: bold;
}
#paragraphStyleSelector .option.command-formatblock-h2 {
  font-size: 180%;
  font-weight: bold;
}
#paragraphStyleSelector .option.command-formatblock-h3 {
  font-size: 160%;
  font-weight: bold;
}
#paragraphStyleSelector .option.command-formatblock-h4 {
  font-size: 140%;
  font-weight: bold;
}
#paragraphStyleSelector .option.command-formatblock-h5 {
  font-size: 130%;
  font-weight: bold;
}
#paragraphStyleSelector .option.command-formatblock-h6 {
  font-size: 120%;
  font-weight: bold;
}
#fontFamilySelector {
  width: 120px;
}
#fontFamilySelector .option.command-fontname-arial {
  font-family: Arial;
}
#fontFamilySelector .option.command-fontname-arial_black {
  font-family: Arial Black;
}
#fontFamilySelector .option.command-fontname-comic_sans_ms {
  font-family: Comic Sans MS;
}
#fontFamilySelector .option.command-fontname-courier_new {
  font-family: Courier New;
}
#fontFamilySelector .option.command-fontname-georgia {
  font-family: Georgia;
}
#fontFamilySelector .option.command-fontname-helvetica {
  font-family: Helvetica;
}
#fontFamilySelector .option.command-fontname-lucida_sans_unicode {
  font-family: Lucida Sans Unicode;
}
#fontFamilySelector .option.command-fontname-palatino {
  font-family: Palatino;
}
#fontFamilySelector .option.command-fontname-tahoma {
  font-family: Tahoma;
}
#fontFamilySelector .option.command-fontname-times_new_roman {
  font-family: Times New Roman;
}
#fontFamilySelector .option.command-fontname-trebuchet_ms {
  font-family: Trebuchet MS;
}
#fontFamilySelector .option.command-fontname-verdana {
  font-family: Verdana;
}
#fontSizeSelector .option {
  text-align: right;
}
#alignmentSelector {
  width: 35px;
}
#alignmentSelector .value {
  font-size: 1px;
  color: transparent;
}
#alignmentSelector .option {
  position: relative;
  padding-left: 40px;
}
#alignmentSelector .option:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 20px;
  width: 16px;
  height: 16px;
  background: url("images/toolbar/icons.png") 2000px 0 no-repeat;
}
#alignmentSelector .option.command-justifyleft:before {
  background-position: -144px 0;
}
#alignmentSelector .option.command-justifycenter:before {
  background-position: -160px 0;
}
#alignmentSelector .option.command-justifyright:before {
  background-position: -176px 0;
}
#alignmentSelector .option.command-justifyfull:before {
  background-position: -192px 0;
}
#alignmentSelector .option.command-justifyleft.focused:before {
  background-position: -144px -16px;
}
#alignmentSelector .option.command-justifycenter.focused:before {
  background-position: -160px -16px;
}
#alignmentSelector .option.command-justifyright.focused:before {
  background-position: -176px -16px;
}
#alignmentSelector .option.command-justifyfull.focused:before {
  background-position: -192px -16px;
}
#alignmentSelector .value {
  display: block;
  position: absolute;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url("images/toolbar/icons.png") 2000px 0 no-repeat;
}
#alignmentSelector .value {
  background-position: -144px 0;
}
#alignmentSelector .value.center {
  background-position: -160px 0;
}
#alignmentSelector .value.right {
  background-position: -176px 0;
}
#alignmentSelector .value.justify {
  background-position: -192px 0;
}
#alignmentSelector[disabled] .value {
  opacity: 0.3;
}
.platform-windows.engine-gecko #alignmentSelector .option:before {
  top: 9px;
}
#componentInserter .option {
  position: relative;
  padding-left: 28px;
}
#componentInserter .option:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  width: 16px;
  height: 16px;
  background: url("images/toolbar/icons.png") 2000px 0 no-repeat;
}
#componentInserter .option.command-insertcomponent-Table:before {
  background-position: -378px 0;
}
#componentInserter .option.command-insertcomponent-Data_List:before {
  background-position: -112px 0;
}
#componentInserter .option.command-insertcomponent-Pie_Chart:before {
  background-position: -342px 0;
}
#componentInserter .option.command-insertcomponent-Column_Chart:before {
  background-position: -398px 0;
}
#componentInserter .option.command-insertcomponent-Bar_Chart:before {
  background-position: -416px 0;
}
#componentInserter .option.command-insertcomponent-Line_Chart:before {
  background-position: -438px 0;
}
#componentInserter .option.command-insertcomponent-Map:before {
  background-position: -323px 0;
}
#componentInserter .option.command-insertcomponent-Intro_Board:before {
  background-position: -495px 0;
}
#componentInserter .option.command-insertcomponent-Table_of_Contents:before {
  background-position: -479px 0;
}
#componentInserter .option.command-insertcomponent-Recent_Documents:before {
  background-position: -568px 0;
}
#componentInserter .option.command-insertcomponent-Category_Listing:before {
  background-position: -551px 0;
}
#componentInserter .option.command-insertcomponent-Tag_Board:before {
  background-position: -586px 0;
}
#componentInserter .option.command-insertcomponent-urlpreview:before {
  background-position: -604px 0;
}
.textbutton {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #ddd;
  background: none;
  font-size: 13px;
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 30px;
  padding: 0 4px;
}
.textbutton[disabled] {
  cursor: default;
}
.textbutton:hover:not([disabled]),
.textbutton.hover:not([disabled]) {
  background: white;
}
.textbutton:focus,
.textbutton.focus {
  outline-width: 1px;
}
.textbutton[disabled] {
  opacity: 0.5;
  color: #A0A0A0;
}
.textbutton.checked {
  background: #fff;
}
.textbutton.checked:hover:not([disabled]),
.textbutton.checked.hover:not([disabled]) {
  background: #fff;
}
.textbutton.indeterm {
  background: #D8D8D8;
}
.textbutton.indeterm:hover:not([disabled]),
.textbutton.indeterm.hover:not([disabled]) {
  background: #F0F0F0;
}
.textbutton.command-save {
  width: 50px;
  text-align: center;
}
.textbutton.command-createtag {
  padding-left: 23px;
  position: relative;
}
.textbutton.command-createtag:before {
  content: "";
  background-image: url("images/icons/edit.svg");
  background-size: 30px 45px;
  background-repeat: no-repeat;
  background-position: -15px -15px;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 6px;
  left: 6px;
}
#edit-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  z-index: 1;
  top: 25px;
  height: 40px;
  z-index: 1400;
}
html.contentDocument.editing #edit-bar {
  display: block;
}
.toolbar-button {
  /*
  display     : inline-block;
  height      : @bar-height;
  padding     : 0 15px;
  border      : solid 1px (@sand * 0.9);
  background  : @sand;

  line-height : 30px;
  color       : @sand * 0.35;
  cursor      : pointer;

  span { font-weight: bold; }

  &:not(.disabled):hover { background: white; }

  &.disabled
  {
    cursor  : default;
    opacity : 0.4;
  }*/
}
.toolbar-button.action {
  /*
  background   : @joey-color;
  color        : white;
  border-color : @joey-color;

  &:not(.disabled):hover { background: @joey-color-dark; }
  */
}
.toolbar-menu {
  position: relative;
}
.toolbar-menu .top-option {
  padding-right: 0;
}
.toolbar-menu.waiting {
  opacity: 0.4;
  pointer-events: none;
}
.toolbar-menu .toolbar-button {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbar-menu .top-option-item {
  display: inline-block;
  padding-right: 34px;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-menu .top-option-arrow-old,
.toolbar-menu .top-option-arrow {
  width: 20px;
  background-repeat: no-repeat;
  background-position: 2px 7px;
  height: 30px;
  cursor: pointer;
  border-left: 1px solid #ddddda;
  position: absolute;
  right: 0;
}
.toolbar-menu .top-option-arrow-old.no-split,
.toolbar-menu .top-option-arrow.no-split {
  border-left: none;
}
.toolbar-menu .top-option-arrow-old {
  background-image: url("images/buttons/triangle.png");
  background-image: -webkit-image-set(url("images/buttons/triangle.png") 1x, url("images/buttons/triangle@2x.png") 2x);
}
@media (min-resolution: 1.5dppx) {
  .toolbar-menu .top-option-arrow-old {
    background-image: url("images/buttons/triangle@2x.png");
    background-size: 15px 15px;
  }
}
.toolbar-menu .toolbar-menu-options {
  display: none;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
}
.toolbar-menu .toolbar-menu-options .toolbar-button {
  margin-top: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.toolbar-menu .toolbar-menu-options .toolbar-button:first-of-type {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.toolbar-menu .toolbar-menu-options .toolbar-button:last-of-type {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.toolbar-menu.action .top-option-arrow {
  border-left-color: #dc5d29;
}
.toolbar-menu.action .toolbar-button {
  /*
  background   : @joey-color;
  color        : white;
  border-color : @joey-color;

  &:not(.disabled):hover { background: @joey-color-dark; }
  */
}
.toolbar-menu.open .top-option {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.toolbar-menu.open .toolbar-menu-options .toolbar-button:first-of-type {
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
#page-bars-container {
  background: white;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  width: 100%;
  z-index: 1000;
}
html.notification.dashboard2Document #page-bars-container {
  height: 44px;
}
#page-bars {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 25px 20px;
  border-bottom: solid 4px rgba(235, 235, 232, 0.4);
}
@media only screen and (min-width : 1300px) {
  #page-bars {
    padding: 25px 0;
  }
}
html.dashboardDocument #page-bars {
  margin-top: 5px;
}
html.dashboardDocument #page-bars .goto-homepage {
  margin-left: 230px;
}
html.cannotEdit #page-bars {
  padding: 0;
  border-bottom: none;
}
html.cannotEdit #page-bars div#product-bar {
  height: 0;
}
html.widget-editing #page-bars {
  border-bottom: none;
}
html.editing #page-bars-container {
  border-bottom: solid 4px rgba(235, 235, 232, 0.4);
}
html.editing.exploring #page-bars-container {
  border-bottom: none;
}
html.editing #page-bars {
  border: none;
}
html.editing.floating-bars #content {
  margin-top: 86px;
}
html.editing.floating-bars #page-bars-container {
  position: fixed;
  top: 0;
}
html.editing.floating-bars #page-bars-container #page-bars:before {
  left: -10px;
}
html.editing.floating-bars #page-bars-container #page-bars:after {
  right: -10px;
}
html.queryDocument:not(.widget-editing) #page-bars {
  display: none;
}
html.widget-editing #page-bars-container {
  background: white;
  border-bottom: solid 1px #e9e9e9;
}
#product-bar {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  position: relative;
  z-index: 1300;
}
#product-bar > .item {
  display: none;
  float: left;
}
#product-bar .fork {
  float: left;
  margin-right: 15px;
}
#product-bar .edit-page,
#product-bar .edit-homepage,
#product-bar .save-page,
#product-bar .stop-editing,
#product-bar .delete-new,
#product-bar .discard,
#product-bar .undo-discard,
#product-bar .cancel,
#product-bar .minimize,
#product-bar .close,
#product-bar .edit-widget-cancel,
#product-bar .edit-widget-ok {
  float: right;
  margin-left: 15px;
}
#product-bar .edit-widget-title {
  float: right;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translate3d(0, 0, 0);
}
#product-bar .edit-widget-title span {
  font-style: italic;
}
@media only screen and (max-width: 860px) {
  html.editing #product-bar#product-bar {
    height: 72px;
  }
  html.editing #product-bar#product-bar .discard,
  html.editing #product-bar#product-bar .save-page,
  html.editing #product-bar#product-bar .stop-editing {
    position: relative;
    overflow: auto;
    top: 42px;
  }
}
@media only screen and (max-width: 550px) {
  html.editing #product-bar#product-bar {
    height: 102px;
  }
  html.editing #product-bar#product-bar .discard,
  html.editing #product-bar#product-bar .save-page,
  html.editing #product-bar#product-bar .stop-editing {
    top: 72px;
  }
}
nav #navigation {
  position: absolute;
  height: 35px;
  right: 125px;
  width: 365px;
}
nav #navigation #navigator-fallback {
  display: none;
}
nav #navigation #navigator {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  top: 9px;
  right: 10px;
  width: 100%;
  margin: 0;
  border: solid 1px #eee;
  padding: 6px 12px;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: normal;
}
/* Shift the Navigator when users aren't logged in so we have space for the "Join Silk" link */
nav.anonymous #navigation {
  right: auto;
  left: 293px;
}
/* NOTE:
    you cannot combine selectors having ::-webkit-input-placeholder and :-moz-placeholder
    Safari and Firefox will discard the whole ruleset because each doesn't recognize the others syntax
*/
#navigator.showingPlaceholder {
  color: darkgray;
}
#navigator::-webkit-input-placeholder {
  color: darkgray;
}
#navigator:-moz-placeholder {
  color: darkgray;
}
#navigatorPicker {
  /* Hover color specific for the navigator */
}
#navigatorPicker.picker .options .option.current {
  background: #d4d2cf;
  color: white;
}
#navigatorPicker.picker .options .option.current > .arrow {
  background: #d4d2cf;
}
#navigatorPicker .body {
  left: 0;
  right: 0;
  width: 505px;
  margin-top: -1px;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  /* START image in option styling for navigator */
}
#navigatorPicker .body .option {
  overflow: visible;
}
#navigatorPicker .body .option img {
  position: absolute;
  bottom: 0;
  max-height: 26px;
  margin-left: 0;
  border: 1px solid transparent;
  background: white;
}
#navigatorPicker .body .option .firstColumn {
  display: inline-block;
  float: left;
  margin-right: 0.5em;
}
#navigatorPicker .body .option .firstColumn + span {
  display: block;
}
#navigatorPicker .body .option.type-tag:before {
  background-position: -160px 0;
}
#navigatorPicker .body .option.type-explore,
#navigatorPicker .body .option.type-tag {
  background: #f6f6f2;
}
#navigatorPicker .body .option.type-explore span span,
#navigatorPicker .body .option.type-tag span span {
  font-weight: bold;
}
#navigatorPicker .body .option.type-explore.current,
#navigatorPicker .body .option.type-tag.current {
  background: #d4d2cf;
  color: white;
}
#navigatorPicker .body .option.type-document + .option.type-value,
#navigatorPicker .body .option.type-link + .option.type-value,
#navigatorPicker .body .option.type-taggroup + .option.type-value,
#navigatorPicker .body .option.new {
  border-top: solid 1px #ddd;
  margin-top: -1px;
}
#navigatorPicker .body .options:not(.level0) .option.type-document:first-child {
  border-bottom: 1px solid #ddd;
}
#navigatorPicker .body .option .firstColumn {
  width: 200px;
}
#navigatorPicker .body .option.type-explore + .option.type-document,
#navigatorPicker .body .option.type-tag + .option.type-document {
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
#navigatorPicker .body .option .firstColumn,
#navigatorPicker .body .option span {
  /* Truncate long strings of tag names and values */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#navigatorPicker .body .option span.currency.inColumnContext {
  text-align: right;
  white-space: nowrap;
}
#navigatorPicker .body .option span.currency.inColumnContext .amount .decimal {
  display: inline-block;
  min-width: 2em;
  text-align: left;
}
#navigatorPicker .body .option span.numeric.inColumnContext {
  min-width: 8em;
  white-space: nowrap;
  text-align: right;
}
#navigatorPicker .body .option span.numeric.inColumnContext .number {
  display: inline-block;
}
#navigatorPicker .body .option span.numeric.inColumnContext .decimal {
  display: inline-block;
  min-width: 2em;
  text-align: left;
}
#navigatorPicker .body .option span.date.inColumnContext {
  white-space: nowrap;
  text-align: right;
}
#navigatorPicker .body .option span.year.inColumnContext {
  white-space: nowrap;
  text-align: right;
}
html:not(.silk-mobile) #navigatorPicker .option.current img,
html:not(.silk-mobile) #navigatorPicker .option:not(.canhover) img:hover,
#navigatorPicker .option img.enlarge {
  z-index: 1;
  bottom: 8px;
  max-height: 54px;
  margin-left: 5px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid white;
}
html:not(.silk-mobile) #navigatorPicker .option:not(.canhover) img:hover {
  bottom: -9px;
  margin-left: 0;
}
html:not(.silk-mobile) #navigatorPicker .option.current:first-child img,
html:not(.silk-mobile) #navigatorPicker .option:not(.canhover):first-child img:hover {
  bottom: -28px;
}
html:not(.silk-mobile) #navigatorPicker .option.last:not(.canhover) img:hover {
  bottom: 1px;
}
html:not(.silk-mobile) #navigatorPicker .option.current.last:first-child img,
html:not(.silk-mobile) #navigatorPicker .option.last:not(.canhover):first-child img:hover {
  bottom: 1px;
  height: 26px;
}
#notice-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 25px;
  right: 15px;
  height: 32px;
  display: none;
  background-image: url("images/noticebar/texture.png");
  background-size: 916px 25px;
  padding: 0 5px 0 20px;
  font-size: 13px;
  line-height: 32px;
  z-index: 1100;
}
html.manageDocument #notice-bar {
  top: 0;
}
html.editing #notice-bar {
  top: 82px;
}
#notice-bar:before,
#notice-bar:after {
  position: absolute;
  height: 13px;
  bottom: -13px;
  content: "";
  width: 100%;
  display: block;
  opacity: 0.8;
  width: 320px;
}
#notice-bar:before {
  left: 0;
  background: url("images/page/shadow_left.png") no-repeat left;
}
#notice-bar:after {
  right: 0;
  background: url("images/page/shadow_right.png") no-repeat right;
}
#notice-bar.visible {
  display: block;
}
#notice-bar a {
  cursor: pointer;
}
#notice-bar .message a {
  font-weight: bold;
  text-decoration: underline;
}
#notice-bar .action {
  color: #02a;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: underline;
}
#notice-bar .dismiss {
  float: right;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 29px;
}
#notice-bar .dismiss:hover {
  text-decoration: underline;
}
#notice-bar.notice {
  background-color: #d9f1e6;
  color: black;
}
#notice-bar.notice .dismiss {
  background-image: url("images/noticebar/close-icon-black.png");
  background-image: -webkit-image-set(url("images/noticebar/close-icon-black.png") 1x, url("images/noticebar/close-icon-black@2x.png") 2x);
}
@media (min-resolution: 1.5dppx) {
  #notice-bar.notice .dismiss {
    background-image: url("images/noticebar/close-icon-black@2x.png");
    background-size: 25px 25px;
  }
}
#notice-bar.notice a {
  color: black;
}
#notice-bar.warning {
  background-color: #fb9400;
  color: white;
}
#notice-bar.warning .dismiss {
  background-image: url("images/noticebar/close-icon.png");
  background-image: -webkit-image-set(url("images/noticebar/close-icon.png") 1x, url("images/noticebar/close-icon@2x.png") 2x);
}
@media (min-resolution: 1.5dppx) {
  #notice-bar.warning .dismiss {
    background-image: url("images/noticebar/close-icon@2x.png");
    background-size: 25px 25px;
  }
}
#notice-bar.warning a {
  color: white;
}
#notice-bar.error {
  background-color: #e5452a;
  color: white;
}
#notice-bar.error .dismiss {
  background-image: url("images/noticebar/close-icon.png");
  background-image: -webkit-image-set(url("images/noticebar/close-icon.png") 1x, url("images/noticebar/close-icon@2x.png") 2x);
}
@media (min-resolution: 1.5dppx) {
  #notice-bar.error .dismiss {
    background-image: url("images/noticebar/close-icon@2x.png");
    background-size: 25px 25px;
  }
}
#notice-bar.error a {
  color: white;
}
#delete-bar {
  max-width: 1280px;
  margin: 40px auto 0 auto;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px 150px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
html.cannot-view #delete-bar {
  display: none;
}
#delete-bar.loading a {
  display: none;
}
#delete-bar.loading .delete-page-progress {
  display: block;
}
#delete-bar a {
  cursor: pointer;
  text-decoration: underline;
}
#delete-bar > a {
  display: none;
  color: #81817b;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
}
#delete-bar > a:hover,
#delete-bar > a:active {
  color: #ea6151;
}
#delete-bar > a.feedback {
  float: left;
}
#delete-bar .delete-page-progress {
  display: none;
  margin-right: 45px;
  height: 32px;
  width: 32px;
  float: right;
  background: url("images/bottombar/loader.gif") no-repeat;
}
#delete-bar .delete-page-confirmation {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  position: absolute;
  background: #e5452a;
  color: #f7f5f3;
  text-align: left;
  right: 0;
  line-height: 40px;
  padding: 40px;
  margin-top: 10px;
  font-size: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  pointer-events: none;
}
#delete-bar .delete-page-confirmation.visible {
  opacity: 1;
  pointer-events: auto;
}
#delete-bar .delete-page-confirmation a {
  color: #f7f5f3;
  float: right;
  margin-right: 20px;
}
#delete-bar .delete-page-confirmation .triangle {
  background: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 57px;
  top: -5px;
  width: 10px;
  height: 10px;
}
#footer {
  -webkit-transform: translate3d(0, 0, 0);
  background: #323232;
  color: white;
  display: none;
  padding-bottom: 36px;
  padding-top: 32px;
  width: 100%;
}
#footer .footer-contents {
  box-sizing: border-box;
  margin: auto;
  max-width: 1280px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  text-align: center;
}
#footer .footer-contents .button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  font-size: 14px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  color: #fff !important;
  background: #68b8c4;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.8px;
  display: inline-block;
  padding: 0 20px;
  border: none;
  -webkit-transition: background 0.075s linear;
  -moz-transition: background 0.075s linear;
  -ms-transition: background 0.075s linear;
  -o-transition: background 0.075s linear;
  transition: background 0.075s linear;
}
#footer .footer-contents .button:hover {
  background: #519ba6;
  text-decoration: none !important;
}
#footer .footer-contents .button.disabled {
  cursor: default;
  opacity: 0.4;
}
#footer .footer-contents .button.disabled:hover {
  background: #68b8c4;
}
#footer .footer-contents .links {
  display: inline-block;
  float: right;
  line-height: 44px;
}
#footer .footer-contents .links a[href] {
  color: white;
}
@media only screen and (min-width: 600px) {
  #footer .footer-contents {
    text-align: left;
  }
  #footer .footer-contents .simple-button {
    margin-bottom: 0px;
    margin-right: 10px;
  }
}
html.bookmarklet nav#top-bar {
  position: relative;
  height: 50px;
  z-index: 1500;
}
html.cannot-view html.bookmarklet nav#top-bar #follow-site-menu,
html.cannot-view html.bookmarklet nav#top-bar #navigation {
  display: none;
}
html.bookmarklet nav#top-bar > .shadow {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  height: 25px;
  -webkit-border-bottom-left-radius: 1000px 12px;
  -webkit-border-bottom-right-radius: 1000px 12px;
  -moz-border-bottom-left-radius: 1000px 12px;
  -moz-border-bottom-right-radius: 1000px 12px;
  -ms-border-bottom-left-radius: 1000px 12px;
  -ms-border-bottom-right-radius: 1000px 12px;
  -o-border-bottom-left-radius: 1000px 12px;
  -o-border-bottom-right-radius: 1000px 12px;
  border-bottom-left-radius: 1000px 12px;
  border-bottom-right-radius: 1000px 12px;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
html.bookmarklet nav#top-bar .hazard {
  position: fixed;
  background: url("images/hazard.png") repeat center;
  width: 100%;
  height: 8px;
  z-index: inherit;
}
html.bookmarklet nav#top-bar .body {
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
}
html.bookmarklet nav#top-bar .body .content {
  position: relative;
  width: 960px;
  height: 50px;
  margin: 0 auto 0 auto;
}
html.bookmarklet nav#top-bar .body .site-name {
  position: relative;
  float: left;
  height: 50px;
  line-height: 50px;
  width: 290px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 6px;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 20px;
  font-weight: 400;
  font-size: 140%;
  font-weight: 200;
}
html.bookmarklet nav#top-bar .body .site-name a {
  display: block;
  width: 270px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #e8622b;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
}
html.bookmarklet nav#top-bar .body .site-name a:hover {
  text-decoration: underline;
}
html.bookmarklet nav#top-bar .body .site-name.website {
  width: 50px;
}
html.bookmarklet nav#top-bar .body .site-name.website a {
  color: black;
  font-weight: 200;
  text-decoration: none;
}
html.bookmarklet nav#top-bar .body .site-name.private a {
  margin-left: 18px;
}
html.bookmarklet nav#top-bar .body .site-name.private {
  background-image: url("images/icons/lock.png");
  background-image: -webkit-image-set(url("images/icons/lock.png") 1x, url("images/icons/lock@2x.png") 2x);
  background-repeat: no-repeat;
  background-position: left center;
}
@media (min-resolution: 1.5dppx) {
  html.bookmarklet nav#top-bar .body .site-name.private {
    background-image: url("images/icons/lock@2x.png");
    background-size: 14px 14px;
  }
}
html.bookmarklet nav#top-bar .body .website-nav {
  position: absolute;
  left: 75px;
  top: 0px;
}
html.bookmarklet nav#top-bar .body .logo {
  background-image: url("images/silk.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 0px;
  width: 23px;
  height: 50px;
  text-align: right;
  text-decoration: none;
  color: #e8622b;
}
html.bookmarklet nav#top-bar .body .logo:hover {
  background-color: #f6f6f2;
}
html.bookmarklet .image-picker section {
  height: 485px;
  width: 910px;
  overflow: auto;
}
html.bookmarklet .image-picker section .button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid black;
  cursor: pointer;
  display: block;
  float: left;
  height: 100px;
  margin: 3px;
  width: 100px;
}
.lightbox .nav-status {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  background: black;
  margin: 0 auto;
  width: 240px;
  height: 32px;
  padding: 10px;
}
@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lightbox .nav-status .loading {
  animation-name: ckw;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  -webkit-animation-name: ckw;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  background: url("images/loading.png");
  position: absolute;
  width: 32px;
  height: 32px;
}
.lightbox .nav-status .message {
  margin-left: 52px;
  line-height: 32px;
  color: white;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.image-box {
  overflow: hidden;
}
.type-image .clip-container {
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.type-image .offset-container {
  position: relative ;
}
.type-image .zoom-container {
  transform-origin: 0 0;
}
.type-image img {
  border: none;
  image-orientation: from-image;
}
.card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  /* ------------------------------------------------------------------------- */
  /* ------------------------------------------------------------------------- */
}
.card .header {
  display: block;
  position: relative;
  color: inherit !important;
  overflow: hidden;
}
.card .image-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.card .image-box .clip-container {
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.card .image-box .offset-container {
  position: relative ;
}
.card .image-box .zoom-container {
  transform-origin: 0 0;
}
.card .image-box img {
  border: none;
  image-orientation: from-image;
}
.card .image-box > * {
  -webkit-transition-property: -webkit-transform, -webkit-transform transform;
  -moz-transition-property: -moz-transform, -webkit-transform transform;
  -ms-transition-property: -ms-transform, -webkit-transform transform;
  -o-transition-property: -o-transform, -webkit-transform transform;
  transition-property: transform, -webkit-transform transform;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.card .image-box:hover > * {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.card .title,
.card .subtitle,
.card .summary,
.card .props {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.card .row {
  overflow: auto;
}
.card .title {
  min-height: 48px;
  font-size: 18px;
}
.card .subtitle {
  min-height: 48px;
  font-size: 13px;
}
.card .summary {
  min-height: 48px;
  font-size: 14px;
}
.card .props {
  min-height: 48px;
  font-size: 14px;
}
.card .mini-title {
  -webkit-transition: bottom 0.2s ease;
  -moz-transition: bottom 0.2s ease;
  -ms-transition: bottom 0.2s ease;
  -o-transition: bottom 0.2s ease;
  transition: bottom 0.2s ease;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: -26px;
  left: 0;
  right: 0;
  padding: 0 5px;
  background: rgba(255, 255, 255, 0.96);
  text-align: center;
  font-size: 12px;
}
.card:hover .mini-title,
.card.no-image .mini-title {
  bottom: 0;
}
.card.no-image .image-box {
  background-image: url("images/components/pagegrid/nophoto.png");
  background-image: -webkit-image-set(url("images/components/pagegrid/nophoto.png") 1x, url("images/components/pagegrid/nophoto@2x.png") 2x);
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-resolution: 1.5dppx) {
  .card.no-image .image-box {
    background-image: url("images/components/pagegrid/nophoto@2x.png");
    background-size: 100px 100px;
  }
}
.card .subtitle {
  text-transform: uppercase;
}
.card .props .prop {
  font-weight: bold;
}
.card .props .prop:after {
  content: ": ";
}
#canvas .component-queryview-map .infowindow {
  line-height: 20px;
}
#canvas .component-queryview-map .infowindow.multi .body {
  border-top: solid 1px #e8e8e0;
  margin-top: 10px;
  padding-top: 10px;
}
#canvas .component-queryview-map .infowindow .menu a.selected {
  text-decoration: underline;
}
#canvas .component-queryview-map .infowindow .card {
  border: none;
}
#canvas .component-queryview-map .infowindow .card .image-box {
  border: none;
}
#canvas .component-queryview-map .infowindow .card .title,
#canvas .component-queryview-map .infowindow .card .subtitle,
#canvas .component-queryview-map .infowindow .card .summary,
#canvas .component-queryview-map .infowindow .card .props {
  min-height: 0;
  padding: 5px 0;
}
.inline-dialog {
  position: absolute;
  z-index: 600;
}
.inline-dialog-arrow {
  position: absolute;
  background-repeat: no-repeat;
}
.inline-dialog-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 0.5 #000000;
  -moz-box-shadow: 0px 0px 0.5 #000000;
  -ms-box-shadow: 0px 0px 0.5 #000000;
  -o-box-shadow: 0px 0px 0.5 #000000;
  box-shadow: 0px 0px 0.5 #000000;
  background: #222222;
  color: #fff;
  font-size: 12px;
}
.inline-dialog-content h3 {
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -o-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -ms-border-top-right-radius: 8px;
  -o-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  height: 18px;
  margin: 0;
  padding: 0 2em 0 2em;
  background: #3C3C3C;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #606060), color-stop(0.5, #4c4c4c), color-stop(0.5, #3c3c3c));
  background: -moz-linear-gradient(top, #606060, #4c4c4c 9px, #3c3c3c 10px);
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.inline-dialog-content label {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.inline-dialog-content input[type='text'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  width: 100px;
  margin-left: 4px;
  padding-left: 4px;
  outline: none;
  border: solid 1px #999;
  background: white;
  font-size: 13px;
  line-height: 1em;
  color: black;
}
.inline-dialog-content .message {
  padding: 4px 2px 4px 6px;
  line-height: 1.4;
}
.inline-dialog-content .controls {
  margin: 8px 2px 2px 2px;
  text-align: right;
}
.inline-dialog-content .narrow {
  width: 200px;
}
.inline-dialog-content .wide {
  width: 340px;
}
.inline-dialog-context {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: -10px;
  left: -10px;
  height: 5px;
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: #a93;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
}
.inline-dialog .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 28px;
  height: 20px;
  outline: solid 1px black;
  border: solid 1px;
  border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.15);
  background: url('images/icons/white-icons.png') no-repeat, #2b2b2b;
  background: url('images/icons/white-icons.png') no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), color-stop(0.5, #3e3e3e), color-stop(0.5, #232323), to(#2b2b2b));
  background: url('images/icons/white-icons.png') no-repeat, -moz-linear-gradient(top, #636363, #3e3e3e 50%, #232323 50%, #2b2b2b);
  margin: 1px 0 2px 0;
}
.inline-dialog .button:first-of-type {
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -ms-border-top-left-radius: 2px;
  -o-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.inline-dialog .button:last-of-type {
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -ms-border-top-right-radius: 2px;
  -o-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inline-dialog .button:hover {
  z-index: 20;
  border: solid 1px rgba(255, 255, 255, 0.7);
  background: url('images/icons/white-icons.png') no-repeat, #3b3b3b;
  background: url('images/icons/white-icons.png') no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), color-stop(0.5, #5e5e5e), color-stop(0.5, #333333), to(#3b3b3b));
  background: url('images/icons/white-icons.png') no-repeat, -moz-linear-gradient(top, #939393, #5e5e5e 50%, #333333 50%, #3b3b3b);
}
.inline-dialog .button.selected {
  z-index: 30;
  border: solid 1px rgba(255, 255, 255, 0.6);
  background: url('images/icons/white-icons.png') no-repeat, #636363;
  background: url('images/icons/white-icons.png') no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b2b2b), color-stop(0.5, #232323), color-stop(0.5, #3e3e3e), to(#636363));
  background: url('images/icons/white-icons.png') no-repeat, -moz-linear-gradient(top, #2b2b2b, #232323 50%, #3e3e3e 50%, #636363);
}
.inline-dialog .button {
  opacity: 0.7;
  border: solid 1px;
  border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.15);
  background: url("images/icons/white-icons.png") no-repeat, #2b2b2b;
  background: url("images/icons/white-icons.png") no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), color-stop(0.5, #3e3e3e), color-stop(0.5, #232323), to(#2b2b2b));
  background: url("images/icons/white-icons.png") no-repeat, -moz-linear-gradient(top, #636363, #3e3e3e 50%, #232323 51%, #2b2b2b);
}
.inline-dialog .button:hover {
  opacity: 1;
  border: solid 1px;
  border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.15);
  background: url("images/icons/white-icons.png") no-repeat, #3b3b3b;
  background: url("images/icons/white-icons.png") no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), color-stop(0.5, #5e5e5e), color-stop(0.5, #333333), to(#3b3b3b));
  background: url("images/icons/white-icons.png") no-repeat, -moz-linear-gradient(top, #939393, #5e5e5e 50%, #333333 51%, #3b3b3b);
}
.inline-dialog .button.checked {
  opacity: 1;
  background: url("images/icons/white-icons.png") no-repeat;
}
.inline-dialog-content .ubar > span {
  display: inline-block;
  text-align: right;
  width: 90px;
  padding-right: 5px;
}
.inline-dialog-content .ubar input {
  position: relative;
  outline: none!important;
  width: 185px;
}
.ubar .picker.alignTop .body {
  bottom: 60px;
}
#ubarPicker .body {
  left: -25%;
  width: 150%;
}
#ubarPicker.empty .body {
  background: #F8F8F0;
}
/* Overlay container. Contains Inline Dialogs and Pickers. */
#overlay {
  position: fixed;
  overflow: visible;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 3000;
}
#overlay #documentOverlay {
  z-index: 3000;
  position: relative;
  margin: 0 auto;
}
#overlay #documentOverlay {
  width: 960px;
}
html.dashboard2Document .step-upload {
  padding: 0 0 0 0;
}
html.dashboard2Document .step-upload .importer-title {
  background-image: url("images/dashboard/icon-plus.svg");
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 15px;
  color: #d9ebee;
  display: inline-block;
  font-size: 19px;
  margin-bottom: 30px;
  padding-left: 22px;
  padding-top: 4px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  top: 13px;
}
html.dashboard2Document .step-upload .drop {
  background-color: rgba(255, 255, 255, 0.15);
  border: 3px dashed #d6ecef;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  letter-spacing: 1px;
  line-height: 18px;
  padding: 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
html.dashboard2Document .step-upload .drop .upload-icon svg {
  fill: #519BA6;
  pointer-events: none;
}
html.dashboard2Document .step-upload .drop .description p {
  margin: 10px;
}
html.dashboard2Document .step-upload .drop .alternative {
  font-size: 12px;
}
html.dashboard2Document .step-upload .drop:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: white;
}
html.dashboard2Document .step-upload .drop:hover .upload-icon svg {
  fill: #68b8c4;
}
html.dashboard2Document .step-upload .click-area {
  cursor: pointer;
  padding: 30px;
  border-radius: 10px;
  border: 3px dashed #d6d6d1;
  text-align: center;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
html.dashboard2Document .step-upload .click-area .upload-icon svg {
  fill: #28bad0;
  pointer-events: none;
}
html.dashboard2Document .step-upload .click-area .description {
  margin: 20px;
}
html.dashboard2Document .step-upload .click-area .alternative {
  font-size: 12px;
}
html.dashboard2Document .step-upload .click-area:hover {
  border-color: #28bad0;
}
html.dashboard2Document .step-upload .gsheets {
  text-align: center;
  margin-top: 100px;
}
html.dashboard2Document .step-upload .gsheets .gsheets-icon {
  display: inline-block;
  padding-left: 30px;
  height: 32px;
  background-image: url("images/importer/google-sheets.svg");
  background-repeat: no-repeat;
}
html.dashboard2Document .step-upload .gsheets input {
  width: 250px;
  font-size: 12px;
  border: #ddd solid 1px;
  /* IE10+ */
  padding: 7px;
  margin-left: 7px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
}
html.dashboard2Document .step-upload .gsheets input::-webkit-input-placeholder {
  color: #61c292;
}
html.dashboard2Document .step-upload .gsheets input:-moz-placeholder {
  color: #61c292;
}
html.dashboard2Document .step-upload .gsheets input:-ms-input-placeholder {
  color: #61c292;
}
.import3Popup {
  position: absolute;
  left: 50%;
  top: 63px;
  max-width: 932px;
  width: 80%;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 26px;
}
.import3Popup sup {
  line-height: 12px;
}
.import3Popup .center-content {
  background-color: #ffffff;
  border-radius: 5px;
  left: -50%;
  padding: 0px;
  position: relative;
  z-index: 1406;
}
.bubble-container {
  word-break: break-word;
}
.bubble-container .import-warning {
  padding: 20px;
}
.bubble-container .import-warning .warning-actions {
  margin-top: 15px;
  overflow: hidden;
}
.bubble-container .import-warning .warning-actions * {
  cursor: pointer;
}
.bubble-container .import-warning .warning-actions *:hover {
  text-decoration: underline !important;
}
.bubble-container .import-warning .warning-actions .warning-cancel {
  float: left;
}
.bubble-container .import-warning .warning-actions .warning-continue {
  float: right;
  font-weight: bold;
}
.bubble-container .import-warning .warning-actions .warning-help {
  text-decoration: none;
  font-weight: bold;
}
.bubble-container .config-settings {
  padding: 10px;
}
.bubble-container .config-settings .desc {
  padding: 8px 6px;
  margin-bottom: 10px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.bubble-container .config-settings .option {
  color: rgba(255, 255, 255, 0.5);
  padding: 4px 8px;
  padding-left: 26px;
}
.bubble-container .config-settings .option.active {
  padding-left: 8px;
  color: #ffffff;
  font-weight: bold;
}
.bubble-container .config-settings .option.active:before {
  content: "✓";
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.bubble-container .config-settings .option.enabled {
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.bubble-container .config-settings .option.enabled:hover {
  background: red;
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.bubble-container .collection-bubble {
  padding: 10px;
}
.bubble-container .collection-bubble input {
  width: 100%;
  outline: none;
}
.bubble-container .collection-bubble .selectbox {
  margin-top: 10px;
}
.bubble-container .collection-bubble .selectbox .option {
  cursor: pointer;
  padding: 4px 8px;
}
.bubble-container .collection-bubble .selectbox .option:hover {
  background: rgba(255, 255, 255, 0.1);
}
.bubble-container .title-duplicate-bubble {
  padding: 10px;
}
.bubble-container .title-duplicate-bubble .title {
  padding: 4px 8px;
}
.bubble-container .title-picker-bubble {
  padding: 0px;
}
.bubble-container.title-duplicate-alert-bubble .bubble-arrow-top {
  border-color: #ef6300 transparent transparent transparent;
}
.bubble-container.title-duplicate-alert-bubble .bubble-arrow-right {
  border-color: transparent #ef6300 transparent transparent;
}
.bubble-container.title-duplicate-alert-bubble .bubble-arrow-bottom {
  border-color: transparent transparent #ef6300 transparent;
}
.bubble-container.title-duplicate-alert-bubble .bubble-arrow-left {
  border-color: transparent transparent transparent #ef6300;
}
.bubble-container.title-duplicate-alert-bubble .bubble-content {
  background-color: #ef6300;
  border-color: #ef6300;
  line-height: 19px;
  font-size: 14px;
}
.bubble-container.title-duplicate-alert-bubble .bubble-content {
  padding: 20px;
}
section.import3 {
  width: 100%;
}
section.import3 .import-block {
  margin: 30px;
}
section.import3 .import-toolbar {
  display: block;
  line-height: 46px;
  text-align: center;
  overflow: hidden;
  padding: 20px 29px 20px 29px;
}
@media only screen and (min-width: 850px) {
  section.import3 .import-toolbar {
    line-height: normal;
    text-align: left;
  }
}
section.import3 .import-toolbar > div {
  display: inline-block;
}
section.import3 .import-toolbar > div.import-title {
  position: relative;
  top: -4px;
  color: gray;
  font-size: 1.8em;
  font-weight: lighter;
  -webkit-font-smoothing: antialiased;
}
section.import3 .import-toolbar > div.toolbar-buttons {
  display: block;
}
section.import3 .import-toolbar > div.toolbar-buttons .toolbar-button {
  margin-left: 16px;
}
section.import3 .import-toolbar > div.toolbar-buttons .toolbar-button.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 850px) {
  section.import3 .import-toolbar > div.toolbar-buttons {
    float: right;
  }
}
section.import3 .body > div {
  background-color: white;
  border-radius: 2px;
}
section.import3 .step-loading {
  padding: 150px 0px 150px 0px;
  width: 100%;
  background: url("images/ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
section.import3 .step-uploading {
  padding: 150px 0px 150px 0px;
  text-align: center;
}
section.import3 .step-uploading .upload-icon svg #filled {
  stop-color: #28bad0;
}
section.import3 .step-uploading .upload-icon svg #unfilled {
  stop-color: #d6d6d1;
}
section.import3 .step-uploading .uploading {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}
section.import3 .step-uploading .upload-filename {
  font-weight: bold;
  word-break: break-word;
}
section.import3 .step-uploading .sheet-list {
  margin-top: 40px;
}
section.import3 .step-uploading .sheet-list .sheet-list-title {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
section.import3 .step-uploading .sheet-list div.sheet-list-list {
  margin-top: 5px;
  display: inline-block;
  text-align: left;
}
section.import3 .step-uploading .sheet-list div.sheet-list-list div:before {
  color: rgba(0, 0, 0, 0.6);
  content: "•";
  position: relative;
  left: -7px;
  top: 0;
}
section.import3 .step-upload-error {
  padding: 150px 200px 150px 200px;
  text-align: center;
  color: #e8622b;
}
section.import3 .step-upload-error .upload-icon svg {
  fill: #d6d6d1;
}
section.import3 .step-upload-error .error-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}
section.import3 .step-upload-error .error-description {
  margin-bottom: 30px;
}
section.import3 .step-upload-error .buttons > * {
  min-width: 120px;
  margin-left: 20px;
}
section.import3 .step-upload-error .buttons > *:hover {
  text-decoration: none !important;
}
section.import3 .step-upload-error .errored {
  color: #000;
  margin-bottom: 40px;
  line-height: 22px;
}
section.import3 .step-preview .warning-bar .warning-bubble {
  background-color: #FF6800;
  color: white;
  margin: 20px;
  margin-top: 0px;
  padding: 23px;
  position: relative;
  text-align: center;
}
section.import3 .step-preview .warning-bar .warning-bubble:before {
  content: '';
  position: absolute;
  top: -40px;
  border: 20px solid transparent;
  border-bottom: 20px solid #FF6800;
  right: 260px;
  display: none;
}
@media only screen and (min-width: 850px) {
  section.import3 .step-preview .warning-bar .warning-bubble:before {
    display: block;
  }
}
section.import3 .step-preview .warning-bar .warning-bubble a[href] {
  color: white;
  text-decoration: underline;
}
section.import3 .step-preview .topbar {
  padding: 30px 30px 10px 30px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  background-color: #e5f8fa;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
section.import3 .step-preview .topbar .title-selector-title {
  height: 30px;
}
section.import3 .step-preview .topbar .title-selector-title > span {
  float: left;
  position: absolute;
}
section.import3 .step-preview .topbar .title-selector-bar {
  overflow: hidden;
  display: inline-block;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector {
  margin-right: 15px;
  float: left;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .title-gear {
  margin-top: 6px;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .title-gear svg {
  fill: white;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .title-gear,
section.import3 .step-preview .topbar .title-selector-bar .title-selector .title-del {
  line-height: 25px;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .plus {
  background-color: #ffffff;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .del {
  position: relative;
  top: -5px;
}
section.import3 .step-preview .topbar .title-selector-bar .title-selector .step.first {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.import3 .step-preview .topbar .pages {
  display: inline-block;
}
@media only screen and (min-width: 850px) {
  section.import3 .step-preview .topbar .pages {
    float: right;
  }
}
section.import3 .step-preview .fake-article {
  overflow: auto;
  min-height: 400px;
  word-break: break-word;
}
section.import3 .step-preview .fake-article .header img {
  width: 870px;
}
section.import3 .step-preview .fake-article .left-section {
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}
section.import3 .step-preview .fake-article .left-section img {
  display: block;
  margin: auto;
  width: 40%;
}
@media only screen and (min-width: 650px) {
  section.import3 .step-preview .fake-article .left-section {
    float: left;
    width: 33.3%;
  }
  section.import3 .step-preview .fake-article .left-section img {
    width: 100%;
  }
}
section.import3 .step-preview .fake-article .left-section .import-block {
  margin: 0px;
}
section.import3 .step-preview .fake-article .right-section {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 650px) {
  section.import3 .step-preview .fake-article .right-section {
    width: 66.7%;
  }
}
section.import3 .step-preview .fake-article .right-section img {
  width: 560px;
}
section.import3 .step-preview .fake-article table.factsheet {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  background: #f3f3f3;
  cursor: default;
}
section.import3 .step-preview .fake-article table.factsheet tr:not(.collection) td {
  border-top: solid 1px #eeeeee;
}
section.import3 .step-preview .fake-article table.factsheet tr.collection .gear .gear {
  background-image: url("images/top-bar-site/icon_pencil_black.svg");
  width: 16px;
  height: 16px;
  opacity: 0.25;
  margin-top: -3px;
}
section.import3 .step-preview .fake-article table.factsheet tr.collection .gear .gear:hover {
  background-image: url("images/top-bar-site/icon_pencil_blue.svg");
  opacity: 1;
}
section.import3 .step-preview .fake-article table.factsheet tr.title td {
  background: white;
  text-align: left;
  text-transform: uppercase;
  color: #d6d6d0;
  font-size: 12px;
  font-weight: 400;
}
section.import3 .step-preview .fake-article table.factsheet tr.ui-sortable-helper {
  border: solid 1px #eeeeee;
  z-index: 1;
}
section.import3 .step-preview .fake-article table.factsheet tr.ui-sortable-helper td {
  border: none;
}
section.import3 .step-preview .fake-article table.factsheet td {
  background: white;
  overflow: hidden;
  vertical-align: top;
}
section.import3 .step-preview .fake-article table.factsheet td.key {
  box-sizing: border-box;
  font-weight: bold;
}
section.import3 .step-preview .fake-article table.factsheet td.key div {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
section.import3 .step-preview .fake-article table.factsheet td.value {
  width: calc((100% - 52px)*(1-0.38));
}
section.import3 .step-preview .fake-article table.factsheet td.value > * {
  width: calc(100% - 20px);
  margin: 0 0 0 20px;
}
section.import3 .step-preview .fake-article table.factsheet td.value div.value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
section.import3 .step-preview .fake-article table.factsheet td.value div.list .item {
  position: relative;
}
section.import3 .step-preview .fake-article table.factsheet td.value div.list .item:before {
  content: "•";
  position: absolute;
  left: -13px;
  top: 0;
}
section.import3 .step-preview .fake-article table.factsheet td.value .step.first {
  display: block;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.import3 .step-preview .fake-article table.factsheet td.gear {
  width: 50px;
  text-align: right;
}
section.import3 .step-preview .fake-article table.factsheet td.gear > div {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  cursor: pointer;
  margin-left: 6px;
}
section.import3 .step-preview .fake-article table.factsheet td.gear > div svg {
  fill: #bfbfbf;
  pointer-events: none;
  -webkit-transition: fill 0.2s ease;
  -moz-transition: fill 0.2s ease;
  -ms-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}
section.import3 .step-preview .fake-article table.factsheet td.gear > div:hover svg {
  fill: #28bad0;
}
section.import3 .step-preview .fake-article table.factsheet td.gear > div.title {
  cursor: default;
}
section.import3 .step-preview .fake-article table.factsheet td.gear > div.title:hover svg {
  fill: #bfbfbf;
}
section.import3 .step-preview .fake-article table.factsheet td.key input[type=text],
section.import3 .step-preview .fake-article table.factsheet td.value input[type=text] {
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: white;
  font: inherit;
  height: 26px;
  width: calc(100% - 5px);
  word-break: normal;
  outline: 1px solid #ddd;
}
section.import3 .step-preview .fake-article table.factsheet td.value input[type=text] {
  width: 275px;
  outline: none;
}
section.import3 .step-preview .fake-article table.factsheet div.pagelink {
  color: orange;
  cursor: pointer;
}
section.import3 .step-preview .fake-article table.factsheet div.link {
  color: #2d7fbd;
}
section.import3 .step-preview .fake-article table.factsheet div.image {
  color: gray;
}
section.import3 .step-preview .fake-article table.factsheet div.paragraph {
  color: gray;
}
section.import3 .step-preview .fake-article table.factsheet tr.image td.key {
  color: gray;
}
section.import3 .step-preview .fake-article table.factsheet tr.paragraph td.key {
  color: gray;
}
section.import3 .step-preview .fake-article table.factsheet tr.ignore td.key {
  color: #808080;
}
section.import3 .step-preview .paging-button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  position: absolute;
  top: 194px;
  cursor: pointer;
  background: #F6F6F2;
  width: 35px;
  height: 75px;
  line-height: 40px;
  border-radius: 50px 0 0 50px;
  text-align: center;
  overflow-x: hidden;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
section.import3 .step-preview .paging-button svg {
  pointer-events: none;
  -webkit-transition: fill 0.1s ease-out;
  -moz-transition: fill 0.1s ease-out;
  -ms-transition: fill 0.1s ease-out;
  -o-transition: fill 0.1s ease-out;
  transition: fill 0.1s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
}
section.import3 .step-preview .paging-button:hover svg {
  fill: #000;
}
section.import3 .step-preview .paging-button.prev-button {
  left: -35px;
  box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.05) inset;
}
section.import3 .step-preview .paging-button.prev-button:hover {
  width: 40px;
  left: -40px;
}
section.import3 .step-preview .paging-button.prev-button:active {
  background: #fff;
}
section.import3 .step-preview .paging-button.next-button {
  right: -35px;
  border-radius: 0 50px 50px 0;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
section.import3 .step-preview .paging-button.next-button:hover {
  right: -40px;
  width: 40px;
}
section.import3 .step-preview .paging-button.next-button:active {
  background: #fff;
}
section.import3 .body > .helper {
  margin-top: 15px;
  border-radius: 0;
  position: relative;
}
section.import3 .body > .helper .helper-arrow {
  background-color: #ffffff;
  top: -15px;
  left: 25px;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #009cb9 transparent;
  width: 0;
  height: 0;
  z-index: 2003;
  border-style: solid;
  position: absolute;
}
section.import3 .body > .helper .helper-title {
  position: relative;
  padding: 18px;
  background-color: #009cb9;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
}
section.import3 .body > .helper .helper-title .helper-title-highlighted {
  color: white;
}
section.import3 .body > .helper .helper-title .helper-title-nothighlighted {
  color: rgba(255, 255, 255, 0.7);
}
section.import3 .body > .helper .helper-title .helper-title-expand {
  float: right;
  margin-top: -3px;
}
section.import3 .body > .helper .helper-title .helper-title-expand:hover {
  background: #8dc9d2;
}
section.import3 .body > .helper .helper-content {
  padding: 10px;
  font-size: 0;
  overflow: hidden;
  height: 0px;
  display: none;
}
section.import3 .body > .helper .helper-content .helper-card {
  display: inline-block;
  width: 284px;
  margin: 10px;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-image {
  background-color: red;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-image.helper-icon1 {
  background-image: url("images/importer/help-icon1.png");
  background-color: #aadc03;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-image.helper-icon2 {
  background-image: url("images/importer/help-icon2.png");
  background-color: #00b9d7;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-image.helper-icon3 {
  background-image: url("images/importer/help-icon3.png");
  background-color: #f6dc00;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-text {
  margin: 20px 0 20px 0;
  font-size: 18px;
}
section.import3 .body > .helper .helper-content .helper-card .helper-card-link {
  font-size: 18px;
}
section.import3 .step-running {
  padding: 100px;
  text-align: center;
}
section.import3 .step-running .import-collectionname {
  font-weight: bold;
}
section.import3 .step-running .progress-bar {
  text-align: left;
  width: 500px;
  margin: 15px auto 20px auto;
  border: #28bad0 solid 2px;
  border-radius: 6px;
  padding: 2px 4px 2px 2px;
}
section.import3 .step-running .progress-bar .progress {
  background-color: #28bad0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 20px;
  width: 0%;
}
section.import3 .step-complete {
  text-align: center;
  height: 480px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/importer/beams.svg");
}
section.import3 .step-complete .message {
  padding-top: 130px;
}
section.import3 .step-complete .message .complete {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
section.import3 .step-complete .progress {
  margin: auto;
  width: 400px;
  height: 32px;
  background-image: url("images/importer/progress.svg");
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 28px;
}
section.import3 .step-complete .show-pages {
  margin-top: 85px;
}
section.import3 .step-aborted,
section.import3 .step-errored {
  padding: 150px 200px 150px 200px;
  text-align: center;
  color: #e8622b;
}
section.import3 .step-aborted .error-title,
section.import3 .step-errored .error-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 30px;
}
section.import3 .step-aborted .buttons > *,
section.import3 .step-errored .buttons > * {
  margin: 10px;
}
html.dashboard2Document #content {
  margin: auto;
}
html.dashboard2Document #content {
  width: 100%;
  max-width: 1280px;
}
html.dashboard2Document .poster-section .page-button {
  color: #768E33;
}
html.dashboard2Document .poster-section .scroller-component {
  height: 200px;
}
html.dashboard2Document .poster-section .scroller-component .scrolling-div {
  top: 0;
}
html.dashboard2Document .datacards-section .page-button {
  color: #3b7c87;
}
html.dashboard2Document .datacards-section .scroller-component {
  height: 194px;
}
html.dashboard2Document .dashboard2 {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width : 1300px) {
  html.dashboard2Document .dashboard2 {
    padding-left: 0;
    padding-right: 0;
  }
}
html.dashboard2Document .dashboard2 .section-header {
  color: white;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: normal;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 17px;
  text-transform: uppercase;
}
html.dashboard2Document .dashboard2 .config-button,
html.dashboard2Document .dashboard2 .fork-button {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  opacity: 0.6;
  position: absolute;
  right: 20px;
  width: 20px;
}
html.dashboard2Document .dashboard2 .config-button:hover,
html.dashboard2Document .dashboard2 .fork-button:hover {
  opacity: 0.9;
}
html.dashboard2Document .dashboard2 .config-button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  background-image: url("images/dashboard/gear.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
html.dashboard2Document .dashboard2 .draft-section {
  margin-bottom: 10px;
}
html.dashboard2Document .dashboard2 .draft-section .contents {
  margin: 0 20px;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  cursor: pointer;
  background-color: #dbdbdb;
  background-image: url("images/dashboard/icon_inbox.png");
  background-position: 18px 11px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #4B4B4B;
  height: 51px;
  overflow: hidden;
  padding-bottom: 12px;
  padding-left: 67px;
  padding-top: 12px;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed.draft-animation-leave {
  -webkit-transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear;
  -moz-transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear;
  -ms-transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear;
  -o-transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear;
  transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear;
  height: 51px;
  padding-bottom: 12px;
  padding-top: 12px;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed.draft-animation-leave.draft-animation-leave-active {
  height: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed:hover {
  background-color: #CCCBCB;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed .expand-link {
  position: relative;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 15px;
  text-transform: uppercase;
}
html.dashboard2Document .dashboard2 .draft-section .collapsed .expand-link::after {
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  content: '';
  position: absolute;
  right: -21px;
  top: 11px;
}
html.dashboard2Document .dashboard2 .draft-section .expanded {
  box-sizing: border-box;
  background-color: #D0CECE;
  overflow: hidden;
  padding-bottom: 20px;
}
html.dashboard2Document .dashboard2 .draft-section .expanded .section-header {
  margin-bottom: 20px;
}
html.dashboard2Document .dashboard2 .draft-section .expanded.draft-animation-enter {
  -webkit-transition: max-height 0.3s linear, padding-bottom 0.3s linear;
  -moz-transition: max-height 0.3s linear, padding-bottom 0.3s linear;
  -ms-transition: max-height 0.3s linear, padding-bottom 0.3s linear;
  -o-transition: max-height 0.3s linear, padding-bottom 0.3s linear;
  transition: max-height 0.3s linear, padding-bottom 0.3s linear;
  max-height: 0px;
  padding-bottom: 0px;
}
html.dashboard2Document .dashboard2 .draft-section .expanded.draft-animation-enter.draft-animation-enter-active {
  max-height: 500px;
  padding-bottom: 14px;
}
html.dashboard2Document .dashboard2 .poster-section {
  background-color: #a9c45d;
  position: relative;
  margin-bottom: 10px;
}
html.dashboard2Document .dashboard2 .poster-section .contents {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  padding-bottom: 8px;
  padding-top: 1px;
}
html.dashboard2Document .dashboard2 .poster-section .contents.list {
  margin: 15px 20px 0 20px;
}
html.dashboard2Document .dashboard2 .datacards-section {
  position: relative;
}
html.dashboard2Document .dashboard2 .datacards-section > .title {
  background-color: #68b8c4;
  color: #fdfcfc;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  height: 52px;
  letter-spacing: 1px;
  line-height: 52px;
  padding-left: 20px;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
}
html.dashboard2Document .dashboard2 .datacards-section > .title .num-collections {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: none;
}
html.dashboard2Document .dashboard2 .datacards-section > .title > span {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
html.dashboard2Document .dashboard2 .datacards-section .contents {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection {
  background-color: #68b8c4;
  border-top: 2px solid #a5d2db;
  padding-bottom: 1px;
  position: relative;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection > .contents {
  margin: 0 0 10px 0;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection > .contents.list {
  margin: 10px 20px 0 20px;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection .collection-header {
  line-height: normal;
  padding-left: 20px;
  padding-top: 20px;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection .collection-header .collection-name {
  color: white;
  display: inline-block;
  font-size: 17px;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection .collection-header .collection-name .text {
  display: inline;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .datacards-section .contents .collection .collection-header .collection-name {
    max-width: calc(100% - 120px);
  }
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection .collection-header .count {
  background-color: #519ba6;
  border-radius: 37px / 50px;
  color: white;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 16.5px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
  margin-left: 10px;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection.unforked {
  background-color: #dbdbdb;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection.unforked .text,
html.dashboard2Document .dashboard2 .datacards-section .contents .collection.unforked .count {
  color: #4B4B4B;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection.unforked .count {
  background-color: #bbb;
}
html.dashboard2Document .dashboard2 .datacards-section .contents .collection.unforked .collection-header {
  padding-bottom: 15px;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list,
html.dashboard2Document .dashboard2 .add-poster-to-list {
  margin: 24px 20px 19px 20px;
  text-align: center;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list.add-poster-to-list,
html.dashboard2Document .dashboard2 .add-poster-to-list.add-poster-to-list {
  margin-bottom: 12px;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list.add-poster-to-list input,
html.dashboard2Document .dashboard2 .add-poster-to-list.add-poster-to-list input {
  border: 1px solid #809a35;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list .title,
html.dashboard2Document .dashboard2 .add-poster-to-list .title {
  color: white;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list .title .collection-name,
html.dashboard2Document .dashboard2 .add-poster-to-list .title .collection-name {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list input,
html.dashboard2Document .dashboard2 .add-poster-to-list input {
  box-sizing: border-box;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 20px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  outline: #888;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  width: 306px;
  max-width: calc(100% - 20px);
  border: 1px solid #519ba6;
}
html.dashboard2Document .dashboard2 .add-data-card-to-list .add,
html.dashboard2Document .dashboard2 .add-poster-to-list .add {
  top: -3px;
  position: relative;
  vertical-align: middle;
}
/***************************** Import CSV ********************/
html.dashboard2Document .add-collection-section.csv {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
html.dashboard2Document .dashboard2 {
  padding-top: 10px;
}
@media only screen and (min-width: 660px) {
  html.dashboard2Document .dashboard2 {
    padding-top: 0px;
  }
}
html.dashboard2Document .dashboard2 .separator {
  display: block;
  height: 20px;
}
html.dashboard2Document .dashboard2 .info-bar {
  background-color: white;
  display: none;
  left: 0px;
  padding-bottom: 13px;
  padding-top: 14px;
  -webkit-transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 660px) {
  html.dashboard2Document .dashboard2 .info-bar {
    display: block;
  }
}
html.dashboard2Document .dashboard2 .info-bar .cards-info {
  color: #949494;
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
  position: relative;
}
html.dashboard2Document .dashboard2 .info-bar .cards-info span:first-child {
  font-weight: bold;
  color: #717171;
}
html.dashboard2Document .dashboard2 .info-bar .cards-info::before {
  background-color: #4D4D4D;
  content: '';
  height: 12px;
  position: absolute;
  right: -10px;
  top: 6px;
  width: 1px;
}
html.dashboard2Document .dashboard2 .info-bar .cards-info.no-separator::before {
  display: none;
}
html.dashboard2Document .dashboard2 .info-bar .members {
  color: #949494;
  display: inline-block;
  float: right;
  font-size: 14px;
  margin-left: 21px;
  margin-right: 15px;
  margin-top: 0px;
  padding-left: 17px;
  padding-right: 10px;
  position: relative;
  opacity: 0.8;
}
html.dashboard2Document .dashboard2 .info-bar .members:hover {
  opacity: 1;
}
html.dashboard2Document .dashboard2 .info-bar .members strong {
  font-weight: bold;
  color: #717171;
}
html.dashboard2Document .dashboard2 .info-bar .members:before {
  background-image: url("images/dashboard/icon_members_dashboard.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  height: 24px;
  left: -12px;
  position: absolute;
  width: 24px;
}
html.dashboard2Document .dashboard2 .info-bar .members::after {
  background-color: #4D4D4D;
  content: '';
  height: 12px;
  position: absolute;
  right: 0px;
  top: 8px;
  width: 1px;
}
html.dashboard2Document .dashboard2 .info-bar .feed-link {
  background-image: url("images/dashboard/icon_notifications_dashboard.svg");
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  height: 24px;
  margin-right: 12px;
  margin-top: 12px;
  position: relative;
  width: 20px;
  opacity: 0.8;
}
html.dashboard2Document .dashboard2 .info-bar .feed-link .num-events {
  background-color: black;
  border-radius: 3px;
  color: white;
  font-size: 9px;
  height: 13px;
  left: 13px;
  line-height: 13px;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  top: -3px;
}
html.dashboard2Document .dashboard2 .info-bar .feed-link:hover {
  opacity: 1;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .info-bar .feed-link {
    margin-top: 1px;
  }
}
html.dashboard2Document .dashboard2 .viz-chooser-section {
  background-color: #75a5cc;
  margin-bottom: 10px;
  overflow: hidden;
}
html.dashboard2Document .dashboard2 .viz-chooser-section .scroller-component.explore {
  height: 95px;
}
html.dashboard2Document .dashboard2 .viz-chooser-section .scroller-component.explore .scrolling-div {
  top: -15px;
}
html.dashboard2Document .paging {
  display: block;
  text-align: center;
  background: rgba(0, 0, 0, 0.02);
  margin: 0;
  padding: 10px;
  line-height: 18px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.02) INSET;
}
html.dashboard2Document .paging .page-button,
html.dashboard2Document .paging .page-dots {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  height: 13px;
  height: 15px;
  line-height: 13px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
html.dashboard2Document .paging .page-button.next,
html.dashboard2Document .paging .page-dots.next {
  border-right: 0px;
}
html.dashboard2Document .paging .page-button.page-dots,
html.dashboard2Document .paging .page-dots.page-dots {
  cursor: default;
}
html.dashboard2Document .paging .page-button.selected,
html.dashboard2Document .paging .page-dots.selected {
  color: white;
}
html.dashboard2Document #content .dashboard2 .datacards-section .collection > .contents.manage-mode {
  margin: 10px 0px 32px 0px;
  padding: 0 20px;
}
html.dashboard2Document #content .dashboard2 .facts-table-header {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}
html.dashboard2Document #content .dashboard2 .facts-table-header .table-header {
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
}
html.dashboard2Document #content .dashboard2 .facts-table-header .table-header.th1 {
  margin-left: 35px;
  width: 47%;
}
html.dashboard2Document #content .dashboard2 .page-list-element a[href].title.fact {
  color: white;
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  width: 46%;
}
html.dashboard2Document #content .dashboard2 .page-list-element .title-input {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: none;
  display: inline-block;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  height: 30px;
  margin-left: 0px;
  margin-right: 10px;
  outline: none;
  padding-left: 10px;
  padding-right: 0px;
  position: relative;
  vertical-align: top;
  width: calc(46% - 20px);
}
html.dashboard2Document #content .dashboard2 .page-list-element .edit-button {
  background-image: url("images/dashboard/icon_pencil.svg");
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  left: 16px;
  margin-right: 30px;
  position: relative;
  top: 8px;
  vertical-align: top;
  width: 20px;
  opacity: 0.7;
}
html.dashboard2Document #content .dashboard2 .page-list-element .edit-button:hover {
  opacity: 1;
}
html.dashboard2Document #content .dashboard2 .page-list-element .also-used-in {
  color: #317984;
  display: inline-block;
  max-width: 42%;
  vertical-align: bottom;
}
html.dashboard2Document #content .dashboard2 .page-list-element .also-used-in a[href] {
  color: #317984;
}
html.dashboard2Document #content .dashboard2 .page-list-element .also-used-in a[href]:after {
  content: ",";
  display: inline-block;
  margin-right: 0.2em;
}
html.dashboard2Document #content .dashboard2 .page-list-element .also-used-in a[href]:last-child:after {
  content: "";
}
html.dashboard2Document #content .dashboard2 .page-list-element .also-used-in .no-results {
  color: white;
}
html.dashboard2Document #content .dashboard2 .datacards-section .edit-collection-name-input {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  height: 30px;
  left: -1px;
  outline: #ccc;
  position: relative;
  top: -3px;
  width: 300px;
  padding: 0 10px;
}
.bubble-container.dashboard-collection-config .bubble-content {
  padding-bottom: 10px;
  padding-top: 10px;
}
.bubble-container.dashboard-collection-config .bubble-content div.title {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
}
.bubble-container.dashboard-collection-config .bubble-content div.option {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 0.8;
  padding: 2px 5px;
}
.bubble-container.dashboard-collection-config .bubble-content div.option:hover {
  background-color: rgba(255, 255, 255, 0.14);
  color: white;
  opacity: 1;
}
.bubble-container.dashboard-collection-config .bubble-content div.option.selected {
  color: white;
  cursor: default;
  opacity: 1;
  pointer-events: none;
}
.bubble-container.dashboard-collection-config .bubble-content div.option.list-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.card-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.edit-tags {
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 28px 16px;
  padding: 6px 5px 6px 46px;
}
.bubble-container.dashboard-collection-config .bubble-content div.option.list-view.list-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.card-view.list-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.edit-tags.list-view {
  background-image: url("images/dashboard/listview.svg");
}
.bubble-container.dashboard-collection-config .bubble-content div.option.list-view.card-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.card-view.card-view,
.bubble-container.dashboard-collection-config .bubble-content div.option.edit-tags.card-view {
  background-image: url("images/dashboard/cardview.svg");
}
.bubble-container.dashboard-collection-config .bubble-content div.option.list-view.edit-tags,
.bubble-container.dashboard-collection-config .bubble-content div.option.card-view.edit-tags,
.bubble-container.dashboard-collection-config .bubble-content div.option.edit-tags.edit-tags {
  background-image: url("images/dashboard/tagview.svg");
}
.bubble-container.dashboard-collection-config .bubble-content div.separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: 10px;
}
.bubble-container.dashboard-collection-config .bubble-content .confirm-delete {
  line-height: 25px;
  padding-bottom: 10px;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
}
.bubble-container.dashboard-collection-config .bubble-content .confirm-delete a {
  color: white;
  margin-top: 10px;
}
.bubble-container.dashboard-collection-config .bubble-content .confirm-delete a:first-of-type {
  margin-right: 20px;
}
html.dashboard2Document #content .dashboard2 .poster-section .page-list-element .title .last-modified {
  color: #6a7f2c;
}
html.dashboard2Document #content .dashboard2 .datacards-section .page-list-element .title .last-modified {
  color: #45858e;
}
html.dashboard2Document #content .dashboard2 .facts-table-header + .page-list-element {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
html.dashboard2Document #content .dashboard2 .page-list-element {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  display: block;
  position: relative;
}
html.dashboard2Document #content .dashboard2 .page-list-element.page:hover {
  background: rgba(255, 255, 255, 0.2);
}
html.dashboard2Document #content .dashboard2 .page-list-element.page a:hover {
  text-decoration: none;
}
html.dashboard2Document #content .dashboard2 .page-list-element:not(.page) a:hover {
  text-decoration: underline;
}
html.dashboard2Document #content .dashboard2 .page-list-element .title {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.dashboard2Document #content .dashboard2 .page-list-element .title a[href] {
  color: rgba(255, 255, 255, 0.95);
  display: inline-block;
  width: 85%;
  position: relative;
  z-index: 1;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.dashboard2Document #content .dashboard2 .page-list-element .title a[href]:hover {
  color: #fff;
}
html.dashboard2Document #content .dashboard2 .page-list-element .title .last-modified {
  color: white;
  font-size: 13px;
  margin-right: 39px;
  position: absolute;
  right: 0px;
}
html.dashboard2Document #content .dashboard2 .page-list-element:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
html.dashboard2Document #content .dashboard2 .page-list-element .delete-button {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  font-size: 20px;
  line-height: 32px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  width: 32px;
  z-index: 2;
}
html.dashboard2Document #content .dashboard2 .page-list-element .delete-button:hover {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter {
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -ms-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  height: 0px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter.add-collection-animation-enter-active.manual-entry {
  height: 158px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter.add-collection-animation-enter-active.google-sheets {
  height: 32px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter.add-collection-animation-enter-active.sample-data {
  height: 340px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter.add-collection-animation-enter-active.paste-sheet {
  height: 215px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-enter.add-collection-animation-enter-active.importer {
  height: 194px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave {
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -ms-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.manual-entry {
  height: 158px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.google-sheets {
  height: 32px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.sample-data {
  height: 340px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.paste-sheet {
  height: 215px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.importer {
  height: 194px;
}
html.dashboard2Document .dashboard2 .add-collection-animation-leave.add-collection-animation-leave-active {
  height: 0px;
}
html.dashboard2Document .dashboard2 .add-collection-section {
  background-color: #68b8c4;
  display: block;
  margin-bottom: 50px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
html.dashboard2Document .dashboard2 .add-collection-section.attached {
  border-top: 2px solid #a5d2db;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet {
  color: white;
  padding-top: 6px;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets,
  html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry,
  html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet {
    text-align: left;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.google-sheets,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.google-sheets,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.google-sheets {
  padding-bottom: 6px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet {
  padding-top: 0px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet .description-text,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet .description-text,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet .description-text {
  margin-bottom: 10px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet textarea,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet textarea,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet textarea {
  box-sizing: border-box;
  height: 130px;
  margin: 0px;
  resize: none;
  width: 100%;
  font-family: monospace;
  font-size: 14px;
  padding: 10px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet textarea,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet textarea,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet textarea,
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet textarea:focus,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet textarea:focus,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet textarea:focus,
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet textarea:active,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet textarea:active,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet textarea:active {
  border: none;
  outline: none;
}
html.dashboard2Document .dashboard2 .add-collection-section .content.google-sheets.paste-sheet .add-button,
html.dashboard2Document .dashboard2 .add-collection-section .content.manual-entry.paste-sheet .add-button,
html.dashboard2Document .dashboard2 .add-collection-section .content.paste-sheet.paste-sheet .add-button {
  float: left;
  margin-left: 0px;
  margin-top: 10px;
  outline: none;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  line-height: 29px;
  margin-bottom: 14px;
  position: static;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .add-collection-section .back-button {
    position: absolute;
    right: 20px;
    top: 10px;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button.back-button-animation-enter {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  opacity: 0;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button.back-button-animation-enter.back-button-animation-enter-active {
  opacity: 1;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button.back-button-animation-leave {
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  opacity: 1;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button.back-button-animation-leave.back-button-animation-leave-active {
  opacity: 0;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button:hover {
  color: white;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button .back-button-img {
  width: 33px;
}
html.dashboard2Document .dashboard2 .add-collection-section .back-button span {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  margin-left: 10px;
  position: relative;
  text-transform: uppercase;
}
html.dashboard2Document .dashboard2 .add-collection-section .title {
  color: white;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 17px;
  line-height: normal;
  padding-bottom: 10px;
  padding-left: 1px;
  text-transform: uppercase;
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -ms-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 4px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods.hidden {
  height: 0px;
  padding-bottom: 0px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods .entry-method {
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin-right: 30px;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
@media only screen and (min-width: 500px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content-methods .entry-method {
    width: auto;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods .entry-method .icon {
  display: block;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 45px;
  height: 32px;
  transition: all 0.05s ease-out;
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods .entry-method.example .icon {
  width: 33px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content-methods .entry-method:hover .icon {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
html.dashboard2Document .dashboard2 .add-collection-section {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  background-color: #68b8c4;
  padding: 20px 20px 16px 20px;
  position: relative;
}
html.dashboard2Document .dashboard2 .add-collection-section .content {
  background-color: #68b8c4;
  overflow: hidden;
}
html.dashboard2Document .dashboard2 .add-collection-section .content h1 {
  color: white;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 10px;
}
html.dashboard2Document .dashboard2 .add-collection-section .content input {
  border: 1px solid #519ba6;
  box-sizing: border-box;
  float: left;
  font-size: 16px;
  height: 32px;
  outline: none;
  text-indent: 10px;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content input {
    max-width: calc(100% - 185px);
    width: 502px;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .content .add-button {
  margin-left: 10px;
  margin-top: 10px;
}
@media only screen and (min-width: 600px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content .add-button {
    margin-top: 0px;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .content select {
  width: 100%;
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards {
  display: block;
  text-align: center;
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data {
  background-size: cover;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 0px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  padding-bottom: 27%;
  position: relative;
  text-align: center;
  width: 100%;
  background-position: 50%;
}
@media only screen and (min-width: 560px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data {
    width: 46%;
  }
}
@media only screen and (min-width: 1075px) {
  html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data {
    padding-bottom: 13.5%;
    width: 23%;
  }
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data:hover {
  opacity: 0.8;
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.epa-violations {
  background-image: url("images/dashboard/sample-data/epa-violations.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.highest-paid-athletes {
  background-image: url("images/dashboard/sample-data/highest-paid-athletes.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.most-expensive-cars {
  background-image: url("images/dashboard/sample-data/most-expensive-cars.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.illicit-drugs {
  background-image: url("images/dashboard/sample-data/illicit-drugs.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.champagne {
  background-image: url("images/dashboard/sample-data/champagne.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.kickstarter {
  background-image: url("images/dashboard/sample-data/kickstarter.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.yc-startups {
  background-image: url("images/dashboard/sample-data/yc-startups.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data.global-slavery-index {
  background-image: url("images/dashboard/sample-data/global-slavery-index.jpg");
}
html.dashboard2Document .dashboard2 .add-collection-section .content .cards .sample-data > span {
  bottom: 10px;
  color: white;
  display: inline-block;
  font-size: 16px;
  left: 0px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}
html.dashboard2Document .delete-ui-confirmation-bubble {
  background-color: black;
  color: white;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding-left: 15px;
  padding-right: 15px;
}
html.dashboard2Document .delete-ui-confirmation-bubble div {
  display: inline-block;
}
html.dashboard2Document .delete-ui-confirmation-bubble .yes,
html.dashboard2Document .delete-ui-confirmation-bubble .no {
  cursor: pointer;
  float: right;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  line-height: 33px;
  margin-left: 10px;
  text-transform: uppercase;
}
html.dashboard2Document .delete-ui-confirmation-bubble .yes:hover,
html.dashboard2Document .delete-ui-confirmation-bubble .no:hover {
  text-decoration: underline;
}
html.dashboard2Document .delete-ui-confirmation-bubble .yes.yes,
html.dashboard2Document .delete-ui-confirmation-bubble .no.yes {
  color: #fff;
}
html.dashboard2Document .delete-ui-confirmation-bubble .yes.no,
html.dashboard2Document .delete-ui-confirmation-bubble .no.no {
  color: #dddddd;
}
html.dashboard2Document .delete-ui-confirmation-bubble::before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid black;
  border-top: 8px solid transparent;
  content: '';
  height: 0px;
  left: -16px;
  position: absolute;
  top: 8px;
  width: 0px;
}
html.dashboard2Document .page-list-element .delete-ui {
  background-color: rgba(255, 255, 255, 0.3);
  height: 32px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 5;
}
html.dashboard2Document .page-list-element .delete-ui .delete-ui-confirmation-bubble {
  position: absolute;
  right: 0px;
  width: 230px;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-enter {
  transition: width 0.2s ease-in;
  width: 100px;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-enter .delete-ui-confirmation-bubble {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-enter.delete-ui-animation-enter-active {
  width: 100%;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-enter.delete-ui-animation-enter-active .delete-ui-confirmation-bubble {
  opacity: 1;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-leave {
  transition: width 0.2s ease-in;
  width: 100%;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-leave .delete-ui-confirmation-bubble {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-leave.delete-ui-animation-leave-active {
  width: 100px;
}
html.dashboard2Document .page-list-element .delete-ui.delete-ui-animation-leave.delete-ui-animation-leave-active .delete-ui-confirmation-bubble {
  opacity: 0;
}
/******************* DASHBOARD 2 FEED ***************************/
.dashboard2feed #page-bars {
  display: none;
}
.dashboard2feed .feed {
  background-color: white;
  margin: auto;
  margin-top: 10px;
  padding-left: 10px;
}
.dashboard2feed .feed .header {
  background-color: white;
  color: #bad6e4;
  font-size: 26px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
/***************** SETTINGS ***********************************/
.dashboard2settingsDocument {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  background-color: #f6f6f2;
}
.dashboard2settingsDocument #container {
  padding-bottom: 30px;
}
.dashboard2settingsDocument #content {
  background-color: #f6f6f2;
  margin: auto;
  width: 960px;
}
.dashboard2settingsDocument h1 {
  color: #aeaca9;
  text-transform: uppercase;
  margin-top: 16px !important;
}
.dashboard2settingsDocument .separator {
  height: 30px;
}
.dashboard2settingsDocument div.settings-root > .manage.site.block {
  background-color: white;
  margin-top: 30px;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 1px;
}
.dashboard2settingsDocument #delete-site-content {
  margin-top: 0px !important;
}
.dashboard2settingsDocument #delete-site-content form {
  position: relative !important;
}
.dashboard2settingsDocument #delete-site-content form p.after-wipe-message,
.dashboard2settingsDocument #delete-site-content form p.after-delete-message {
  margin-top: 0px !important;
}
.dashboard2settingsDocument .block.users {
  background-color: white;
  padding-bottom: 0px !important;
  padding-top: 1px;
}
.dashboard2settingsDocument .bookmarkletAddToSiteDocument.block {
  background-color: white;
  padding-bottom: 0px;
  padding-top: 1px;
}
/***************** Document Version ************************/
html.documentVersionDocument .main-content {
  margin: auto;
  margin-top: 10px;
  max-width: 1280px;
}
section.site input[type=text],
section.users input[type=text],
section.bookmarkletAddToSiteDocument input[type=text],
#delete-site-content input[type=text],
section.site input[type=email],
section.users input[type=email],
section.bookmarkletAddToSiteDocument input[type=email],
#delete-site-content input[type=email],
section.site input[type=password],
section.users input[type=password],
section.bookmarkletAddToSiteDocument input[type=password],
#delete-site-content input[type=password] {
  width: 260px;
  height: 30px !important;
  font-size: 16px !important;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
}
section.site input[type=text],
section.users input[type=text],
section.bookmarkletAddToSiteDocument input[type=text],
#delete-site-content input[type=text],
section.site input[type=email],
section.users input[type=email],
section.bookmarkletAddToSiteDocument input[type=email],
#delete-site-content input[type=email],
section.site input[type=password],
section.users input[type=password],
section.bookmarkletAddToSiteDocument input[type=password],
#delete-site-content input[type=password],
section.site textarea,
section.users textarea,
section.bookmarkletAddToSiteDocument textarea,
#delete-site-content textarea {
  border: 1px solid #eeeeee;
}
html.dashboardDocument #canvas section.site h1,
html.dashboard2settingsDocument #canvas section.site h1,
html.dashboardDocument #canvas section.users h1,
html.dashboard2settingsDocument #canvas section.users h1,
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument h1,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument h1 {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 20px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 35px 20px 35px;
  background-color: white;
}
html.dashboardDocument #canvas section.site input[type=text],
html.dashboard2settingsDocument #canvas section.site input[type=text],
html.dashboardDocument #canvas section.users input[type=text],
html.dashboard2settingsDocument #canvas section.users input[type=text],
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument input[type=text],
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument input[type=text],
html.dashboardDocument #canvas section.site input[type=password],
html.dashboard2settingsDocument #canvas section.site input[type=password],
html.dashboardDocument #canvas section.users input[type=password],
html.dashboard2settingsDocument #canvas section.users input[type=password],
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument input[type=password],
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument input[type=password],
html.dashboardDocument #canvas section.site input[type=email],
html.dashboard2settingsDocument #canvas section.site input[type=email],
html.dashboardDocument #canvas section.users input[type=email],
html.dashboard2settingsDocument #canvas section.users input[type=email],
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument input[type=email],
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument input[type=email] {
  text-indent: 10px;
  width: 240px;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}
html.dashboardDocument #canvas section.site .footer,
html.dashboard2settingsDocument #canvas section.site .footer,
html.dashboardDocument #canvas section.users .footer,
html.dashboard2settingsDocument #canvas section.users .footer,
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .footer,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .footer {
  border-top: 1px solid #eeeeee;
  padding: 20px 60px;
}
html.dashboardDocument #canvas section.site .settings-table,
html.dashboard2settingsDocument #canvas section.site .settings-table {
  margin-bottom: 30px;
}
html.dashboardDocument #canvas section.site .settings-table td:first-child,
html.dashboard2settingsDocument #canvas section.site .settings-table td:first-child {
  padding-left: 40px;
}
html.dashboardDocument #canvas section.site .siteuri,
html.dashboard2settingsDocument #canvas section.site .siteuri {
  padding-left: 43px;
}
html.dashboardDocument #canvas section.site .footer,
html.dashboard2settingsDocument #canvas section.site .footer {
  padding: 0 0;
  zoom: 1;
}
html.dashboardDocument #canvas section.site .footer:before,
html.dashboard2settingsDocument #canvas section.site .footer:before,
html.dashboardDocument #canvas section.site .footer:after,
html.dashboard2settingsDocument #canvas section.site .footer:after {
  content: "";
  display: table;
}
html.dashboardDocument #canvas section.site .footer:after,
html.dashboard2settingsDocument #canvas section.site .footer:after {
  clear: both;
}
html.dashboardDocument #canvas section.site .footer #delete-site,
html.dashboard2settingsDocument #canvas section.site .footer #delete-site {
  float: left;
  padding: 15px 40px 15px 40px;
  border-right: 1px solid #eeeeee;
  color: #e8622b;
  cursor: pointer;
}
html.dashboardDocument #canvas section.site .footer #delete-site:hover,
html.dashboard2settingsDocument #canvas section.site .footer #delete-site:hover {
  text-decoration: underline;
}
html.dashboardDocument #canvas section.site .footer #delete-site.active,
html.dashboard2settingsDocument #canvas section.site .footer #delete-site.active {
  color: inherit;
  cursor: auto;
}
html.dashboardDocument #canvas section.site .footer #delete-site.active:hover,
html.dashboard2settingsDocument #canvas section.site .footer #delete-site.active:hover {
  text-decoration: none;
}
html.dashboardDocument #canvas #delete-site-content,
html.dashboard2settingsDocument #canvas #delete-site-content {
  border: 1px solid #eeeeee;
  margin: -42px 20px 0 20px;
  background-color: white;
}
html.dashboardDocument #canvas #delete-site-content form,
html.dashboard2settingsDocument #canvas #delete-site-content form {
  width: 100%;
  position: absolute;
  bottom: 0;
}
html.dashboardDocument #canvas #delete-site-content .form-element,
html.dashboard2settingsDocument #canvas #delete-site-content .form-element {
  padding-bottom: 20px;
}
html.dashboardDocument #canvas #delete-site-content .form-element label.error,
html.dashboard2settingsDocument #canvas #delete-site-content .form-element label.error {
  position: absolute;
  text-align: left !important;
  color: red;
}
html.dashboardDocument #canvas #delete-site-content .before-delete-message,
html.dashboard2settingsDocument #canvas #delete-site-content .before-delete-message {
  padding: 10px 30px 5px 20px;
}
html.dashboardDocument #canvas #delete-site-content .before-delete-message .warning,
html.dashboard2settingsDocument #canvas #delete-site-content .before-delete-message .warning {
  text-align: center;
}
html.dashboardDocument #canvas #delete-site-content .before-delete-message td.label,
html.dashboard2settingsDocument #canvas #delete-site-content .before-delete-message td.label {
  padding-left: 0;
  width: 90px;
  text-align: right;
}
html.dashboardDocument #canvas #delete-site-content .before-delete-message input[type=password],
html.dashboard2settingsDocument #canvas #delete-site-content .before-delete-message input[type=password] {
  width: 240px;
  margin: 0;
}
html.dashboardDocument #canvas #delete-site-content .before-delete-message label,
html.dashboard2settingsDocument #canvas #delete-site-content .before-delete-message label {
  display: block;
  text-align: center;
}
html.dashboardDocument #canvas #delete-site-content .after-wipe-message,
html.dashboard2settingsDocument #canvas #delete-site-content .after-wipe-message,
html.dashboardDocument #canvas #delete-site-content .after-delete-message,
html.dashboard2settingsDocument #canvas #delete-site-content .after-delete-message {
  text-align: center;
  margin-top: -100px;
}
html.dashboardDocument #canvas #delete-site-content .actions,
html.dashboard2settingsDocument #canvas #delete-site-content .actions {
  zoom: 1;
  padding: 0;
  border-top: 1px solid #eeeeee;
  text-align: center;
  background-color: white;
  margin: 0 auto;
}
html.dashboardDocument #canvas #delete-site-content .actions:before,
html.dashboard2settingsDocument #canvas #delete-site-content .actions:before,
html.dashboardDocument #canvas #delete-site-content .actions:after,
html.dashboard2settingsDocument #canvas #delete-site-content .actions:after {
  content: "";
  display: table;
}
html.dashboardDocument #canvas #delete-site-content .actions:after,
html.dashboard2settingsDocument #canvas #delete-site-content .actions:after {
  clear: both;
}
html.dashboardDocument #canvas #delete-site-content .actions .delete-or-wipe,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .delete-or-wipe,
html.dashboardDocument #canvas #delete-site-content .actions .cancel,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .cancel {
  float: left;
  padding-top: 5px;
  height: 35px;
  width: 296px;
  display: block;
  cursor: pointer;
}
html.dashboardDocument #canvas #delete-site-content .actions .delete-or-wipe:hover,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .delete-or-wipe:hover,
html.dashboardDocument #canvas #delete-site-content .actions .cancel:hover,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .cancel:hover {
  text-decoration: underline;
}
html.dashboardDocument #canvas #delete-site-content .actions .delete-or-wipe,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .delete-or-wipe {
  color: #e8622b;
  text-align: right;
  padding-right: 15px;
  border-right: 1px solid #eeeeee;
}
html.dashboardDocument #canvas #delete-site-content .actions .cancel,
html.dashboard2settingsDocument #canvas #delete-site-content .actions .cancel {
  text-align: left;
  padding-left: 15px;
}
html.dashboardDocument #canvas section.users .users-container,
html.dashboard2settingsDocument #canvas section.users .users-container {
  margin-top: 40px;
}
html.dashboardDocument #canvas section.users table.users,
html.dashboard2settingsDocument #canvas section.users table.users {
  width: 680px;
  margin-top: -40px;
  border-collapse: collapse;
}
html.dashboardDocument #canvas section.users table.users tr,
html.dashboard2settingsDocument #canvas section.users table.users tr {
  border-bottom: 1px solid #eeeeee;
  height: 40px;
}
html.dashboardDocument #canvas section.users table.users td,
html.dashboard2settingsDocument #canvas section.users table.users td {
  vertical-align: top;
  padding: 10px;
  padding-right: 0;
}
html.dashboardDocument #canvas section.users table.users td:first-child,
html.dashboard2settingsDocument #canvas section.users table.users td:first-child {
  padding-left: 40px !important;
}
html.dashboardDocument #canvas section.users table.users .hidden,
html.dashboard2settingsDocument #canvas section.users table.users .hidden {
  display: none;
}
html.dashboardDocument #canvas section.users table.users .name,
html.dashboard2settingsDocument #canvas section.users table.users .name {
  width: 140px;
  max-width: 140px !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.dashboardDocument #canvas section.users table.users .email-status,
html.dashboard2settingsDocument #canvas section.users table.users .email-status {
  width: 160px;
  max-width: 160px !important;
}
html.dashboardDocument #canvas section.users table.users .email-status .email,
html.dashboard2settingsDocument #canvas section.users table.users .email-status .email {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.dashboardDocument #canvas section.users table.users .role-resend,
html.dashboard2settingsDocument #canvas section.users table.users .role-resend {
  width: 180px;
  max-width: 180px !important;
  text-align: right;
}
html.dashboardDocument #canvas section.users table.users .resend,
html.dashboard2settingsDocument #canvas section.users table.users .resend {
  display: none;
}
html.dashboardDocument #canvas section.users table.users .pending .resend,
html.dashboard2settingsDocument #canvas section.users table.users .pending .resend {
  display: block;
  padding-right: 10px;
}
html.dashboardDocument #canvas section.users table.users .resend:not(.sent) a,
html.dashboard2settingsDocument #canvas section.users table.users .resend:not(.sent) a {
  color: #e8622b;
  cursor: pointer;
}
html.dashboardDocument #canvas section.users table.users .resend:not(.sent) a:hover,
html.dashboard2settingsDocument #canvas section.users table.users .resend:not(.sent) a:hover {
  text-decoration: underline;
}
html.dashboardDocument #canvas section.users table.users .pending .resend.sent,
html.dashboard2settingsDocument #canvas section.users table.users .pending .resend.sent {
  padding-right: 0;
}
html.dashboardDocument #canvas section.users table.users .remove,
html.dashboard2settingsDocument #canvas section.users table.users .remove {
  width: 32px;
  max-width: 32px !important;
  padding-top: 20px;
  padding-right: 40px;
}
html.dashboardDocument #canvas section.users table.users .remove .delete,
html.dashboard2settingsDocument #canvas section.users table.users .remove .delete {
  display: block;
  float: right;
  height: 12px;
  width: 12px;
  cursor: pointer;
  background-image: url("images/buttons/round-delete.png");
  background-image: -webkit-image-set(url("images/buttons/round-delete.png") 1x, url("images/buttons/round-delete@2x.png") 2x);
}
@media (min-resolution: 1.5dppx) {
  html.dashboardDocument #canvas section.users table.users .remove .delete,
  html.dashboard2settingsDocument #canvas section.users table.users .remove .delete {
    background-image: url("images/buttons/round-delete@2x.png");
    background-size: 12px 12px;
  }
}
html.dashboardDocument #canvas section.users table.users .buttons,
html.dashboard2settingsDocument #canvas section.users table.users .buttons {
  display: none;
  padding: 5px 5px 0 15px;
  font-size: 13px;
  background-color: #e5452a;
  color: white;
  line-height: 20px;
}
html.dashboardDocument #canvas section.users table.users .buttons .cancel,
html.dashboard2settingsDocument #canvas section.users table.users .buttons .cancel,
html.dashboardDocument #canvas section.users table.users .buttons .ok,
html.dashboard2settingsDocument #canvas section.users table.users .buttons .ok {
  padding-right: 10px;
  text-decoration: underline;
  color: #e8622b;
  cursor: pointer;
  font-size: 13px;
  color: white;
}
html.dashboardDocument #canvas section.users table.users .buttons .cancel:hover,
html.dashboard2settingsDocument #canvas section.users table.users .buttons .cancel:hover,
html.dashboardDocument #canvas section.users table.users .buttons .ok:hover,
html.dashboard2settingsDocument #canvas section.users table.users .buttons .ok:hover {
  text-decoration: underline;
}
html.dashboardDocument #canvas section.users table.users tr.confirm .role-resend,
html.dashboard2settingsDocument #canvas section.users table.users tr.confirm .role-resend,
html.dashboardDocument #canvas section.users table.users tr.confirm .remove,
html.dashboard2settingsDocument #canvas section.users table.users tr.confirm .remove {
  display: none;
}
html.dashboardDocument #canvas section.users table.users tr.confirm .buttons,
html.dashboard2settingsDocument #canvas section.users table.users tr.confirm .buttons {
  display: table-cell;
}
html.dashboardDocument #canvas section.users table.users .spinner,
html.dashboard2settingsDocument #canvas section.users table.users .spinner {
  display: none;
}
html.dashboardDocument #canvas section.users table.users tr.deleting .remove,
html.dashboard2settingsDocument #canvas section.users table.users tr.deleting .remove,
html.dashboardDocument #canvas section.users table.users tr.deleting .role-resend,
html.dashboard2settingsDocument #canvas section.users table.users tr.deleting .role-resend {
  display: none;
}
html.dashboardDocument #canvas section.users table.users tr.deleting .spinner,
html.dashboard2settingsDocument #canvas section.users table.users tr.deleting .spinner {
  display: table-cell;
  background: url("images/ajax-loader.gif") no-repeat;
  background-position: 245px center;
  margin-right: 10px;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content {
  text-align: center;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet {
  margin-bottom: 30px;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet input,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet input {
  margin-left: 15px;
  border: 1px solid #e5e5e5;
  height: 35px;
  width: 150px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url("images/buttons/triangle-gray.png");
  background-image: -webkit-image-set(url("images/buttons/triangle-gray.png") 1x, url("images/buttons/triangle-gray@2x.png") 2x);
  background-repeat: no-repeat;
  background-position: 160px center;
}
@media (min-resolution: 1.5dppx) {
  html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet input,
  html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet input {
    background-image: url("images/buttons/triangle-gray@2x.png");
    background-size: 10px 10px;
  }
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet label,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet label {
  display: block;
  margin-bottom: 5px;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet select,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #marklet select {
  height: 32px;
  border: 1px solid #ccc;
  font-size: 16px;
  cursor: pointer;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .content #bookmark,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .content #bookmark {
  max-width: 550px;
  font-size: 17px;
  margin: 0px auto 50px auto;
  cursor: move;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html.dashboardDocument #canvas section.bookmarkletAddToSiteDocument .footer,
html.dashboard2settingsDocument #canvas section.bookmarkletAddToSiteDocument .footer {
  text-align: center;
}
.collection-remove-popup {
  width: 100%;
  height: 100%;
}
.collection-remove-popup .content {
  box-sizing: border-box;
  background-color: white;
  border-radius: 10px;
  height: 168px;
  left: 50%;
  margin-left: -200px;
  margin-top: -84px;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 400px;
}
.collection-remove-popup .content .progress-bar {
  text-align: left;
  width: 90%;
  margin: 15px auto 20px auto;
  border: #28bad0 solid 2px;
  border-radius: 6px;
  padding: 2px 4px 2px 2px;
}
.collection-remove-popup .content .progress-bar .progress {
  background-color: #28bad0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 20px;
  width: 0%;
}
@-moz-keyframes fadeIn {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: #f6f6f2;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: #f6f6f2;
  }
}
section.users td.new {
  background: #fdf8d5;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -moz-animation-name: fadeIn;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 0s;
}
@-moz-keyframes fadeIn {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: white;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: white;
  }
}
section.site td.new {
  background: #fdf8d5;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -moz-animation-name: fadeIn;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 0s;
}
.manage.block table {
  border-collapse: collapse;
  width: 100%;
}
.manage.block table tbody.pending {
  border-top: solid 8px white;
}
.manage.block table td {
  width: 70px;
  padding: 8px 8px;
  height: 30px;
}
.manage.block table td.remove .ok {
  width: 60px;
  margin-right: 7px;
}
.manage.block table td.remove .cancel {
  width: 60px;
}
.manage.block table a.sent {
  cursor: auto;
}
.manage.block table td.status .message {
  border: 0;
  color: #666;
}
.manage.block table td.status .resend.sent {
  color: #0a0;
}
.manage.block table td.status .resend.failed {
  color: #a00;
}
.manage.block table td.status .resend:hover {
  cursor: pointer;
}
@-moz-keyframes fadeOut {
  0% {
    background: #F9bbbb;
    opacity: 1;
  }
  100% {
    background: white;
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    background: #F9bbbb;
    opacity: 1;
  }
  100% {
    background: white;
    opacity: 0;
  }
}
.manage.block table tr.deleted td {
  background: #F9bbbb;
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -moz-animation-name: fadeOut;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 0s;
}
@-moz-keyframes fadeInSite {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: none;
  }
}
@-webkit-keyframes fadeInSite {
  0% {
    background: #fdf8d5;
  }
  100% {
    background: none;
  }
}
.manage.block .site td.new {
  background: none;
  -webkit-animation-name: fadeInSite;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -moz-animation-name: fadeInSite;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 0s;
}
.manage.block form#add-form {
  padding: 35px 0;
}
.manage.block form#add-form input[type=text],
.manage.block form#add-form input[type=password],
.manage.block form#add-form input[type=email] {
  padding: 0 10px;
  border: 1px solid #e5e5e5;
  height: 40px;
  width: 240px;
}
.manage.block form#add-form input[type=text],
.manage.block form#add-form input[type=email],
.manage.block form#add-form select {
  margin: 0 15px;
}
.manage.block form#add-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  margin-top: 16px;
  padding: 8px;
  display: inline;
  width: 100%;
  height: 80px;
  outline: none;
  background: white;
}
.manage.block .privacy {
  padding-left: 30px;
}
.manage.block .privacy input {
  margin-right: 5px;
}
.manage.block .privacy label {
  margin-right: 20px;
}
.manage.block #delete-site-content {
  margin-bottom: 0;
}
.manage.block #delete-site-content .error {
  display: none;
}
.manage.block #delete-site-content.error .error {
  display: block;
}
.manage.block #delete-site-content .actions {
  margin-bottom: 30px;
}
.green-submit {
  cursor: pointer;
  border: none;
  background: #b0cf31;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  color: white;
  font-size: 12px;
}
.green-submit:hover {
  background-color: #91b400;
}
.namePageDialog {
  height: 270px;
  width: 600px;
  margin-top: -135px;
  margin-left: -300px;
  /* Rest of this code is all for the delete action */
}
.namePageDialog form {
  width: 500px;
  margin: 0 auto;
}
.namePageDialog form label {
  display: block;
  margin-left: 15px;
  margin-right: 15px;
}
.namePageDialog form input[type=text] {
  display: block;
  margin-top: 5px;
  width: 100%;
}
.namePageDialog form input[type=submit] {
  float: right;
}
.namePageDialog form input[type=text],
.namePageDialog form input[type=email],
.namePageDialog form input[type=password] {
  width: 460px;
  height: 30px !important;
  font-size: 16px !important;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
}
.namePageDialog form input[type=text],
.namePageDialog form input[type=email],
.namePageDialog form input[type=password],
.namePageDialog form textarea {
  border: 1px solid #eeeeee;
}
.namePageDialog form label.error {
  position: absolute;
  color: red;
  font-size: 14px;
  margin-top: 5px;
}
.namePageDialog form .create {
  cursor: pointer;
  border: none;
  background: #b0cf31;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  color: white;
  font-size: 12px;
}
.namePageDialog form .create:hover {
  background-color: #91b400;
}
.namePageDialog .actions {
  margin-top: 30px;
}
.namePageDialog a {
  cursor: pointer;
}
.namePageDialog a.cancel {
  color: #888;
  float: right;
  margin-top: 9px;
  margin-right: 10px;
}
.dashboardDocument #invite-form,
.dashboard2settingsDocument #content #invite-form {
  background-color: white;
  border-top: 1px solid #eeeeee;
  padding: 20px 60px;
}
.dashboardDocument #invite-form .role,
.dashboard2settingsDocument #content #invite-form .role {
  margin-top: 3px;
}
.dashboardDocument #invite-form .invite-title,
.dashboard2settingsDocument #content #invite-form .invite-title {
  display: none;
}
.dashboardDocument #invite-form .button-container,
.dashboard2settingsDocument #content #invite-form .button-container {
  text-align: center;
}
.dashboardDocument #invite-form .button-container .invite-button,
.dashboard2settingsDocument #content #invite-form .button-container .invite-button {
  margin: 0 auto;
}
section.users .email-role {
  color: #73726c;
  zoom: 1;
}
section.users .email-role:before,
section.users .email-role:after {
  content: "";
  display: table;
}
section.users .email-role:after {
  clear: both;
}
section.users .email-role .email {
  position: relative;
  float: left;
  padding-bottom: 40px;
}
section.users .email-role .email label.error {
  color: #e8622b;
  float: right;
  position: absolute;
  left: 65px;
  top: 34px;
  margin-top: 5px;
  width: 600px;
}
section.users .email-role .role {
  padding-left: 15px;
  float: left;
}
section.users .email-role .role select {
  margin-left: 20px;
  height: 32px;
  border: 1px solid #ddd;
  min-width: 200px;
  font-size: 16px;
  cursor: pointer;
}
section.users .note-noconfirm {
  zoom: 1;
  padding-right: 10px;
  line-height: 16px;
}
section.users .note-noconfirm:before,
section.users .note-noconfirm:after {
  content: "";
  display: table;
}
section.users .note-noconfirm:after {
  clear: both;
}
section.users .note-noconfirm .note-msg {
  float: left;
}
section.users .note-noconfirm .noconfirm .noconfirm {
  float: left;
  margin-right: 10px;
}
section.users .invite-editor-checkbox-label {
  display: none;
}
.bubble-container #invite-form {
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
.bubble-container #invite-form .note-noconfirm,
.bubble-container #invite-form .invite-role,
.bubble-container #invite-form #invite-as {
  display: none;
}
.bubble-container #invite-form .email {
  overflow: hidden;
  width: 300px;
}
.bubble-container #invite-form .invite-title {
  display: block;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.bubble-container #invite-form .invite-email {
  width: 210px;
  margin-left: 10px;
  outline: none;
  word-break: break-all;
}
.bubble-container #invite-form .error.msg {
  display: block;
  text-align: left;
  color: #e8622b;
  line-height: 22px;
}
.bubble-container #invite-form .invite-editor-checkbox-label {
  display: block;
  margin-top: 10px;
}
.bubble-container #invite-form .button-container {
  text-align: center;
  margin-top: 10px;
}
.bubble-container #invite-form .button-container .invite-button {
  width: 100%;
  /*
  display     : inline-block;
  height      : @bar-height;
  padding     : 0 15px;
  border      : solid 1px (@sand * 0.9);
  background  : @sand;

  line-height : 30px;
  color       : @sand * 0.35;
  cursor      : pointer;

  span { font-weight: bold; }

  &:not(.disabled):hover { background: white; }

  &.disabled
  {
    cursor  : default;
    opacity : 0.4;
  }*/
  /*
  background   : @joey-color;
  color        : white;
  border-color : @joey-color;

  &:not(.disabled):hover { background: @joey-color-dark; }
  */
}
.bubble-container .share-embed {
  padding: 10px;
  -webkit-transition-property: margin-left width height;
  -moz-transition-property: margin-left width height;
  -ms-transition-property: margin-left width height;
  -o-transition-property: margin-left width height;
  transition-property: margin-left width height;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  overflow: hidden;
}
.bubble-container .share-embed .privacy-warning {
  padding: 5px;
  font-style: italic;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.bubble-container .share-embed .privacy-warning a {
  color: white;
}
.bubble-container .share-embed .pick {
  -webkit-transition-property: height margin-bottom;
  -moz-transition-property: height margin-bottom;
  -ms-transition-property: height margin-bottom;
  -o-transition-property: height margin-bottom;
  transition-property: height margin-bottom;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  overflow: hidden;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.bubble-container .share-embed .pick:last-child {
  margin-bottom: 0;
}
.bubble-container .share-embed .pick svg {
  float: left;
}
.bubble-container .share-embed .pick svg path {
  -webkit-transition: fill 0.2s ease;
  -moz-transition: fill 0.2s ease;
  -ms-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  fill: white;
}
.bubble-container .share-embed .pick.facebook:hover svg path {
  fill: #4963a5;
}
.bubble-container .share-embed .pick.twitter:hover svg path {
  fill: #5eaade;
}
.bubble-container .share-embed .pick.linkedin:hover svg path {
  fill: #3586be;
}
.bubble-container .share-embed .pick.disabled {
  cursor: none;
  opacity: 1.0;
  pointer-events: none;
}
.bubble-container .share-embed .pick span {
  line-height: 40px;
  margin-left: 10px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  letter-spacing: 2px;
}
html.browser-safari .bubble-container .share-embed .pick span {
  font-weight: bold;
}
.bubble-container .share-embed .pick:hover {
  opacity: 1.0;
}
.bubble-container .share-embed .size-selector {
  text-align: center;
  margin-bottom: 10px;
}
.bubble-container .share-embed .size-selector select {
  margin-left: 10px;
  -webkit-appearance: menulist-button;
  width: 229px;
  height: 33px;
  background-color: white;
  color: black;
  margin-bottom: 6px;
  margin-top: 6px;
  font-size: 0.9em;
}
.bubble-container .share-embed .code {
  border: solid 1px rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  padding: 10px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  font-family: "courier", monospace;
  font-size: 11px;
  color: white;
  white-space: pre-wrap;
  overflow-y: auto;
}
.bubble-container .share-embed .copy-button {
  text-align: center;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #FFF;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 5px;
}
.bubble-container .share-embed .copy-button.complete {
  color: #8f8c72;
}
.bubble-container .share-embed .link-box .code {
  text-align: center;
  height: 14px;
}
.bubble-container .share-embed .embed-box .code {
  width: 94%;
  height: 75px;
}
.bubble-container .share-embed .link-box .code {
  margin: 10px 0 15px;
  height: 14px;
}
.top-bar-site-wrapper .viz-chooser {
  padding-top: 30px;
  text-align: left;
}
.top-bar-site-wrapper .viz-chooser .option {
  margin-top: 0px;
}
.viz-chooser {
  line-height: 26px;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 33px;
  text-align: left;
  white-space: nowrap;
}
.viz-chooser .option {
  cursor: pointer;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  text-decoration: none !important;
}
.viz-chooser .option::before {
  border-bottom: 0px solid white;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid transparent;
  bottom: -13px;
  content: '';
  left: 50%;
  margin-left: -13px;
  position: absolute;
  transition: all 0.3s ease-out;
}
.viz-chooser .option.selected {
  cursor: default;
  position: relative;
  pointer-events: none;
}
.viz-chooser .option.selected::before {
  border-bottom: 13px solid white;
}
.viz-chooser .option:not(.selected):hover .icon {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.viz-chooser .option .icon {
  margin: auto;
  transition: all 0.075s ease-out;
  position: relative;
  width: 31px;
  height: 31px;
  background-image: url("images/widget-icons.svg");
  background-size: 1015px 113px;
}
.viz-chooser .option .icon.grid,
.viz-chooser .option .icon.pagegrid {
  background-position: 0px -41px;
}
.viz-chooser .option .icon.table {
  background-position: -41px -41px;
}
.viz-chooser .option .icon.list,
.viz-chooser .option .icon.collection-list {
  background-position: -82px -41px;
}
.viz-chooser .option .icon.mosaic {
  background-position: -123px -41px;
}
.viz-chooser .option .icon.groupby,
.viz-chooser .option .icon.group-by {
  background-position: -164px -41px;
}
.viz-chooser .option .icon.map {
  background-position: -205px -41px;
}
.viz-chooser .option .icon.barchart,
.viz-chooser .option .icon.vbar,
.viz-chooser .option .icon.column-chart {
  background-position: -246px -41px;
}
.viz-chooser .option .icon.hbar,
.viz-chooser .option .icon.bar-chart {
  background-position: -287px -41px;
}
.viz-chooser .option .icon.stackchart,
.viz-chooser .option .icon.stack-chart {
  background-position: -328px -41px;
}
.viz-chooser .option .icon.donutchart,
.viz-chooser .option .icon.donut-chart {
  background-position: -369px -41px;
}
.viz-chooser .option .icon.piechart,
.viz-chooser .option .icon.pie-chart {
  background-position: -410px -41px;
}
.viz-chooser .option .icon.linechart,
.viz-chooser .option .icon.line-chart {
  background-position: -451px -41px;
}
.viz-chooser .option .icon.scatterplot,
.viz-chooser .option .icon.scatter-plot {
  background-position: -492px -41px;
}
.viz-chooser .option .icon.areachart,
.viz-chooser .option .icon.area-chart {
  background-position: -533px -41px;
}
.viz-chooser .option .icon.text {
  background-position: -574px -41px;
}
.viz-chooser .option .icon.image {
  background-position: -615px -41px;
}
.viz-chooser .option .icon.video {
  background-position: -656px -41px;
}
.viz-chooser .option .icon.audio {
  background-position: -738px -41px;
}
.viz-chooser .option .icon.embed {
  background-position: -779px -41px;
}
.viz-chooser .option .icon.file {
  background-position: -820px -41px;
}
.viz-chooser .option .icon.twitter {
  background-position: -861px -41px;
}
.viz-chooser .option .icon.recent-pages {
  background-position: -902px -41px;
}
.viz-chooser .option .icon.table-of-contents {
  background-position: -943px -41px;
}
.viz-chooser .option .icon.collection-overview {
  background-position: -984px -41px;
}
.viz-chooser .option .label {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 4px;
}
.viz-chooser .optiona:hover {
  text-decoration: none !important;
}
.feature-flags {
  max-width: 800px;
  margin: 60px auto;
}
.feature-flags ul {
  list-style-type: none;
}
.feature-flags ul input[type=checkbox] {
  margin-right: 10px;
}
.feature-flags ul .key-name {
  color: grey;
  font-size: 80%;
  padding-left: 10px;
  font-style: italic;
  display: none;
}
#forked-base-document {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1280px;
  margin: 0 auto 0 auto;
  color: #888;
  padding: 0px 20px;
}
#canvas > .explore .top-config,
#canvas > .explore .extra-config {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  position: relative;
  background: white;
  padding: 20px;
}
#canvas > .explore .top-config .center,
#canvas > .explore .extra-config .center {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
#canvas > .explore .top-config {
  min-height: 90px;
}
#canvas > .explore .top-config .view-specific-main {
  padding-left: 10px;
  padding-right: 120px;
}
#canvas > .explore .top-config.widget .view-specific-main {
  margin-left: 105px;
}
#canvas > .explore .top-config.explore .view-switcher {
  display: none;
}
#canvas > .explore .extra-config {
  display: none;
  background: #f7f7f7;
  border-top: solid 1px #e9e9e9;
  padding: 12px 15px;
}
#canvas > .explore .extra-config .view-specific-extra {
  margin-left: 145px;
}
html.widget-editing #canvas > .explore .extra-config.extra-config {
  background: white;
  border-bottom: solid 1px #e9e9e9;
}
#canvas > .explore .extra-config .inline-value-picker .plus {
  background: rgba(255, 255, 255, 0.7);
}
#canvas > .explore .view-specific-main br,
#canvas > .explore .view-specific-extra br {
  display: inline-block;
  clear: both;
}
#canvas > .explore .inline-value-picker {
  float: left;
  line-height: 14px;
  margin-bottom: 0px;
  margin-right: 20px;
  margin-top: 5px;
}
#canvas > .explore .inline-value-picker .end {
  float: right;
}
#canvas > .explore .inline-value-picker .values {
  line-height: 14px;
}
#canvas > .explore .inline-value-picker .description a {
  margin-left: 40px;
  margin-right: 3px;
  cursor: pointer;
  text-decoration: underline;
  float: right;
}
#canvas > .explore .inline-value-picker.no-picker .value {
  background: #ffffff;
}
#canvas > .explore .inline-value-picker.no-picker .steps {
  padding: 0;
  cursor: default;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.8);
  max-width: 100%;
}
#canvas > .explore .inline-value-picker.no-picker .steps:hover {
  background: #ffffff;
}
#canvas > .explore .inline-value-picker.no-picker .steps .down {
  display: none;
}
#canvas > .explore .inline-value-picker .description {
  color: rgba(0, 0, 0, 0.4);
  line-height: 14px;
  margin-bottom: 6px;
}
@media (max-width: 1280px) {
  #canvas > .explore .top-config,
  #canvas > .explore .extra-config {
    border-top: none;
    border-bottom: solid 1px #e9e9e9;
  }
}
.bubble-container.pill-toggle-explanation .bubble-content {
  background: #62c4be;
  border-color: #62c4be;
  color: white;
  padding: 10px;
}
.bubble-container.pill-toggle-explanation .bubble-arrow-right {
  border-color: transparent #62c4be transparent transparent;
}
.bubble-container.pill-toggle-explanation .bubble-arrow-left {
  border-color: transparent transparent transparent #62c4be;
}
.bubble-container.pill-toggle-explanation .bubble-arrow-bottom {
  border-color: transparent transparent #62c4be transparent;
}
.bubble-container.pill-toggle-explanation .bubble-arrow-top {
  border-color: #62c4be transparent transparent transparent;
}
#canvas > .explore .extra-config-toggler {
  color: #75a5cc;
  cursor: pointer;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 14px;
  margin-right: 10px;
  margin-top: -14px;
  padding-right: 25px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-transform: uppercase;
  top: 50%;
  width: 80px;
  -webkit-transform: translate3d(0, 0, 0);
}
@media (max-width: 600px) {
  #canvas > .explore .extra-config-toggler {
    position: static;
    margin: 0 auto;
    margin-top: 15px;
  }
}
#canvas > .explore .extra-config-toggler::after {
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -webkit-transform 0.3s linear;
  -ms-transition: -webkit-transform 0.3s linear;
  -o-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  -webkit-transform-origin: 7px 3px;
  -moz-transform-origin: 7px 3px;
  -ms-transform-origin: 7px 3px;
  -o-transform-origin: 7px 3px;
  transform-origin: 7px 3px;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #75a5cc;
  content: '';
  position: absolute;
  right: 0px;
  top: 11px;
}
#canvas > .explore .extra-config-toggler.open::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.queryviewer-slice .list .slice {
  color: #bbb;
  text-align: right;
  padding: 4px;
  cursor: pointer;
}
.queryviewer-slice .list .slice:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.queryviewer-sort-direction {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 14px;
  cursor: pointer;
}
.queryviewer-sort-direction:hover svg path {
  fill: white;
}
.queryviewer-sort-direction.desc svg:first-of-type {
  display: none;
}
.queryviewer-sort-direction.asc svg:last-of-type {
  display: none;
}
.slice-info {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  padding-top: 10px;
  font-size: 14px;
}
html.query-error-result .slice-info,
html.query-no-result .slice-info {
  display: none;
}
html.queryDocument #canvas .view-switcher {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 90px;
  border-right: solid 1px #e9e9e9;
}
html.queryDocument #canvas .view-switcher .container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #75a5cc;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
  padding: 10px 0 5px 0;
  width: 75px;
}
html.queryDocument #canvas .view-switcher .container:hover {
  background-color: #6995b8;
}
html.queryDocument #canvas .view-switcher .icon {
  width: 27.9px;
  height: 27.9px;
  background-image: url("images/widget-icons.svg");
  background-size: 913.5px 101.7px;
  position: relative;
  margin-left: 23px;
}
html.queryDocument #canvas .view-switcher .icon.grid,
html.queryDocument #canvas .view-switcher .icon.pagegrid {
  background-position: 0px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.table {
  background-position: -36.9px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.list,
html.queryDocument #canvas .view-switcher .icon.collection-list {
  background-position: -73.8px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.mosaic {
  background-position: -110.7px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.groupby,
html.queryDocument #canvas .view-switcher .icon.group-by {
  background-position: -147.6px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.map {
  background-position: -184.5px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.barchart,
html.queryDocument #canvas .view-switcher .icon.vbar,
html.queryDocument #canvas .view-switcher .icon.column-chart {
  background-position: -221.4px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.hbar,
html.queryDocument #canvas .view-switcher .icon.bar-chart {
  background-position: -258.3px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.stackchart,
html.queryDocument #canvas .view-switcher .icon.stack-chart {
  background-position: -295.2px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.donutchart,
html.queryDocument #canvas .view-switcher .icon.donut-chart {
  background-position: -332.1px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.piechart,
html.queryDocument #canvas .view-switcher .icon.pie-chart {
  background-position: -369px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.linechart,
html.queryDocument #canvas .view-switcher .icon.line-chart {
  background-position: -405.9px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.scatterplot,
html.queryDocument #canvas .view-switcher .icon.scatter-plot {
  background-position: -442.8px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.areachart,
html.queryDocument #canvas .view-switcher .icon.area-chart {
  background-position: -479.7px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.text {
  background-position: -516.6px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.image {
  background-position: -553.5px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.video {
  background-position: -590.4px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.audio {
  background-position: -664.2px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.embed {
  background-position: -701.1px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.file {
  background-position: -738px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.twitter {
  background-position: -774.9px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.recent-pages {
  background-position: -811.8px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.table-of-contents {
  background-position: -848.7px -36.9px;
}
html.queryDocument #canvas .view-switcher .icon.collection-overview {
  background-position: -885.6px -36.9px;
}
html.queryDocument #canvas .view-switcher .point {
  font-size: 14px;
  position: absolute;
  color: white;
  top: 13px;
  right: 8px;
}
html.queryDocument #canvas .view-switcher .label {
  color: white;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 14px;
  margin-top: 7px;
  text-align: center;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
}
html.browser-safari html.queryDocument #canvas .view-switcher .label {
  font-weight: bold;
}
.bubble-container .view-switcher-menu .button {
  opacity: 0.7;
  display: block;
  margin: 17px 10px;
  cursor: pointer;
  clear: left;
}
.bubble-container .view-switcher-menu .button:hover {
  opacity: 1.0;
}
.bubble-container .view-switcher-menu .button div {
  float: left;
  position: relative;
  width: 23.56px;
  height: 23.56px;
  background-image: url("images/widget-icons.svg");
  background-size: 771.4px 85.88px;
}
.bubble-container .view-switcher-menu .button div.grid,
.bubble-container .view-switcher-menu .button div.pagegrid {
  background-position: 0px -31.16px;
}
.bubble-container .view-switcher-menu .button div.table {
  background-position: -31.16px -31.16px;
}
.bubble-container .view-switcher-menu .button div.list,
.bubble-container .view-switcher-menu .button div.collection-list {
  background-position: -62.32px -31.16px;
}
.bubble-container .view-switcher-menu .button div.mosaic {
  background-position: -93.48px -31.16px;
}
.bubble-container .view-switcher-menu .button div.groupby,
.bubble-container .view-switcher-menu .button div.group-by {
  background-position: -124.64px -31.16px;
}
.bubble-container .view-switcher-menu .button div.map {
  background-position: -155.8px -31.16px;
}
.bubble-container .view-switcher-menu .button div.barchart,
.bubble-container .view-switcher-menu .button div.vbar,
.bubble-container .view-switcher-menu .button div.column-chart {
  background-position: -186.96px -31.16px;
}
.bubble-container .view-switcher-menu .button div.hbar,
.bubble-container .view-switcher-menu .button div.bar-chart {
  background-position: -218.12px -31.16px;
}
.bubble-container .view-switcher-menu .button div.stackchart,
.bubble-container .view-switcher-menu .button div.stack-chart {
  background-position: -249.28px -31.16px;
}
.bubble-container .view-switcher-menu .button div.donutchart,
.bubble-container .view-switcher-menu .button div.donut-chart {
  background-position: -280.44px -31.16px;
}
.bubble-container .view-switcher-menu .button div.piechart,
.bubble-container .view-switcher-menu .button div.pie-chart {
  background-position: -311.6px -31.16px;
}
.bubble-container .view-switcher-menu .button div.linechart,
.bubble-container .view-switcher-menu .button div.line-chart {
  background-position: -342.76px -31.16px;
}
.bubble-container .view-switcher-menu .button div.scatterplot,
.bubble-container .view-switcher-menu .button div.scatter-plot {
  background-position: -373.92px -31.16px;
}
.bubble-container .view-switcher-menu .button div.areachart,
.bubble-container .view-switcher-menu .button div.area-chart {
  background-position: -405.08px -31.16px;
}
.bubble-container .view-switcher-menu .button div.text {
  background-position: -436.24px -31.16px;
}
.bubble-container .view-switcher-menu .button div.image {
  background-position: -467.4px -31.16px;
}
.bubble-container .view-switcher-menu .button div.video {
  background-position: -498.56px -31.16px;
}
.bubble-container .view-switcher-menu .button div.audio {
  background-position: -560.88px -31.16px;
}
.bubble-container .view-switcher-menu .button div.embed {
  background-position: -592.04px -31.16px;
}
.bubble-container .view-switcher-menu .button div.file {
  background-position: -623.2px -31.16px;
}
.bubble-container .view-switcher-menu .button div.twitter {
  background-position: -654.36px -31.16px;
}
.bubble-container .view-switcher-menu .button div.recent-pages {
  background-position: -685.52px -31.16px;
}
.bubble-container .view-switcher-menu .button div.table-of-contents {
  background-position: -716.68px -31.16px;
}
.bubble-container .view-switcher-menu .button div.collection-overview {
  background-position: -747.84px -31.16px;
}
.bubble-container .view-switcher-menu .button:hover div {
  position: relative;
  width: 23.56px;
  height: 23.56px;
  background-image: url("images/widget-icons.svg");
  background-size: 771.4px 85.88px;
}
.bubble-container .view-switcher-menu .button:hover div.grid,
.bubble-container .view-switcher-menu .button:hover div.pagegrid {
  background-position: 0px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.table {
  background-position: -31.16px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.list,
.bubble-container .view-switcher-menu .button:hover div.collection-list {
  background-position: -62.32px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.mosaic {
  background-position: -93.48px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.groupby,
.bubble-container .view-switcher-menu .button:hover div.group-by {
  background-position: -124.64px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.map {
  background-position: -155.8px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.barchart,
.bubble-container .view-switcher-menu .button:hover div.vbar,
.bubble-container .view-switcher-menu .button:hover div.column-chart {
  background-position: -186.96px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.hbar,
.bubble-container .view-switcher-menu .button:hover div.bar-chart {
  background-position: -218.12px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.stackchart,
.bubble-container .view-switcher-menu .button:hover div.stack-chart {
  background-position: -249.28px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.donutchart,
.bubble-container .view-switcher-menu .button:hover div.donut-chart {
  background-position: -280.44px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.piechart,
.bubble-container .view-switcher-menu .button:hover div.pie-chart {
  background-position: -311.6px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.linechart,
.bubble-container .view-switcher-menu .button:hover div.line-chart {
  background-position: -342.76px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.scatterplot,
.bubble-container .view-switcher-menu .button:hover div.scatter-plot {
  background-position: -373.92px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.areachart,
.bubble-container .view-switcher-menu .button:hover div.area-chart {
  background-position: -405.08px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.text {
  background-position: -436.24px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.image {
  background-position: -467.4px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.video {
  background-position: -498.56px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.audio {
  background-position: -560.88px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.embed {
  background-position: -592.04px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.file {
  background-position: -623.2px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.twitter {
  background-position: -654.36px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.recent-pages {
  background-position: -685.52px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.table-of-contents {
  background-position: -716.68px -62.32px;
}
.bubble-container .view-switcher-menu .button:hover div.collection-overview {
  background-position: -747.84px -62.32px;
}
.bubble-container .view-switcher-menu .button span {
  line-height: 24px;
  margin-left: 10px;
  font-size: 10px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
html.browser-safari .bubble-container .view-switcher-menu .button span {
  font-weight: bold;
}
html.queryDocument #canvas .filter-box .filters,
#canvas .component-queryview .filters {
  font-size: 14px;
  overflow: hidden;
}
html.queryDocument #canvas .filter-box .filters .filter,
#canvas .component-queryview .filters .filter {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  min-height: 34px;
  color: rgba(0, 0, 0, 0.4);
}
html.queryDocument #canvas .filter-box .filters .filter .header,
#canvas .component-queryview .filters .filter .header {
  font-size: 15px;
  color: black;
}
html.queryDocument #canvas .filter-box .filters .filter .header span:first-child,
#canvas .component-queryview .filters .filter .header span:first-child {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 185px;
}
html.queryDocument #canvas .filter-box .filters .filter .settings,
#canvas .component-queryview .filters .filter .settings,
html.queryDocument #canvas .filter-box .filters .filter .remove,
#canvas .component-queryview .filters .filter .remove {
  cursor: pointer;
  float: right;
  margin-right: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter .settings path,
#canvas .component-queryview .filters .filter .settings path,
html.queryDocument #canvas .filter-box .filters .filter .remove path,
#canvas .component-queryview .filters .filter .remove path {
  fill: rgba(0, 0, 0, 0.2);
  -webkit-transition: fill 0.2s ease;
  -moz-transition: fill 0.2s ease;
  -ms-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}
html.queryDocument #canvas .filter-box .filters .filter .settings:hover path,
#canvas .component-queryview .filters .filter .settings:hover path {
  fill: rgba(0, 0, 0, 0.7);
}
html.queryDocument #canvas .filter-box .filters .filter .remove:hover path,
#canvas .component-queryview .filters .filter .remove:hover path {
  fill: #e8622b;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text],
#canvas .component-queryview .filters .filter input[type=text] {
  /* IE10+ */
  font-family: inherit;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 0px 11px;
  outline: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
  display: block;
  padding: 0px 10px;
  border: solid 1px #75a5cc;
  line-height: 23px;
  height: 25px;
  color: #75a5cc;
  border: dashed 1px #75a5cc;
  margin-bottom: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]::-webkit-input-placeholder,
#canvas .component-queryview .filters .filter input[type=text]::-webkit-input-placeholder {
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:-moz-placeholder,
#canvas .component-queryview .filters .filter input[type=text]:-moz-placeholder {
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:-ms-input-placeholder,
#canvas .component-queryview .filters .filter input[type=text]:-ms-input-placeholder {
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] svg,
#canvas .component-queryview .filters .filter input[type=text] svg {
  display: block;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:hover,
#canvas .component-queryview .filters .filter input[type=text]:hover {
  border-style: solid;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .down,
#canvas .component-queryview .filters .filter input[type=text] .down {
  margin-left: 15px;
  margin-right: -2px;
  float: right;
  padding-top: 12px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .down svg path,
#canvas .component-queryview .filters .filter input[type=text] .down svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.deletable) .steps,
#canvas .component-queryview .filters .filter input[type=text]:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text].deletable,
#canvas .component-queryview .filters .filter input[type=text].deletable {
  padding-right: 0;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .del,
#canvas .component-queryview .filters .filter input[type=text] .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #75a5cc;
  margin-left: 8px;
  float: right;
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .del .icon,
#canvas .component-queryview .filters .filter input[type=text] .del .icon {
  height: 24px;
  padding-top: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .del .icon svg path,
#canvas .component-queryview .filters .filter input[type=text] .del .icon svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text] .del:hover,
#canvas .component-queryview .filters .filter input[type=text] .del:hover {
  border-left-style: solid;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus,
#canvas .component-queryview .filters .filter input[type=text]:focus,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty),
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  display: block;
  outline: none;
  border: none;
  background: #75a5cc;
  font-size: 14px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  color: white;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #75a5cc;
  display: inline-block;
  padding: 4px 10px;
  transition: background 0.075s ease-out;
  vertical-align: top;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 500px) {
  html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps,
  #canvas .component-queryview .filters .filter input[type=text]:focus .steps,
  html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps,
  #canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps {
    max-width: 100%;
  }
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps:hover,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps:hover,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps:hover,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps:hover {
  background: #5e84a3;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .step,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .step,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .step,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .step {
  white-space: nowrap;
  vertical-align: text-top;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .step:before,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .step:before,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .step:before,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .step:before {
  content: "▸";
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.3);
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .step.first:before,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .step.first:before,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .step.first:before,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .step.first:before {
  display: none;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .down,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .down,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .down,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .down {
  padding-left: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .down svg,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .down svg,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .down svg,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .down svg {
  vertical-align: middle;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .steps .down svg path,
#canvas .component-queryview .filters .filter input[type=text]:focus .steps .down svg path,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .steps .down svg path,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .steps .down svg path {
  fill: white;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus:not(.deletable) .steps,
#canvas .component-queryview .filters .filter input[type=text]:focus:not(.deletable) .steps,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty):not(.deletable) .steps,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty):not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .del,
#canvas .component-queryview .filters .filter input[type=text]:focus .del,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .del,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #81b6e0;
  background: #75a5cc;
  height: 26px;
  display: inline-block;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .del .icon,
#canvas .component-queryview .filters .filter input[type=text]:focus .del .icon,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .del .icon,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .del .icon {
  height: 24px;
  padding-top: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .del .icon svg path,
#canvas .component-queryview .filters .filter input[type=text]:focus .del .icon svg path,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .del .icon svg path,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .del .icon svg path {
  fill: white;
}
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:focus .del:hover,
#canvas .component-queryview .filters .filter input[type=text]:focus .del:hover,
html.queryDocument #canvas .filter-box .filters .filter input[type=text]:not(.empty) .del:hover,
#canvas .component-queryview .filters .filter input[type=text]:not(.empty) .del:hover {
  background: #6995b8;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .action,
#canvas .component-queryview .filters .filter.Enum .action,
html.queryDocument #canvas .filter-box .filters .filter.Enum .more,
#canvas .component-queryview .filters .filter.Enum .more {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .action:hover,
#canvas .component-queryview .filters .filter.Enum .action:hover,
html.queryDocument #canvas .filter-box .filters .filter.Enum .more:hover,
#canvas .component-queryview .filters .filter.Enum .more:hover {
  color: black;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion,
#canvas .component-queryview .filters .filter.Enum .suggestion {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 0px 11px;
  outline: none;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  margin-bottom: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected),
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 0px 11px;
  outline: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
  display: block;
  padding: 0px 10px;
  border: solid 1px #75a5cc;
  line-height: 23px;
  height: 25px;
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) svg,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) svg {
  display: block;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected):hover,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected):hover {
  border-style: solid;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .down,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .down {
  margin-left: 15px;
  margin-right: -2px;
  float: right;
  padding-top: 12px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .down svg path,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .down svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected):not(.deletable) .steps,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected):not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected).deletable,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected).deletable {
  padding-right: 0;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .del,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #75a5cc;
  margin-left: 8px;
  float: right;
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .del .icon,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .del .icon {
  height: 24px;
  padding-top: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .del .icon svg path,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .del .icon svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion:hover:not(.selected) .del:hover,
#canvas .component-queryview .filters .filter.Enum .suggestion:hover:not(.selected) .del:hover {
  border-left-style: solid;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion .value,
#canvas .component-queryview .filters .filter.Enum .suggestion .value {
  float: left;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 175px;
  -webkit-transform: translate3d(0, 0, 0);
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion .count,
#canvas .component-queryview .filters .filter.Enum .suggestion .count {
  color: rgba(0, 0, 0, 0.2);
  float: right;
  padding-right: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  display: block;
  outline: none;
  border: none;
  background: #75a5cc;
  font-size: 14px;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  color: white;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #75a5cc;
  display: inline-block;
  padding: 4px 10px;
  transition: background 0.075s ease-out;
  vertical-align: top;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 500px) {
  html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps,
  #canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps {
    max-width: 100%;
  }
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps:hover,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps:hover {
  background: #5e84a3;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .step,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .step {
  white-space: nowrap;
  vertical-align: text-top;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .step:before,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .step:before {
  content: "▸";
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.3);
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .step.first:before,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .step.first:before {
  display: none;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .down,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .down {
  padding-left: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .down svg,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .down svg {
  vertical-align: middle;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .steps .down svg path,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .steps .down svg path {
  fill: white;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected:not(.deletable) .steps,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .del,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #81b6e0;
  background: #75a5cc;
  height: 26px;
  display: inline-block;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .del .icon,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .del .icon {
  height: 24px;
  padding-top: 5px;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .del .icon svg path,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .del .icon svg path {
  fill: white;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .del:hover,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .del:hover {
  background: #6995b8;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion.selected .count,
#canvas .component-queryview .filters .filter.Enum .suggestion.selected .count {
  color: white;
}
html.queryDocument #canvas .filter-box .filters .filter.Enum .suggestion[data-mention] .value,
#canvas .component-queryview .filters .filter.Enum .suggestion[data-mention] .value {
  font-style: italic;
}
html.queryDocument #canvas .filter-box .filters .filter.Textual label,
#canvas .component-queryview .filters .filter.Textual label {
  margin-top: 10px;
  cursor: pointer;
  display: block;
  text-align: right;
  color: rgba(0, 0, 0, 0.4);
  display: none;
}
html.queryDocument #canvas .filter-box .filters .filter.Textual.selected label,
#canvas .component-queryview .filters .filter.Textual.selected label {
  display: block;
}
html.queryDocument #canvas .filter-box .filters .filter.NonEmpty.selected,
#canvas .component-queryview .filters .filter.NonEmpty.selected {
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .filter.Range .label,
#canvas .component-queryview .filters .filter.Range .label {
  color: rgba(0, 0, 0, 0.4);
}
html.queryDocument #canvas .filter-box .filters .filter.Range.selected label,
#canvas .component-queryview .filters .filter.Range.selected label {
  color: black;
}
html.queryDocument #canvas .filter-box .filters .filter.Range .from,
#canvas .component-queryview .filters .filter.Range .from {
  margin-right: 7px;
}
html.queryDocument #canvas .filter-box .filters .filter.Range .to,
#canvas .component-queryview .filters .filter.Range .to {
  margin-left: 7px;
}
html.queryDocument #canvas .filter-box .filters .filter.Range .from,
#canvas .component-queryview .filters .filter.Range .from,
html.queryDocument #canvas .filter-box .filters .filter.Range .to,
#canvas .component-queryview .filters .filter.Range .to {
  width: 118px;
  float: left;
}
html.queryDocument #canvas .filter-box .filters .filter.Range .fromto,
#canvas .component-queryview .filters .filter.Range .fromto {
  float: left;
}
html.queryDocument #canvas .filter-box .filters .filter.Range br,
#canvas .component-queryview .filters .filter.Range br {
  clear: both;
  height: 0;
}
html.queryDocument #canvas .filter-box .filters .plus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 0px 11px;
  outline: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
  display: block;
  padding: 0px 10px;
  border: solid 1px #75a5cc;
  line-height: 23px;
  height: 25px;
  color: #75a5cc;
  margin-bottom: 15px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
html.queryDocument #canvas .filter-box .filters .plus svg {
  display: block;
}
html.queryDocument #canvas .filter-box .filters .plus:hover {
  border-style: solid;
}
html.queryDocument #canvas .filter-box .filters .plus .down {
  margin-left: 15px;
  margin-right: -2px;
  float: right;
  padding-top: 12px;
}
html.queryDocument #canvas .filter-box .filters .plus .down svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .plus:not(.deletable) .steps {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
html.queryDocument #canvas .filter-box .filters .plus.deletable {
  padding-right: 0;
}
html.queryDocument #canvas .filter-box .filters .plus .del {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  padding: 0 5px;
  border-left: solid 1px #75a5cc;
  margin-left: 8px;
  float: right;
  color: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .plus .del .icon {
  height: 24px;
  padding-top: 4px;
}
html.queryDocument #canvas .filter-box .filters .plus .del .icon svg path {
  fill: #75a5cc;
}
html.queryDocument #canvas .filter-box .filters .plus .del:hover {
  border-left-style: solid;
}
html.queryDocument #canvas .filter-box .filters .filter {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 10px;
  margin-bottom: 15px;
  background: white;
}
html.queryDocument #canvas .filter-box .filters .filter .header {
  margin-bottom: 10px;
}
#canvas .component-queryview .filters > .plus {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
  cursor: pointer;
  float: left;
  padding-bottom: 12px;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 5px;
}
#canvas .component-queryview .filters .list {
  display: inline-block;
  vertical-align: middle;
  float: left;
}
#canvas .component-queryview .filters .condensed-filter-by {
  color: #75a5cc;
  line-height: 23px;
  margin-top: 1px;
  margin-bottom: 0;
  margin-right: 10px;
  float: left;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
}
#canvas .component-queryview .filters .filter {
  float: left;
}
#canvas .component-queryview .filters .filter .header {
  display: none;
}
#canvas .component-queryview .filters .inline-value-picker {
  margin-right: 0;
}
#canvas .component-queryview .filters .filter {
  margin-right: 10px;
}
#canvas .component-queryview .filters .filter .value {
  margin-right: 0;
  max-width: 850px;
}
#canvas .component-queryview .filters .filter .steps {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 799px;
}
html.embedDocument #canvas .component-queryview .filters > .plus,
html.contentDocument #canvas .component-queryview .filters > .plus {
  display: none;
}
html.embedDocument #canvas .component-queryview .filters .filter,
html.contentDocument #canvas .component-queryview .filters .filter {
  margin-right: 10px;
}
html.embedDocument #canvas .component-queryview .filters .filter .value,
html.contentDocument #canvas .component-queryview .filters .filter .value {
  margin-right: 0;
}
html.embedDocument #canvas .component-queryview .filters .filter .steps,
html.contentDocument #canvas .component-queryview .filters .filter .steps {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.embedDocument #canvas .component-queryview .filters .filter .inline-value-picker.empty .del,
html.contentDocument #canvas .component-queryview .filters .filter .inline-value-picker.empty .del {
  display: none;
}
html.embedDocument #canvas .component-queryview .filters .filter .inline-value-picker.empty .plus,
html.contentDocument #canvas .component-queryview .filters .filter .inline-value-picker.empty .plus {
  margin-right: 0;
  padding-right: 8px;
}
.bubble-container .filter-settings {
  padding: 10px;
}
.bubble-container .filter-settings hr {
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.bubble-container .filter-settings .desc {
  padding: 8px 6px;
  margin-bottom: 10px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.bubble-container .filter-settings .option {
  color: rgba(255, 255, 255, 0.5);
  padding: 4px 8px;
  padding-left: 26px;
}
.bubble-container .filter-settings .option.active {
  padding-left: 8px;
  color: #ffffff;
  font-weight: bold;
}
.bubble-container .filter-settings .option.active:before {
  content: "✓";
  margin-right: 8px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.bubble-container .filter-settings .option.enabled {
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.bubble-container .filter-settings .option.enabled:hover {
  background: red;
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
html.embedDocument .bubble-container .picker-bubble {
  overflow: hidden;
}
html.embedDocument .bubble-container .selectbox {
  max-height: 225px;
}
html.queryDocument #canvas .explore-menu {
  float: right;
  margin-left: 20px;
}
html.queryDocument #canvas .explore-menu.disabled {
  pointer-events: none;
}
html.queryDocument.widget-editing #canvas .explore-menu {
  display: none;
}
.bubble-container .explore-menu {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 15px;
}
.bubble-container .explore-menu div.save-query-home,
.bubble-container .explore-menu div.save-query,
.bubble-container .explore-menu div.copy-visualization,
.bubble-container .explore-menu div.save-to-page {
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 0.8;
  padding-bottom: 2px;
  padding-top: 2px;
}
.bubble-container .explore-menu div.save-query-home.save-query,
.bubble-container .explore-menu div.save-query.save-query,
.bubble-container .explore-menu div.copy-visualization.save-query,
.bubble-container .explore-menu div.save-to-page.save-query {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 12px;
}
.bubble-container .explore-menu div.save-query-home.save-query .icon,
.bubble-container .explore-menu div.save-query.save-query .icon,
.bubble-container .explore-menu div.copy-visualization.save-query .icon,
.bubble-container .explore-menu div.save-to-page.save-query .icon {
  background-image: url("images/explore-menu/publish_to_new_page.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height: 26px;
  margin-left: 11px;
  margin-right: 16px;
  vertical-align: middle;
  width: 18px;
}
.bubble-container .explore-menu div.save-query-home.save-to-page .icon,
.bubble-container .explore-menu div.save-query.save-to-page .icon,
.bubble-container .explore-menu div.copy-visualization.save-to-page .icon,
.bubble-container .explore-menu div.save-to-page.save-to-page .icon,
.bubble-container .explore-menu div.save-query-home.save-query-home .icon,
.bubble-container .explore-menu div.save-query.save-query-home .icon,
.bubble-container .explore-menu div.copy-visualization.save-query-home .icon,
.bubble-container .explore-menu div.save-to-page.save-query-home .icon {
  background-image: url("images/explore-menu/publish_to_page.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height: 13px;
  margin-left: 11px;
  margin-right: 16px;
  width: 12px;
}
.bubble-container .explore-menu div.save-query-home.copy-visualization,
.bubble-container .explore-menu div.save-query.copy-visualization,
.bubble-container .explore-menu div.copy-visualization.copy-visualization,
.bubble-container .explore-menu div.save-to-page.copy-visualization {
  margin-top: 10px;
  padding-left: 14px;
}
.bubble-container .explore-menu div.save-query-home.save-query:hover,
.bubble-container .explore-menu div.save-query.save-query:hover,
.bubble-container .explore-menu div.copy-visualization.save-query:hover,
.bubble-container .explore-menu div.save-to-page.save-query:hover {
  color: white;
  opacity: 1;
}
.bubble-container .explore-menu div.save-query-home.save-query-home:hover,
.bubble-container .explore-menu div.save-query.save-query-home:hover,
.bubble-container .explore-menu div.copy-visualization.save-query-home:hover,
.bubble-container .explore-menu div.save-to-page.save-query-home:hover,
.bubble-container .explore-menu div.save-query-home.copy-visualization:hover,
.bubble-container .explore-menu div.save-query.copy-visualization:hover,
.bubble-container .explore-menu div.copy-visualization.copy-visualization:hover,
.bubble-container .explore-menu div.save-to-page.copy-visualization:hover,
.bubble-container .explore-menu div.save-query-home.save-to-page:hover,
.bubble-container .explore-menu div.save-query.save-to-page:hover,
.bubble-container .explore-menu div.copy-visualization.save-to-page:hover,
.bubble-container .explore-menu div.save-to-page.save-to-page:hover {
  background-color: rgba(255, 255, 255, 0.14);
  color: white;
  opacity: 1;
}
.bubble-container .explore-menu .separator {
  border-top: 1px rgba(255, 255, 255, 0.4) solid;
  margin-bottom: 2px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 14px;
}
.bubble-container .explore-menu div.title {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  color: rgba(255, 255, 255, 0.5);
  cursor: auto;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 10px;
  text-transform: uppercase;
}
html.editing .block.dragging {
  max-height: 500px;
  overflow-y: hidden;
  background-color: white;
  border: 3px solid #99e1eb;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
html.editing .block.dragging .block-ui {
  opacity: 0 !important;
}
html.editing .block.dragging.very-tall:after {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
html.editing .block-drag-placeholder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px dashed rgba(0, 0, 0, 0.2);
  max-height: 500px;
  margin-right: 30px;
  margin-bottom: -2px;
  width: 100%;
}
html.editing section.dragging {
  cursor: move;
}
html.editing section.dragging .insert-blocks {
  opacity: 0;
}
.block .block-ui {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 0px;
}
.block .block-ui .action {
  opacity: 0.3;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 3px 0px;
}
.block .block-ui .action:hover {
  opacity: 1;
}
section.style-2 .block .block-ui .action svg path {
  fill: white;
}
section .block-ui .wide,
section .block-ui .narrow {
  display: none;
}
section[data-columns="1"] [data-component-uri="//silk.co/block/figure/1"]:not(.narrow) .block-ui .narrow {
  display: block;
}
section[data-columns="1"] [data-component-uri="//silk.co/block/figure/1"].narrow .block-ui .wide {
  display: block;
}
html.editing .block .block-ui {
  display: block;
}
html.editing .block:hover .block-ui {
  opacity: 1;
}
.block > .block-ui {
  z-index: 1;
}
component {
  display: none;
}
div.component {
  position: relative;
}
div.component iframe {
  display: block;
}
.block.insert-blocks {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.block.insert-blocks .ibb-header {
  cursor: pointer;
}
.block.insert-blocks .widget-section.expanded .ibb-header {
  cursor: auto;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.block.insert-blocks .detail .ibb-header {
  cursor: auto;
}
.block.insert-blocks.fade-in {
  opacity: 0;
}
html.editing .sublayout + .block.insert-blocks {
  padding-top: 30px;
}
.block.insert-blocks .add-button {
  opacity: 1;
  position: absolute;
  top: -10px;
  border: 1px solid black;
  z-index: 1000;
  margin: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid;
  border-color: #dddddd;
  background: #ffffff;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform, -webkit-box-shadow, opacity;
  -moz-transition-property: -moz-transform, -moz-box-shadow, opacity;
  -ms-transition-property: -ms-transform, -ms-box-shadow, opacity;
  -o-transition-property: -o-transform, -o-box-shadow, opacity;
  transition-property: transform, box-shadow, opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.block.insert-blocks .add-button:before,
.block.insert-blocks .add-button:after {
  content: "";
  top: 50%;
  left: 50%;
  display: block;
  position: absolute;
  background-color: #a9a9a0;
}
.block.insert-blocks .add-button:after {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
.block.insert-blocks .add-button:before {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.block.insert-blocks .add-button.glow {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 196, 236, 0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0, 196, 236, 0.5);
  -ms-box-shadow: 0px 0px 15px rgba(0, 196, 236, 0.5);
  -o-box-shadow: 0px 0px 15px rgba(0, 196, 236, 0.5);
  box-shadow: 0px 0px 15px rgba(0, 196, 236, 0.5);
}
section.style-2 .block.insert-blocks.block.insert-blocks .add-button {
  margin: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid;
  border-color: #3f575b;
  background: #2d3e41;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
section.style-2 .block.insert-blocks.block.insert-blocks .add-button:before,
section.style-2 .block.insert-blocks.block.insert-blocks .add-button:after {
  content: "";
  top: 50%;
  left: 50%;
  display: block;
  position: absolute;
  background-color: #5a7c82;
}
section.style-2 .block.insert-blocks.block.insert-blocks .add-button:after {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
section.style-2 .block.insert-blocks.block.insert-blocks .add-button:before {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.block.insert-blocks.show-detail .add-button {
  background-image: url("images/blocks/insertblocks/back_icon.svg");
  background-repeat: no-repeat;
}
.block.insert-blocks.show-detail .add-button:after {
  width: 0;
}
.block.insert-blocks.show-detail .add-button:before {
  width: 0;
}
.block.insert-blocks.show-detail.expanded .add-button {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  background-size: 16px 16px;
}
.block.insert-blocks.expanded .add-button {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -o-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
html.engine-gecko .block.insert-blocks.expanded .add-button {
  position: relative;
  left: 0.5px;
}
.block.insert-blocks.minimized {
  height: 0px;
}
.block.insert-blocks.minimized .headers,
.block.insert-blocks.minimized .widget-sections {
  display: none;
}
.block.insert-blocks.wide.expanded .widgets,
.block.insert-blocks .row {
  width: 457px;
}
.block.insert-blocks.half.expanded .widgets {
  width: 305px;
}
.block.insert-blocks.narrow.expanded .widgets {
  width: 229px;
}
.block.insert-blocks.narrow .widget-section {
  margin: 0 auto;
  max-width: 280px;
}
.block.insert-blocks.half .widget-section {
  margin: 0 auto;
  max-width: 390px;
}
.block.insert-blocks.wide .widget-section {
  margin: 0 auto;
  max-width: 500px;
}
.block.insert-blocks.expanded {
  z-index: 999;
  position: relative;
}
.block.insert-blocks.expanded .widget-sections,
.block.insert-blocks.expanded .detail {
  position: relative;
  top: -20px;
}
.block.insert-blocks.expanded .ibb-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  color: black;
  background-color: white;
  border: 1px solid #e8e8e0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  height: 45px;
  line-height: 42px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
}
.block.insert-blocks.expanded .ibb-header:before,
.block.insert-blocks.expanded .ibb-header:after {
  content: "";
  display: table;
}
.block.insert-blocks.expanded .ibb-header:after {
  clear: both;
}
.block.insert-blocks.expanded .widget-sections.minimized {
  display: none;
}
.block.insert-blocks.expanded .widget-section.has-paste-preview .widgets {
  overflow: visible !important;
}
.block.insert-blocks.expanded .widget-section .widgets {
  height: 0;
  overflow: hidden;
}
.block.insert-blocks.expanded .widget-section.minimized .widgets {
  height: 0;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets {
  display: block;
}
.block.insert-blocks.expanded .widget-section.expanded .ibb-header {
  border-bottom: 3px solid #72cad8;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets.num-rows-1 {
  height: 75px;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets.num-rows-2 {
  height: 151px;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets.num-rows-3 {
  height: 227px;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets.num-rows-4 {
  height: 303px;
}
.block.insert-blocks.expanded .widget-section.expanded .widgets.num-rows-5 {
  height: 379px;
}
.block.insert-blocks.expanded .widget-section .widgets {
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  -ms-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
.block.insert-blocks.expanded .widget-section.expanded:last-of-type .widgets {
  border-bottom: 1px solid #dddddd;
}
.block.insert-blocks.expanded .widget-section .widgets {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background-color: #dddddd;
  position: relative;
}
.block.insert-blocks.expanded .widget-section .widgets .none > * {
  display: none;
}
.block.insert-blocks.expanded .widget-section .widgets:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 10px;
  background-color: transparent;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 230px 0 0;
  border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
}
.block.insert-blocks.expanded .widget-section .widgets .row {
  zoom: 1;
  margin: auto;
  margin-bottom: 1px;
}
.block.insert-blocks.expanded .widget-section .widgets .row:before,
.block.insert-blocks.expanded .widget-section .widgets .row:after {
  content: "";
  display: table;
}
.block.insert-blocks.expanded .widget-section .widgets .row:after {
  clear: both;
}
.block.insert-blocks.expanded .widget-section .widgets .row:last-of-type {
  margin-bottom: 0;
}
.block.insert-blocks.expanded .widget-section .widgets .row .widget {
  height: 75px;
  width: 75px;
}
.block.insert-blocks.expanded .widget-section:last-of-type .row:last-of-type .widget {
  height: 74px;
}
.block.insert-blocks.narrow .detail input[type=text] {
  width: 184px;
}
.block.insert-blocks.half .detail input[type=text] {
  width: 313px;
}
.block.insert-blocks.wide .detail input[type=text] {
  width: 442px;
}
.block.insert-blocks .detail {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  height: 28px;
}
.block.insert-blocks .detail.expanded {
  display: block;
}
.block.insert-blocks .detail:before,
.block.insert-blocks .detail:after {
  content: "";
  display: table;
}
.block.insert-blocks .detail:after {
  clear: both;
}
.block.insert-blocks .detail .form {
  margin-left: 5px;
  margin-right: 5px;
  zoom: 1;
  border: 1px solid #e8e8e0;
  border-top: 0;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.block.insert-blocks .detail .form:before,
.block.insert-blocks .detail .form:after {
  content: "";
  display: table;
}
.block.insert-blocks .detail .form:after {
  clear: both;
}
.block.insert-blocks .detail.error .ibb-header {
  color: red;
}
.block.insert-blocks .detail input {
  outline: none;
  margin: 0;
  background-color: transparent;
  height: 28px;
  border: 0;
}
.block.insert-blocks .detail input[type=text] {
  padding-left: 5px;
  float: left;
  height: 20px;
}
.block.insert-blocks .detail input[type=submit] {
  float: right;
  border-left: 1px solid #e8e8e0;
  height: 24px;
  width: 40px;
  color: #75a5cc;
  cursor: pointer;
  letter-spacing: 1px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: normal;
}
.block.insert-blocks .widget {
  margin-left: 1px;
  margin-right: 0;
  background-color: white;
  color: #000000;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 18px;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.block.insert-blocks .widget:first-of-type {
  margin-left: 0;
}
.block.insert-blocks .widget.none:hover {
  background-color: white !important;
  cursor: auto;
}
.block.insert-blocks .widget:hover {
  cursor: pointer;
  background-color: #86d2dd !important;
  color: white;
}
.block.insert-blocks .widget:hover .paste-preview {
  display: block;
}
.block.insert-blocks .widget .label {
  margin: auto;
  text-align: center;
  height: 24px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 12px;
  overflow: hidden;
  padding-left: 2px;
  padding-right: 2px;
  -webkit-transform: translate3d(0, 0, 0);
  line-height: 10px;
}
.block.insert-blocks .widget .img {
  position: relative;
  width: 26.04px;
  height: 26.04px;
  background-image: url("images/widget-icons.svg");
  background-size: 852.6px 94.92px;
  margin: 0 auto 5px auto;
}
.block.insert-blocks .widget .img.grid,
.block.insert-blocks .widget .img.pagegrid {
  background-position: 0px 0px;
}
.block.insert-blocks .widget .img.table {
  background-position: -34.44px 0px;
}
.block.insert-blocks .widget .img.list,
.block.insert-blocks .widget .img.collection-list {
  background-position: -68.88px 0px;
}
.block.insert-blocks .widget .img.mosaic {
  background-position: -103.32px 0px;
}
.block.insert-blocks .widget .img.groupby,
.block.insert-blocks .widget .img.group-by {
  background-position: -137.76px 0px;
}
.block.insert-blocks .widget .img.map {
  background-position: -172.2px 0px;
}
.block.insert-blocks .widget .img.barchart,
.block.insert-blocks .widget .img.vbar,
.block.insert-blocks .widget .img.column-chart {
  background-position: -206.64px 0px;
}
.block.insert-blocks .widget .img.hbar,
.block.insert-blocks .widget .img.bar-chart {
  background-position: -241.08px 0px;
}
.block.insert-blocks .widget .img.stackchart,
.block.insert-blocks .widget .img.stack-chart {
  background-position: -275.52px 0px;
}
.block.insert-blocks .widget .img.donutchart,
.block.insert-blocks .widget .img.donut-chart {
  background-position: -309.96px 0px;
}
.block.insert-blocks .widget .img.piechart,
.block.insert-blocks .widget .img.pie-chart {
  background-position: -344.4px 0px;
}
.block.insert-blocks .widget .img.linechart,
.block.insert-blocks .widget .img.line-chart {
  background-position: -378.84px 0px;
}
.block.insert-blocks .widget .img.scatterplot,
.block.insert-blocks .widget .img.scatter-plot {
  background-position: -413.28px 0px;
}
.block.insert-blocks .widget .img.areachart,
.block.insert-blocks .widget .img.area-chart {
  background-position: -447.72px 0px;
}
.block.insert-blocks .widget .img.text {
  background-position: -482.16px 0px;
}
.block.insert-blocks .widget .img.image {
  background-position: -516.6px 0px;
}
.block.insert-blocks .widget .img.video {
  background-position: -551.04px 0px;
}
.block.insert-blocks .widget .img.audio {
  background-position: -619.92px 0px;
}
.block.insert-blocks .widget .img.embed {
  background-position: -654.36px 0px;
}
.block.insert-blocks .widget .img.file {
  background-position: -688.8px 0px;
}
.block.insert-blocks .widget .img.twitter {
  background-position: -723.24px 0px;
}
.block.insert-blocks .widget .img.recent-pages {
  background-position: -757.68px 0px;
}
.block.insert-blocks .widget .img.table-of-contents {
  background-position: -792.12px 0px;
}
.block.insert-blocks .widget .img.collection-overview {
  background-position: -826.56px 0px;
}
.block.insert-blocks .widget:hover .img {
  position: relative;
  width: 26.04px;
  height: 26.04px;
  background-image: url("images/widget-icons.svg");
  background-size: 852.6px 94.92px;
}
.block.insert-blocks .widget:hover .img.grid,
.block.insert-blocks .widget:hover .img.pagegrid {
  background-position: 0px -34.44px;
}
.block.insert-blocks .widget:hover .img.table {
  background-position: -34.44px -34.44px;
}
.block.insert-blocks .widget:hover .img.list,
.block.insert-blocks .widget:hover .img.collection-list {
  background-position: -68.88px -34.44px;
}
.block.insert-blocks .widget:hover .img.mosaic {
  background-position: -103.32px -34.44px;
}
.block.insert-blocks .widget:hover .img.groupby,
.block.insert-blocks .widget:hover .img.group-by {
  background-position: -137.76px -34.44px;
}
.block.insert-blocks .widget:hover .img.map {
  background-position: -172.2px -34.44px;
}
.block.insert-blocks .widget:hover .img.barchart,
.block.insert-blocks .widget:hover .img.vbar,
.block.insert-blocks .widget:hover .img.column-chart {
  background-position: -206.64px -34.44px;
}
.block.insert-blocks .widget:hover .img.hbar,
.block.insert-blocks .widget:hover .img.bar-chart {
  background-position: -241.08px -34.44px;
}
.block.insert-blocks .widget:hover .img.stackchart,
.block.insert-blocks .widget:hover .img.stack-chart {
  background-position: -275.52px -34.44px;
}
.block.insert-blocks .widget:hover .img.donutchart,
.block.insert-blocks .widget:hover .img.donut-chart {
  background-position: -309.96px -34.44px;
}
.block.insert-blocks .widget:hover .img.piechart,
.block.insert-blocks .widget:hover .img.pie-chart {
  background-position: -344.4px -34.44px;
}
.block.insert-blocks .widget:hover .img.linechart,
.block.insert-blocks .widget:hover .img.line-chart {
  background-position: -378.84px -34.44px;
}
.block.insert-blocks .widget:hover .img.scatterplot,
.block.insert-blocks .widget:hover .img.scatter-plot {
  background-position: -413.28px -34.44px;
}
.block.insert-blocks .widget:hover .img.areachart,
.block.insert-blocks .widget:hover .img.area-chart {
  background-position: -447.72px -34.44px;
}
.block.insert-blocks .widget:hover .img.text {
  background-position: -482.16px -34.44px;
}
.block.insert-blocks .widget:hover .img.image {
  background-position: -516.6px -34.44px;
}
.block.insert-blocks .widget:hover .img.video {
  background-position: -551.04px -34.44px;
}
.block.insert-blocks .widget:hover .img.audio {
  background-position: -619.92px -34.44px;
}
.block.insert-blocks .widget:hover .img.embed {
  background-position: -654.36px -34.44px;
}
.block.insert-blocks .widget:hover .img.file {
  background-position: -688.8px -34.44px;
}
.block.insert-blocks .widget:hover .img.twitter {
  background-position: -723.24px -34.44px;
}
.block.insert-blocks .widget:hover .img.recent-pages {
  background-position: -757.68px -34.44px;
}
.block.insert-blocks .widget:hover .img.table-of-contents {
  background-position: -792.12px -34.44px;
}
.block.insert-blocks .widget:hover .img.collection-overview {
  background-position: -826.56px -34.44px;
}
.clipboard-document {
  position: absolute;
  right: 10000px;
  top: -10000px;
  max-height: 1px;
  overflow: hidden;
}
.paste-preview {
  display: none;
  z-index: 1000;
  max-width: 960px;
  min-width: 480px;
  background-color: white;
  color: black;
  border: 6px solid #99e1eb !important;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  max-height: 500px;
  overflow-y: hidden;
}
.paste-preview .block-ui,
.paste-preview .controls,
.paste-preview .resize-handle {
  display: none !important;
}
.paste-preview .block {
  padding: 15px;
}
.paste-preview.very-tall:after {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-title {
  margin-bottom: 10px;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-title .block-content * {
  font-weight: bold    !important;
  font-size: 16px    !important;
  line-height: 21px    !important;
  margin: 0       !important;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-title h2,
[data-component-uri="//silk.co/block/figure/1"] .figure-title h3,
[data-component-uri="//silk.co/block/figure/1"] .figure-title h4,
[data-component-uri="//silk.co/block/figure/1"] .figure-title h5 {
  margin: 0;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-description {
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  font-style: italic;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-title .block-content,
[data-component-uri="//silk.co/block/figure/1"] .figure-description .block-content {
  z-index: 100;
}
[data-component-uri="//silk.co/block/figure/1"] .figure-content .component-queryview .output ul {
  margin: 0;
}
html.viewing [data-component-uri="//silk.co/block/figure/1"] .figure-title:not(.visible),
html.viewing [data-component-uri="//silk.co/block/figure/1"] .figure-description:not(.visible),
html.viewing [data-component-uri="//silk.co/block/figure/1"] .figure-title.empty,
html.viewing [data-component-uri="//silk.co/block/figure/1"] .figure-description.empty,
html.viewing [data-component-uri="//silk.co/block/figure/1"] .block-content.empty {
  display: none;
}
html #canvas section .pinned > .header {
  display: none;
}
html.editing #canvas section .pinned {
  position: relative;
  background-color: #fefef9;
  border: solid 1px #EDEDED;
}
html.editing #canvas section .pinned.bottom {
  margin-top: 30px;
}
html.editing #canvas section .pinned > .header {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 30px;
  color: #17bad2;
  font-size: 11px;
  font-weight: bold;
}
html.editing #canvas section .pinned > .header svg {
  position: absolute;
  top: 8px;
  fill: rgba(0, 0, 0, 0.15);
}
html.editing #canvas section .pinned > .header span {
  line-height: 32px;
}
html.editing #canvas .layout .pinned {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
html.editing #canvas .layout .pinned > .header span {
  margin-left: 22px;
}
html.editing #canvas .layout.meta .pinned > .header span {
  margin-left: 22px;
}
html.editing #canvas .layout.content .pinned > .header {
  text-align: right;
}
html.editing #canvas .layout.content .pinned > .header svg {
  right: 8px;
  transform: scaleX(-1);
}
html.editing #canvas .layout.content .pinned > .header span {
  margin-right: 22px;
}
.bubble-container .outside-pin-region hr,
.bubble-container .outside-pin-region [data-value='unpin'] {
  display: none;
}
.bubble-container .outside-pin-region .desc {
  padding: 14px 6px;
}
[data-article] section > .center {
  position: relative;
}
[data-article] .section-ui {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  z-index: 2;
  position: absolute;
  display: none;
  border: solid 4px #f6f6f2;
  right: 20px;
  line-height: 0px;
}
[data-article] .section-ui.top {
  display: none;
  top: -4px;
  border-top: none;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
[data-article] .section-ui.top .buttons {
  margin-top: -16px;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}
[data-article] .section-ui.top .buttons .del,
[data-article] .section-ui.top .buttons .cfg {
  display: none;
}
[data-article] .section-ui.bottom {
  bottom: -16px;
  border-top: none;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
[data-article] .section-ui.bottom .buttons {
  margin-top: -16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
[data-article] .section-ui.bottom .buttons .add {
  padding-right: 0px;
}
[data-article] .section-ui.bottom .buttons .cfg {
  padding-left: 0px;
}
[data-article] .section-ui .buttons .add,
[data-article] .section-ui .buttons .del,
[data-article] .section-ui .buttons .cfg {
  opacity: 0.7;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 6px 8px;
}
[data-article] .section-ui .buttons .add:hover,
[data-article] .section-ui .buttons .del:hover,
[data-article] .section-ui .buttons .cfg:hover {
  opacity: 1;
}
[data-article] .section-ui .buttons .add svg path {
  fill: #abcd4d;
}
[data-article] .section-ui .buttons .del svg path {
  fill: #fa6500;
}
[data-article] .section-ui .buttons .cfg svg path {
  fill: #2d3e41;
}
[data-article] section.style-2 .buttons .cfg svg path {
  fill: #f6f6f2;
}
html.editing [data-article] .section-ui.bottom {
  display: block;
}
html.editing [data-article] section:first-of-type .section-ui.top {
  display: block;
}
[data-article] section .section-ui.top {
  border-color: #f6f6f5;
}
[data-article] section .section-ui.top .buttons {
  background-color: white;
}
[data-article] section.style-0 .section-ui.bottom {
  border-color: #f6f6f5;
}
[data-article] section.style-0 .section-ui.bottom .buttons {
  background-color: white;
}
[data-article] section.style-1 .section-ui.bottom {
  border-color: #edede9;
}
[data-article] section.style-1 .section-ui.bottom .buttons {
  background-color: #f6f6f2;
}
[data-article] section.style-2 .section-ui.bottom {
  border-color: #3e4e51;
}
[data-article] section.style-2 .section-ui.bottom .buttons {
  background-color: #2d3e41;
}
[data-article] section.style-0:last-child .section-ui {
  border-color: #f6f6f5 !important;
}
[data-article] section .section-ui.no-border {
  border-color: transparent !important;
}
.bubble-container.section-ui-add,
.bubble-container.section-ui-del,
.bubble-container.section-ui-cfg {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.bubble-container.section-ui-add .bubble-content,
.bubble-container.section-ui-del .bubble-content,
.bubble-container.section-ui-cfg .bubble-content {
  padding: 20px;
}
.bubble-container.section-ui-add .bubble-content h4,
.bubble-container.section-ui-del .bubble-content h4,
.bubble-container.section-ui-cfg .bubble-content h4 {
  margin: 0 0 20px 0;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.bubble-container.section-ui-add .column-selection,
.bubble-container.section-ui-cfg .column-selection {
  height: 40px;
  width: 355px;
}
.bubble-container.section-ui-add .column-selection .item,
.bubble-container.section-ui-cfg .column-selection .item {
  float: left;
  width: 55px;
  height: 40px;
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}
.bubble-container.section-ui-add .column-selection .item:first-child,
.bubble-container.section-ui-cfg .column-selection .item:first-child {
  margin-left: 0;
}
.bubble-container.section-ui-add .column-selection .item > div,
.bubble-container.section-ui-cfg .column-selection .item > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: opacity border-color;
  -moz-transition-property: opacity border-color;
  -ms-transition-property: opacity border-color;
  -o-transition-property: opacity border-color;
  transition-property: opacity border-color;
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  opacity: 0.7;
  position: absolute;
  background: #324448;
  top: 0;
  left: 0;
  width: 15px;
  bottom: 0px;
  border: solid 2px transparent;
}
.bubble-container.section-ui-add .column-selection .item:hover:not(.active) > div,
.bubble-container.section-ui-cfg .column-selection .item:hover:not(.active) > div {
  opacity: 1;
}
.bubble-container.section-ui-add .column-selection .item.active > div,
.bubble-container.section-ui-cfg .column-selection .item.active > div {
  border: solid 2px #65b8c5;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='0'] > div:nth-child(1),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='0'] > div:nth-child(1) {
  width: 55px;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='1'] > div:nth-child(1),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='1'] > div:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='1'] > div:nth-child(2),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='1'] > div:nth-child(2) {
  left: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='1'] > div:nth-child(3),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='1'] > div:nth-child(3) {
  left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='2'] > div:nth-child(1),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='2'] > div:nth-child(1) {
  width: 35px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='2'] > div:nth-child(2),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='2'] > div:nth-child(2) {
  left: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='3'] > div:nth-child(1),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='3'] > div:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='3'] > div:nth-child(2),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='3'] > div:nth-child(2) {
  left: 20px;
  width: 35px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='4'] > div:nth-child(1),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='4'] > div:nth-child(1) {
  width: 25px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bubble-container.section-ui-add .column-selection .item[data-column-selection='4'] > div:nth-child(2),
.bubble-container.section-ui-cfg .column-selection .item[data-column-selection='4'] > div:nth-child(2) {
  left: 30px;
  width: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bubble-container.section-ui-add .style-selection,
.bubble-container.section-ui-cfg .style-selection {
  text-align: center;
  line-height: 40px;
}
.bubble-container.section-ui-add .style-selection .item,
.bubble-container.section-ui-cfg .style-selection .item {
  cursor: pointer;
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
}
.bubble-container.section-ui-add .style-selection .item > div,
.bubble-container.section-ui-cfg .style-selection .item > div {
  background: blue;
  display: inline-block;
  margin-bottom: -5px;
  margin-left: 30px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  border: solid 1px black;
}
.bubble-container.section-ui-add .style-selection .item.active > div,
.bubble-container.section-ui-cfg .style-selection .item.active > div {
  outline: solid 2px #65b8c5;
}
.bubble-container.section-ui-add .style-selection .item[data-style-selection='0'] > div,
.bubble-container.section-ui-cfg .style-selection .item[data-style-selection='0'] > div {
  background: white;
}
.bubble-container.section-ui-add .style-selection .item[data-style-selection='1'] > div,
.bubble-container.section-ui-cfg .style-selection .item[data-style-selection='1'] > div {
  background: #acaca9;
}
.bubble-container.section-ui-add .style-selection .item[data-style-selection='2'] > div,
.bubble-container.section-ui-cfg .style-selection .item[data-style-selection='2'] > div {
  background: #2d3e41;
}
.bubble-container.section-ui-add .separator-selection,
.bubble-container.section-ui-cfg .separator-selection {
  text-align: center;
}
.bubble-container.section-ui-add .buttons,
.bubble-container.section-ui-del .buttons,
.bubble-container.section-ui-cfg .buttons {
  text-align: center;
}
.bubble-container.section-ui-add .button.delete,
.bubble-container.section-ui-del .button.delete,
.bubble-container.section-ui-cfg .button.delete,
.bubble-container.section-ui-add .button.add,
.bubble-container.section-ui-del .button.add,
.bubble-container.section-ui-cfg .button.add {
  margin-left: 10px;
}
html.viewing [data-component-uri="//silk.co/block/simple/1"].empty {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/gist/1"] {
  padding: 0;
}
#canvas [data-component-uri="//silk.co/widget/gist/1"] iframe {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
#canvas .component-queryview-groupby .grouped-list {
  list-style: none;
  overflow: hidden;
  position: relative;
  padding-left: 0;
}
#canvas .component-queryview-groupby .grouped-list li {
  list-style: none;
}
#canvas .component-queryview-groupby .grouped-list li li {
  border-top: 1px solid #eee;
}
#canvas .component-queryview-groupby .grouped-list ul {
  padding: 0;
}
#canvas .component-queryview-groupby .group-heading {
  margin-top: 15px;
  font-weight: bold;
}
#canvas .component-queryview-groupby .float-item {
  position: absolute;
  left: 0;
  top: 0;
}
#canvas .component-queryview-groupby .group-item {
  float: left;
  width: 250px;
}
#canvas .component-queryview-groupby .group-item ul > li {
  word-wrap: break-word;
}
#canvas .component-queryview-groupby .group-item ul > li > span {
  color: #999;
  font-size: 12px;
  padding-right: 8px;
}
#canvas .component-queryview-groupby .group-item ul > li > span:first-child {
  color: inherit;
  font-size: inherit;
}
[data-component-uri="//silk.co/widget/image/1"] {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  position: relative;
}
[data-component-uri="//silk.co/widget/image/1"] .clip-container {
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
[data-component-uri="//silk.co/widget/image/1"] .offset-container {
  position: relative ;
}
[data-component-uri="//silk.co/widget/image/1"] .zoom-container {
  transform-origin: 0 0;
}
[data-component-uri="//silk.co/widget/image/1"] img {
  border: none;
  image-orientation: from-image;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
  background: url("images/components/image/drop.png") no-repeat center 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  min-height: 100px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  background-size: 34px;
  height: 190px;
  padding-top: 100px;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui .bookmarklet {
  display: none;
}
section.style-0 [data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  background-color: #f6f6f2;
  border: solid 1px #eaeae6;
  color: #afbebc;
}
section.style-1 [data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  background-color: white;
  border: solid 1px #ddddda;
  color: #afbebc;
}
section.style-2 [data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  background-color: #364a4e;
  border: solid 1px #243234;
  color: #afbebc;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui p {
  margin: 0;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui:hover {
  background-color: white;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui input {
  display: none;
}
[data-component-uri="//silk.co/widget/image/1"] .upload-ui {
  display: none;
}
[data-component-uri="//silk.co/widget/image/1"].empty .resize-handle,
[data-component-uri="//silk.co/widget/image/1"].empty .controls,
[data-component-uri="//silk.co/widget/image/1"].empty .clip-container {
  display: none;
}
[data-component-uri="//silk.co/widget/image/1"].empty .upload-ui {
  display: block;
}
[data-component-uri="//silk.co/widget/image/1"].empty .tag-name {
  display: none;
}
html.viewing [data-component-uri="//silk.co/widget/image/1"] {
  cursor: pointer;
}
html.viewing [data-component-uri="//silk.co/widget/image/1"].empty {
  display: none;
}
[data-component-uri="//silk.co/widget/image/1"] .resize-handle,
[data-component-uri="//silk.co/widget/image/1"] .controls {
  position: relative;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
[data-component-uri="//silk.co/widget/image/1"] .resize-handle {
  position: relative;
  height: 13px;
  width: 100%;
  bottom: 0;
  cursor: row-resize;
  background: #f6f6f2 url("images/components/image/dragger.png") no-repeat center 4px;
  background-size: 22px 4px;
}
[data-component-uri="//silk.co/widget/image/1"] .controls {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 50px;
  width: 140px;
  margin: 0 auto;
}
[data-component-uri="//silk.co/widget/image/1"] .controls a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px;
  margin-right: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  cursor: pointer;
}
[data-component-uri="//silk.co/widget/image/1"] .controls a:hover {
  background: black;
}
[data-component-uri="//silk.co/widget/image/1"].tagged img {
  cursor: pointer;
}
html.editing .block:hover [data-component-uri="//silk.co/widget/image/1"] .clip-container,
html.editing [data-component-uri="//silk.co/widget/image/1"].resizing .clip-container {
  background-color: #f6f6f2;
}
html.editing .block:hover [data-component-uri="//silk.co/widget/image/1"] .controls,
html.editing [data-component-uri="//silk.co/widget/image/1"].resizing .controls,
html.editing .block:hover [data-component-uri="//silk.co/widget/image/1"] .resize-handle,
html.editing [data-component-uri="//silk.co/widget/image/1"].resizing .resize-handle {
  opacity: 1;
  pointer-events: auto;
}
html.editing .block:hover [data-component-uri="//silk.co/widget/image/1"] img,
html.editing [data-component-uri="//silk.co/widget/image/1"].resizing img {
  cursor: move;
}
html.editing [data-component-uri="//silk.co/widget/image/1"].dragging .clip-container {
  background: #f6f6f2;
}
html.editing [data-component-uri="//silk.co/widget/image/1"].dragging .controls,
html.editing [data-component-uri="//silk.co/widget/image/1"].dragging .resize-handle {
  opacity: 0;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui {
  position: relative;
  z-index: 1;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  padding: 0 15px 0 15px;
  font-size: 13px;
  border-left: solid 1px rgba(255, 255, 255, 0.2);
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name .vis-icon,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name .vis-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  zoom: 0.8;
  opacity: 0.6;
  display: inline-block;
  background-image: url("images/icons/invisible.svg");
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 20px;
  margin-left: 10px;
  margin-top: -10px;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name a,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name a {
  color: white;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name .vis-icon,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name .vis-icon {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.visible,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.visible {
  display: block;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.visible .vis-icon,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.visible .vis-icon {
  background-image: url("images/icons/visible.svg");
  opacity: 1.0;
}
html.editing #canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name,
html.editing #canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name {
  display: block;
  cursor: pointer;
  padding: 0 45px 0 15px;
}
html.editing #canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name .vis-icon,
html.editing #canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name .vis-icon {
  display: inline-block;
}
html.editing #canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.hidden a,
html.editing #canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.hidden a {
  opacity: 0.2;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.disabled,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.disabled {
  background: rgba(0, 0, 0, 0.3);
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.disabled .vis-icon,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.disabled .vis-icon {
  opacity: 0.1;
}
#canvas [data-component-uri="//silk.co/widget/image/1"] .media-tag-ui .tag-name.disabled a,
#canvas [data-component-uri="//silk.co/widget/video/1"] .media-tag-ui .tag-name.disabled a {
  opacity: 1.0 !important;
  font-style: italic;
}
.bubble-container .media-tag-ui .header,
.bubble-container .media-tag-ui .hide {
  padding: 4px 8px;
}
.bubble-container .media-tag-ui .header {
  font-weight: bold;
}
.bubble-container .media-tag-ui .hide {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
}
.bubble-container .media-tag-ui .hide:not(.disabled):hover {
  background: #333;
  color: white;
}
.bubble-container .media-tag-ui .hide.disabled {
  opacity: 0.3;
}
.bubble-container .media-tag-ui .remove {
  float: right;
  opacity: 1;
  cursor: pointer;
  width: 13px;
  height: 13px;
  margin-top: 9px;
  background-image: url("images/blocks/ui/icons.png");
  background-image: -webkit-image-set(url("images/blocks/ui/icons.png") 1x, url("images/blocks/ui/icons@2x.png") 2x);
}
.bubble-container .media-tag-ui .remove:hover {
  opacity: 0.8;
}
@media (min-resolution: 1.5dppx) {
  .bubble-container .media-tag-ui .remove {
    background-image: url("images/blocks/ui/icons@2x.png");
    background-size: 13px 26px;
  }
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .data {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .data a {
  display: block;
  background: palegreen;
  margin-bottom: 1px;
  font-size: 14px;
  min-height: 16px;
  line-height: 16px;
  color: black;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .data a:before {
  font-weight: bold;
  content: "[" attr(data-key) "] ";
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .data a[data-new] {
  background: lime;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .data a[data-suggestion] {
  background: aliceblue;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag span.new-fact {
  margin-top: 10px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions {
  display: none;
  padding: 5px 0px 5px 14px;
  margin-top: 11px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions .nsuggestions {
  font-weight: bold;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions.visible {
  display: block;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td:not(.ui) {
  border-top: solid 1px transparent;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.value {
  border-left: solid 1px transparent;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] table {
  width: 100%;
  border-spacing: 0;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr:not(.highlight) {
  -webkit-transition: background-color 2s ease;
  -moz-transition: background-color 2s ease;
  -ms-transition: background-color 2s ease;
  -o-transition: background-color 2s ease;
  transition: background-color 2s ease;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.highlight {
  background-color: #ffffdd;
}
html.viewing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td {
  border-top: none !important;
}
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag,
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag {
  border-top: solid 1px #eeeeee;
}
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions,
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions {
  background-color: #F7F7F7;
}
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] td:not(.ui),
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] td:not(.ui),
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] th,
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] th {
  border-top: solid 1px #eeeeee;
}
html.editing #canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td:not(.ui),
html.editing #canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td:not(.ui) {
  border-top: solid 1px #eeeeee;
}
html.editing #canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] td.value,
html.editing #canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] td.value {
  border-left: solid 1px #eeeeee;
}
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] table,
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] table {
  background: #f6f6f2;
}
#canvas section:not(.style-1):not(.style-2) [data-component-uri="//silk.co/widget/keyvalue/1"] tr,
#canvas section.style-0 [data-component-uri="//silk.co/widget/keyvalue/1"] tr {
  background-color: white;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag {
  border-top: solid 1px #dddddd;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag span.new-fact {
  background: white;
  border: solid 1px #eaeae6;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag span.new-fact:hover {
  background: #f6f6f2;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions {
  background-color: #F7F7F7;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] td:not(.ui),
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] th {
  border-top: solid 1px #dddddd;
}
html.editing #canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td:not(.ui) {
  border-top: solid 1px #dddddd;
}
html.editing #canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] td.value {
  border-left: solid 1px #dddddd;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] table {
  background: white;
}
#canvas section.style-1 [data-component-uri="//silk.co/widget/keyvalue/1"] tr {
  background-color: #f6f6f2;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag {
  border-top: solid 1px #3b5155;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag span.new-fact {
  background: #29383b;
  border: solid 1px #243234;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag span.new-fact:hover {
  background: #2d3e41;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag div.more-suggestions {
  background-color: #F7F7F7;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] td:not(.ui),
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] th {
  border-top: solid 1px #3b5155;
}
html.editing #canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] tbody.category td:not(.ui) {
  border-top: solid 1px #3b5155;
}
html.editing #canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] td.value {
  border-left: solid 1px #3b5155;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] table {
  background: #243234;
}
#canvas section.style-2 [data-component-uri="//silk.co/widget/keyvalue/1"] tr {
  background-color: #2d3e41;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] th {
  text-align: left;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  color: #bba;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] thead {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"].empty-inline thead.inline {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"].empty-managed thead.managed {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td {
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0;
  outline: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td a:hover {
  text-decoration: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td tr:not(.readonly) a.field {
  cursor: text;
}
html.viewing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.key {
  max-width: 200px;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.key {
  width: 200px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.ui {
  width: 20px;
  max-width: 20px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td div {
  position: relative;
  min-height: 25px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td div .field {
  min-height: 25px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td .field {
  background: none;
  resize: none;
  display: block;
  padding: 0;
  outline: none;
  white-space: pre-wrap;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.key {
  word-wrap: break-word;
  padding-right: 5px;
  font-weight: bold;
  -webkit-transform: translate3d(0, 0, 0);
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.key a {
  color: inherit;
  text-decoration: none;
  cursor: text;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.value {
  -webkit-transform: translate3d(0, 0, 0);
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 360px;
  padding-left: 20px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.value .field {
  padding-right: 20px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.readonly td.key a {
  cursor: default;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.suggestion.editing td.value a.field.empty:before,
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.editing.nameless td.value a.field.empty:before {
  content: "";
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td div.editing a.field {
  overflow: hidden;
  min-height: 0px;
  height: 0px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td div.editing textarea.field {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  text-rendering: optimizeLegibility;
  line-height: 26px;
  font-size: 16px;
  display: block;
  width: 95%;
  border: none;
  height: 25px;
  overflow: hidden;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td div.editing textarea.field sup {
  line-height: 12px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr:not(.readonly) .delete,
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .pointer {
  position: absolute;
  height: 15px;
  width: 15px;
  top: 6px;
  right: 0;
  cursor: pointer;
  background-image: url("images/icons/edit.svg");
  background-size: 30px 45px;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .delete {
  background-position: 0px   0px;
  opacity: 0.5;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .delete:hover {
  background-position: -15px 0px;
  opacity: 1.0;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .pointer {
  background-position: 0px -30px;
  opacity: 0.5;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .pointer:hover {
  background-position: -15px -30px;
  opacity: 1.0;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.category .delete {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.suggestion .delete {
  display: none;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .delete,
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .pointer {
  display: none;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.inline td.value .field {
  cursor: pointer;
  display: inline;
  padding-right: 10px;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.suggestion .field {
  color: #afbebc;
  font-weight: normal;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.suggestion td.key a {
  cursor: pointer;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.suggestion td.key a:hover {
  text-decoration: underline;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.category.suggestion .delete,
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.inline .delete {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr td.value a.field.empty:before {
  content: "...";
  color: #afbebc;
}
html.viewing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] td.value a.field.empty:before {
  display: none;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.list .value div:before {
  content: "•";
  position: absolute;
  left: -13px;
  top: 0;
}
#canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.nameless a:not(.empty).field {
  text-decoration: line-through;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr:not(.category):not(.suggestion):not(.inline) .key {
  cursor: move;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr:not(.category):not(.suggestion):not(.inline) .key .field {
  cursor: move;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.placeholder {
  outline: solid 1px #eeeeee;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.ui-sortable-helper {
  background: #ffffdd;
  z-index: 1;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.ui-sortable-helper td {
  border: none;
}
html.editing #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] tr.ui-sortable-helper .delete {
  display: none;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .suggestion,
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] .new-tag {
  display: none;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] a[href] {
  cursor: pointer;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"] a[href]:hover {
  text-decoration: underline;
}
html:not(.editing) #canvas [data-component-uri="//silk.co/widget/keyvalue/1"].empty {
  display: none;
}
.component-queryview-list ul > li > span {
  color: #999;
  font-size: 12px;
  padding-right: 8px;
}
.component-queryview-list ul > li > span:first-child {
  color: inherit;
  font-size: inherit;
}
#canvas .component-queryview-map .map-output {
  background: #e5e3df;
  height: 100%;
}
#canvas .component-queryview-map .message.no-results,
#canvas .component-queryview-map .message.missing-facts {
  display: block;
}
#canvas .component-queryview-map .map-page {
  width: 100%;
  height: 100%;
  padding-top: 15px;
  position: absolute;
  z-index: 1;
  background: black;
  color: white;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
}
#canvas .component-queryview-map .map-page.map-popup {
  min-width: 0;
}
#canvas .component-queryview-map .map-page .popup-list {
  max-height: calc(100% - 50px);
}
#canvas .component-queryview-map .map-page .image-box {
  margin-top: 5px;
}
#canvas .component-queryview-map .map-page a[href] {
  color: #75a5cc;
}
#canvas .component-queryview-map .map-page .card {
  background: black;
  border: none;
  margin-left: 15px;
  min-width: 100%;
}
#canvas .component-queryview-map .map-page .text {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  text-align: left;
}
#canvas .component-queryview-map .map-page .back {
  position: absolute;
  width: 20px;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
#canvas .component-queryview-map .map-page .back:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
#canvas .component-queryview-map .map-page .back svg {
  fill: white;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 auto;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
#canvas .component-queryview-map .map-page .header {
  display: inline-block;
  font-size: 18px;
  height: 40px;
  margin-left: 30px;
  margin-top: 5px;
}
#canvas .component-queryview-map .map-page .close-button {
  fill: white;
  position: absolute;
  top: 0;
  right: 0;
}
#canvas .component-queryview-map .map-page .pane {
  height: calc(100% - 50px);
  overflow: auto;
}
#canvas .component-queryview-map .map-page .row {
  display: block;
}
#canvas .component-queryview-map .map-page .val {
  padding-left: 0;
}
#canvas .component-queryview-map .missing-geo {
  position: absolute;
  top: 22px;
  right: 0;
  padding: 5px 10px;
  width: 470px;
  background-color: #e8622b;
  color: #ffffff;
  opacity: 0.9;
}
#canvas .component-queryview-map .missing-geo .close {
  text-decoration: underline;
}
#canvas .component-queryview-map .missing-geo .close:hover {
  cursor: pointer;
}
#canvas .component-queryview-map .map-marker-positional {
  position: absolute;
  line-height: 0;
  max-width: 20px;
}
#canvas .component-queryview-map .map-marker-positional svg path {
  -webkit-transition: fill 0.6s ease;
  -moz-transition: fill 0.6s ease;
  -ms-transition: fill 0.6s ease;
  -o-transition: fill 0.6s ease;
  transition: fill 0.6s ease;
}
#canvas .component-queryview-map .map-marker-positional svg path:nth-child(1) {
  fill: #E15E15;
}
#canvas .component-queryview-map .map-marker-positional svg path:nth-child(2) {
  fill: #CE5417;
}
#canvas .component-queryview-map .map-marker-positional svg path:nth-child(3) {
  fill: #fafafa;
}
#canvas .component-queryview-map .map-marker-positional:hover {
  cursor: pointer;
}
#canvas .component-queryview-map .map-marker-dom {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
}
#canvas .component-queryview-map .map-marker-dom svg {
  overflow: visible;
}
#canvas .component-queryview-map .map-marker-dom path {
  vector-effect: non-scaling-stroke;
}
#canvas .component-queryview-map .map-marker-dom:hover {
  z-index: 101 !important;
  cursor: pointer;
}
#canvas .component-queryview-map .map-legend-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#canvas .component-queryview-map .legend-btn {
  position: relative;
  top: 10px;
  right: 10px;
  padding: 2px 10px;
  background: black;
  color: white;
  border-radius: 20px;
  font-size: 14px;
}
#canvas .component-queryview-map .legend-btn svg {
  padding-left: 5px;
  vertical-align: middle;
  fill: white;
}
#canvas .component-queryview-map .legend-btn:hover {
  cursor: pointer;
}
#canvas .component-queryview-map .map-color-legend {
  position: relative;
  display: inline-block;
  top: 10px;
  right: 10px;
  padding: 10px 15px;
  background: black;
  color: white;
  border-radius: 4px;
  max-width: 350px;
  min-width: 85px;
  overflow-y: auto;
  font-size: 14px;
}
#canvas .component-queryview-map .map-color-legend .legend-title {
  margin-top: 0;
}
#canvas .component-queryview-map .map-color-legend .legend-title:hover {
  cursor: pointer;
}
#canvas .component-queryview-map .map-color-legend .close {
  vertical-align: top;
  display: inline-block;
  float: right;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#canvas .component-queryview-map .map-color-legend .close:hover {
  cursor: pointer;
}
#canvas .component-queryview-map .map-color-legend .legend-block {
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
#canvas .component-queryview-map .map-color-legend.empty {
  padding: 0;
}
#canvas .component-queryview-map .map-color-legend .legend-header h2 {
  display: inline-block;
  font-size: 16px;
}
#canvas .component-queryview-map .map-color-legend .legend-list {
  overflow-y: scroll;
  max-height: 300px;
}
#canvas .component-queryview-map .bubble-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.4s top, 0.4s left;
}
.map-popup {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #000000;
  color: #ffffff;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  min-width: 300px;
  max-width: 860px;
}
.map-popup.backable {
  padding-left: 20px;
}
.map-popup .back {
  position: absolute;
  width: 20px;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.map-popup .back:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.map-popup .back svg {
  fill: white;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 auto;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
.map-popup .title {
  font-size: 16px;
  color: #75a5cc;
}
.map-popup .row {
  display: table;
  margin-bottom: 5px;
}
.map-popup .prop {
  display: table-cell;
  height: 100%;
  vertical-align: top;
}
.map-popup .val {
  display: inline-block;
  padding-left: 10px;
}
.map-popup .text {
  padding: 0 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: center;
}
.map-popup.popup-card {
  z-index: 1000000;
  padding: 5px 25px 5px 15px;
}
.map-popup.popup-card .close-button {
  top: 15px;
}
.map-popup.card,
.map-popup .card {
  overflow: hidden;
  background: black;
  border: none;
  font-weight: normal;
  border-radius: 4px;
  padding: 0 15px;
}
.map-popup .title {
  display: inline-block;
  padding-bottom: 0;
}
.map-popup .title:hover {
  text-decoration: underline;
}
.map-popup .close-button {
  position: absolute;
  font-size: 16px;
  top: 8px;
  right: 10px;
}
.map-popup .close-button:hover {
  cursor: pointer;
  color: #e8622b;
}
.map-popup .popup-arrow {
  position: absolute;
  bottom: -19px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #000000;
}
.map-popup .popup-list {
  padding: 5px 15px 10px;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 0;
}
.map-popup .popup-list li {
  display: block;
  padding: 5px 10px;
  border-radius: 1px;
  color: #999;
}
.map-popup .popup-list li:after {
  content: "▸";
  float: right;
  color: rgba(255, 255, 255, 0.4);
  font-size: 16px;
}
.map-popup .popup-list li:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  cursor: pointer;
}
.map-popup .popup-list li:hover:after {
  color: #ffffff;
}
.map-popup a[href] {
  color: #75a5cc;
  text-decoration: none;
}
.map-popup a[href]:hover {
  text-decoration: underline;
}
.tooltip-value {
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
}
.component-queryview-pagegrid .pagegrid,
.component-queryview-mosaic .pagegrid {
  padding-top: 1px;
}
@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.component-queryview-pagegrid .pagegrid .loading,
.component-queryview-mosaic .pagegrid .loading {
  animation-name: ckw;
  animation-iteration-count: infinite;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  -webkit-animation-name: ckw;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  background: url("images/loading-dark.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.component-queryview-pagegrid .pagegrid .card,
.component-queryview-mosaic .pagegrid .card {
  float: left;
  word-wrap: break-word;
}
.component-queryview-pagegrid .pagegrid .load-more,
.component-queryview-mosaic .pagegrid .load-more {
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}
html.contentDocument.viewing .message.no-results,
html.contentDocument.viewing .message.missing-facts {
  display: block;
}
.component-queryview .message,
.embed.block .message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  color: rgba(232, 98, 43, 0.8);
  font-size: 14px;
  -webkit-transform: translate3d(0, 0, 0);
}
.component-queryview .message strong,
.embed.block .message strong {
  color: #e8622b;
}
.component-queryview .message .retry {
  color: #aaa;
  font-size: 13px;
  padding-left: 10px;
  cursor: pointer;
}
.component-queryview .message .retry:hover {
  text-decoration: underline;
}
.component-queryview .message,
.component-queryview .busy-indication {
  display: none;
}
.component-queryview.no-result > *,
.component-queryview.error-result > * {
  display: none;
}
.component-queryview.no-result > .controls,
.component-queryview.error-result > .controls {
  display: block;
}
.component-queryview.no-result:not(.busy) .message,
.component-queryview.error-result:not(.busy) .message {
  display: block;
}
.component-queryview.no-result .filters,
.component-queryview.error-result .filters {
  display: block;
}
.component-queryview.busy-visible {
  border: solid 1px #f6f6f2;
  min-height: 140px;
}
@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.component-queryview.busy-visible > * {
  opacity: 0;
}
.component-queryview.busy-visible .busy-indication {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50px;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  background: url("images/loading-dark.png") no-repeat center center;
  animation-name: ckw;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  -webkit-animation-name: ckw;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
}
.component-queryview .style-2 .busy-visible {
  border: solid 1px rgba(246, 246, 242, 0.8);
}
.component-queryview .style-2 .busy-visible .busy-indication {
  background: url("images/loading.png") no-repeat center center;
}
.component-queryview.component-queryview-map.busy-visible > * {
  opacity: 0.2;
}
.component-queryview .controls {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  text-align: right;
}
.component-queryview .controls > a {
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-decoration: none;
  -webkit-transition: all 0.075s ease-out;
  -moz-transition: all 0.075s ease-out;
  -ms-transition: all 0.075s ease-out;
  -o-transition: all 0.075s ease-out;
  transition: all 0.075s ease-out;
  -webkit-font-smoothing: antialiased;
  margin-left: 15px;
  cursor: pointer;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.component-queryview .controls > a:hover {
  text-decoration: underline;
}
section.style-2 .component-queryview .controls > a {
  color: rgba(246, 246, 242, 0.6) !important;
}
html.viewing section[data-columns="3"] .layout[data-span="1"] .component-queryview .controls {
  display: none;
}
html.viewing .component-queryview .controls .edit {
  display: none;
}
html.editing .component-queryview .controls .explore {
  display: none;
}
html.queryDocument .component-queryview .controls {
  display: none;
}
#canvas .component-queryview-areachart .busy-indication,
#canvas .component-queryview-barchart .busy-indication,
#canvas .component-queryview-stackchart .busy-indication,
#canvas .component-queryview-linechart .busy-indication,
#canvas .component-queryview-piechart .busy-indication,
#canvas .component-queryview-donutchart .busy-indication,
#canvas .component-queryview-scatterplot .busy-indication,
#canvas .component-queryview-vbar .busy-indication,
#canvas .component-queryview-hbar .busy-indication {
  top: 50%;
}
#canvas .component-queryview-areachart .output,
#canvas .component-queryview-barchart .output,
#canvas .component-queryview-stackchart .output,
#canvas .component-queryview-linechart .output,
#canvas .component-queryview-piechart .output,
#canvas .component-queryview-donutchart .output,
#canvas .component-queryview-scatterplot .output,
#canvas .component-queryview-vbar .output,
#canvas .component-queryview-hbar .output {
  border: 1px solid #e4e2e2;
  font-size: 12px;
}
#canvas .component-queryview-areachart .output.loaded,
#canvas .component-queryview-barchart .output.loaded,
#canvas .component-queryview-stackchart .output.loaded,
#canvas .component-queryview-linechart .output.loaded,
#canvas .component-queryview-piechart .output.loaded,
#canvas .component-queryview-donutchart .output.loaded,
#canvas .component-queryview-scatterplot .output.loaded,
#canvas .component-queryview-vbar .output.loaded,
#canvas .component-queryview-hbar .output.loaded {
  border: none;
}
#canvas .component-queryview-areachart .output svg,
#canvas .component-queryview-barchart .output svg,
#canvas .component-queryview-stackchart .output svg,
#canvas .component-queryview-linechart .output svg,
#canvas .component-queryview-piechart .output svg,
#canvas .component-queryview-donutchart .output svg,
#canvas .component-queryview-scatterplot .output svg,
#canvas .component-queryview-vbar .output svg,
#canvas .component-queryview-hbar .output svg {
  overflow: visible;
}
#canvas .component-queryview-areachart .output .outline svg,
#canvas .component-queryview-barchart .output .outline svg,
#canvas .component-queryview-stackchart .output .outline svg,
#canvas .component-queryview-linechart .output .outline svg,
#canvas .component-queryview-piechart .output .outline svg,
#canvas .component-queryview-donutchart .output .outline svg,
#canvas .component-queryview-scatterplot .output .outline svg,
#canvas .component-queryview-vbar .output .outline svg,
#canvas .component-queryview-hbar .output .outline svg {
  z-index: 1;
}
#canvas .component-queryview-areachart .output svg.debug,
#canvas .component-queryview-barchart .output svg.debug,
#canvas .component-queryview-stackchart .output svg.debug,
#canvas .component-queryview-linechart .output svg.debug,
#canvas .component-queryview-piechart .output svg.debug,
#canvas .component-queryview-donutchart .output svg.debug,
#canvas .component-queryview-scatterplot .output svg.debug,
#canvas .component-queryview-vbar .output svg.debug,
#canvas .component-queryview-hbar .output svg.debug {
  background: #f6f6f2;
}
#canvas .component-queryview-areachart .output svg.debug .debug,
#canvas .component-queryview-barchart .output svg.debug .debug,
#canvas .component-queryview-stackchart .output svg.debug .debug,
#canvas .component-queryview-linechart .output svg.debug .debug,
#canvas .component-queryview-piechart .output svg.debug .debug,
#canvas .component-queryview-donutchart .output svg.debug .debug,
#canvas .component-queryview-scatterplot .output svg.debug .debug,
#canvas .component-queryview-vbar .output svg.debug .debug,
#canvas .component-queryview-hbar .output svg.debug .debug {
  fill: rgba(0, 128, 255, 0.2);
}
#canvas .component-queryview-areachart .output svg.debug .axis .debug,
#canvas .component-queryview-barchart .output svg.debug .axis .debug,
#canvas .component-queryview-stackchart .output svg.debug .axis .debug,
#canvas .component-queryview-linechart .output svg.debug .axis .debug,
#canvas .component-queryview-piechart .output svg.debug .axis .debug,
#canvas .component-queryview-donutchart .output svg.debug .axis .debug,
#canvas .component-queryview-scatterplot .output svg.debug .axis .debug,
#canvas .component-queryview-vbar .output svg.debug .axis .debug,
#canvas .component-queryview-hbar .output svg.debug .axis .debug {
  fill: rgba(255, 0, 128, 0.2);
}
#canvas .component-queryview-areachart .output svg.debug .overlay.debug,
#canvas .component-queryview-barchart .output svg.debug .overlay.debug,
#canvas .component-queryview-stackchart .output svg.debug .overlay.debug,
#canvas .component-queryview-linechart .output svg.debug .overlay.debug,
#canvas .component-queryview-piechart .output svg.debug .overlay.debug,
#canvas .component-queryview-donutchart .output svg.debug .overlay.debug,
#canvas .component-queryview-scatterplot .output svg.debug .overlay.debug,
#canvas .component-queryview-vbar .output svg.debug .overlay.debug,
#canvas .component-queryview-hbar .output svg.debug .overlay.debug {
  fill: rgba(0, 192, 64, 0.3);
}
#canvas .component-queryview-areachart .output .debug,
#canvas .component-queryview-barchart .output .debug,
#canvas .component-queryview-stackchart .output .debug,
#canvas .component-queryview-linechart .output .debug,
#canvas .component-queryview-piechart .output .debug,
#canvas .component-queryview-donutchart .output .debug,
#canvas .component-queryview-scatterplot .output .debug,
#canvas .component-queryview-vbar .output .debug,
#canvas .component-queryview-hbar .output .debug {
  pointer-events: none;
}
#canvas .component-queryview-areachart .output .overlay.debug,
#canvas .component-queryview-barchart .output .overlay.debug,
#canvas .component-queryview-stackchart .output .overlay.debug,
#canvas .component-queryview-linechart .output .overlay.debug,
#canvas .component-queryview-piechart .output .overlay.debug,
#canvas .component-queryview-donutchart .output .overlay.debug,
#canvas .component-queryview-scatterplot .output .overlay.debug,
#canvas .component-queryview-vbar .output .overlay.debug,
#canvas .component-queryview-hbar .output .overlay.debug {
  pointer-events: all;
}
#canvas .component-queryview-areachart .output .popup,
#canvas .component-queryview-barchart .output .popup,
#canvas .component-queryview-stackchart .output .popup,
#canvas .component-queryview-linechart .output .popup,
#canvas .component-queryview-piechart .output .popup,
#canvas .component-queryview-donutchart .output .popup,
#canvas .component-queryview-scatterplot .output .popup,
#canvas .component-queryview-vbar .output .popup,
#canvas .component-queryview-hbar .output .popup {
  z-index: 100;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  max-width: 400px;
  position: absolute;
  background: black;
  padding: 5px 10px 8px 10px;
  color: white;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
#canvas .component-queryview-areachart .output .popup .tri,
#canvas .component-queryview-barchart .output .popup .tri,
#canvas .component-queryview-stackchart .output .popup .tri,
#canvas .component-queryview-linechart .output .popup .tri,
#canvas .component-queryview-piechart .output .popup .tri,
#canvas .component-queryview-donutchart .output .popup .tri,
#canvas .component-queryview-scatterplot .output .popup .tri,
#canvas .component-queryview-vbar .output .popup .tri,
#canvas .component-queryview-hbar .output .popup .tri {
  display: none;
  content: '';
  position: absolute;
  background: black;
  width: 12px;
  height: 12px;
  bottom: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#canvas .component-queryview-areachart .output .popup .tri.top,
#canvas .component-queryview-barchart .output .popup .tri.top,
#canvas .component-queryview-stackchart .output .popup .tri.top,
#canvas .component-queryview-linechart .output .popup .tri.top,
#canvas .component-queryview-piechart .output .popup .tri.top,
#canvas .component-queryview-donutchart .output .popup .tri.top,
#canvas .component-queryview-scatterplot .output .popup .tri.top,
#canvas .component-queryview-vbar .output .popup .tri.top,
#canvas .component-queryview-hbar .output .popup .tri.top {
  display: block;
  margin-left: -6px;
  left: 50%;
  top: -6px;
}
#canvas .component-queryview-areachart .output .popup .tri.bottom,
#canvas .component-queryview-barchart .output .popup .tri.bottom,
#canvas .component-queryview-stackchart .output .popup .tri.bottom,
#canvas .component-queryview-linechart .output .popup .tri.bottom,
#canvas .component-queryview-piechart .output .popup .tri.bottom,
#canvas .component-queryview-donutchart .output .popup .tri.bottom,
#canvas .component-queryview-scatterplot .output .popup .tri.bottom,
#canvas .component-queryview-vbar .output .popup .tri.bottom,
#canvas .component-queryview-hbar .output .popup .tri.bottom {
  display: block;
  margin-left: -6px;
  left: 50%;
  bottom: -6px;
}
#canvas .component-queryview-areachart .output .popup .tri.left,
#canvas .component-queryview-barchart .output .popup .tri.left,
#canvas .component-queryview-stackchart .output .popup .tri.left,
#canvas .component-queryview-linechart .output .popup .tri.left,
#canvas .component-queryview-piechart .output .popup .tri.left,
#canvas .component-queryview-donutchart .output .popup .tri.left,
#canvas .component-queryview-scatterplot .output .popup .tri.left,
#canvas .component-queryview-vbar .output .popup .tri.left,
#canvas .component-queryview-hbar .output .popup .tri.left {
  display: block;
  margin-top: -6px;
  top: 50%;
  left: -6px;
}
#canvas .component-queryview-areachart .output .popup .tri.right,
#canvas .component-queryview-barchart .output .popup .tri.right,
#canvas .component-queryview-stackchart .output .popup .tri.right,
#canvas .component-queryview-linechart .output .popup .tri.right,
#canvas .component-queryview-piechart .output .popup .tri.right,
#canvas .component-queryview-donutchart .output .popup .tri.right,
#canvas .component-queryview-scatterplot .output .popup .tri.right,
#canvas .component-queryview-vbar .output .popup .tri.right,
#canvas .component-queryview-hbar .output .popup .tri.right {
  display: block;
  margin-top: -6px;
  top: 50%;
  right: -6px;
}
#canvas .component-queryview-areachart .output .popup a,
#canvas .component-queryview-barchart .output .popup a,
#canvas .component-queryview-stackchart .output .popup a,
#canvas .component-queryview-linechart .output .popup a,
#canvas .component-queryview-piechart .output .popup a,
#canvas .component-queryview-donutchart .output .popup a,
#canvas .component-queryview-scatterplot .output .popup a,
#canvas .component-queryview-vbar .output .popup a,
#canvas .component-queryview-hbar .output .popup a {
  color: inherit;
}
#canvas .component-queryview-areachart .output .popup a[href],
#canvas .component-queryview-barchart .output .popup a[href],
#canvas .component-queryview-stackchart .output .popup a[href],
#canvas .component-queryview-linechart .output .popup a[href],
#canvas .component-queryview-piechart .output .popup a[href],
#canvas .component-queryview-donutchart .output .popup a[href],
#canvas .component-queryview-scatterplot .output .popup a[href],
#canvas .component-queryview-vbar .output .popup a[href],
#canvas .component-queryview-hbar .output .popup a[href] {
  text-decoration: underline;
}
#canvas .component-queryview-areachart .output .popup .label,
#canvas .component-queryview-barchart .output .popup .label,
#canvas .component-queryview-stackchart .output .popup .label,
#canvas .component-queryview-linechart .output .popup .label,
#canvas .component-queryview-piechart .output .popup .label,
#canvas .component-queryview-donutchart .output .popup .label,
#canvas .component-queryview-scatterplot .output .popup .label,
#canvas .component-queryview-vbar .output .popup .label,
#canvas .component-queryview-hbar .output .popup .label {
  font-weight: bold;
  text-align: center;
}
#canvas .component-queryview-areachart .output .popup .info,
#canvas .component-queryview-barchart .output .popup .info,
#canvas .component-queryview-stackchart .output .popup .info,
#canvas .component-queryview-linechart .output .popup .info,
#canvas .component-queryview-piechart .output .popup .info,
#canvas .component-queryview-donutchart .output .popup .info,
#canvas .component-queryview-scatterplot .output .popup .info,
#canvas .component-queryview-vbar .output .popup .info,
#canvas .component-queryview-hbar .output .popup .info {
  clear: both;
}
#canvas .component-queryview-areachart .output .popup .desc,
#canvas .component-queryview-barchart .output .popup .desc,
#canvas .component-queryview-stackchart .output .popup .desc,
#canvas .component-queryview-linechart .output .popup .desc,
#canvas .component-queryview-piechart .output .popup .desc,
#canvas .component-queryview-donutchart .output .popup .desc,
#canvas .component-queryview-scatterplot .output .popup .desc,
#canvas .component-queryview-vbar .output .popup .desc,
#canvas .component-queryview-hbar .output .popup .desc {
  margin-right: 10px;
}
#canvas .component-queryview-areachart .output .popup .desc:after,
#canvas .component-queryview-barchart .output .popup .desc:after,
#canvas .component-queryview-stackchart .output .popup .desc:after,
#canvas .component-queryview-linechart .output .popup .desc:after,
#canvas .component-queryview-piechart .output .popup .desc:after,
#canvas .component-queryview-donutchart .output .popup .desc:after,
#canvas .component-queryview-scatterplot .output .popup .desc:after,
#canvas .component-queryview-vbar .output .popup .desc:after,
#canvas .component-queryview-hbar .output .popup .desc:after {
  content: ":";
}
#canvas .component-queryview-areachart .output .popup .box,
#canvas .component-queryview-barchart .output .popup .box,
#canvas .component-queryview-stackchart .output .popup .box,
#canvas .component-queryview-linechart .output .popup .box,
#canvas .component-queryview-piechart .output .popup .box,
#canvas .component-queryview-donutchart .output .popup .box,
#canvas .component-queryview-scatterplot .output .popup .box,
#canvas .component-queryview-vbar .output .popup .box,
#canvas .component-queryview-hbar .output .popup .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: 10px;
  height: 10px;
  margin-top: 8px;
  border: solid 4px transparent;
  float: left;
  margin-right: 8px;
  border: solid 1px rgba(255, 255, 255, 0.4);
}
#canvas .component-queryview-areachart .output .popup .value,
#canvas .component-queryview-barchart .output .popup .value,
#canvas .component-queryview-stackchart .output .popup .value,
#canvas .component-queryview-linechart .output .popup .value,
#canvas .component-queryview-piechart .output .popup .value,
#canvas .component-queryview-donutchart .output .popup .value,
#canvas .component-queryview-scatterplot .output .popup .value,
#canvas .component-queryview-vbar .output .popup .value,
#canvas .component-queryview-hbar .output .popup .value {
  float: right;
}
#canvas .component-queryview-areachart .output .legend,
#canvas .component-queryview-barchart .output .legend,
#canvas .component-queryview-stackchart .output .legend,
#canvas .component-queryview-linechart .output .legend,
#canvas .component-queryview-piechart .output .legend,
#canvas .component-queryview-donutchart .output .legend,
#canvas .component-queryview-scatterplot .output .legend,
#canvas .component-queryview-vbar .output .legend,
#canvas .component-queryview-hbar .output .legend {
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
}
#canvas .component-queryview-areachart .output .legend .item,
#canvas .component-queryview-barchart .output .legend .item,
#canvas .component-queryview-stackchart .output .legend .item,
#canvas .component-queryview-linechart .output .legend .item,
#canvas .component-queryview-piechart .output .legend .item,
#canvas .component-queryview-donutchart .output .legend .item,
#canvas .component-queryview-scatterplot .output .legend .item,
#canvas .component-queryview-vbar .output .legend .item,
#canvas .component-queryview-hbar .output .legend .item {
  clear: both;
}
#canvas .component-queryview-areachart .output .legend .box,
#canvas .component-queryview-barchart .output .legend .box,
#canvas .component-queryview-stackchart .output .legend .box,
#canvas .component-queryview-linechart .output .legend .box,
#canvas .component-queryview-piechart .output .legend .box,
#canvas .component-queryview-donutchart .output .legend .box,
#canvas .component-queryview-scatterplot .output .legend .box,
#canvas .component-queryview-vbar .output .legend .box,
#canvas .component-queryview-hbar .output .legend .box {
  float: left;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  border: outline 4px transparent;
}
#canvas .component-queryview-areachart .output .legend .box,
#canvas .component-queryview-barchart .output .legend .box,
#canvas .component-queryview-stackchart .output .legend .box,
#canvas .component-queryview-linechart .output .legend .box,
#canvas .component-queryview-piechart .output .legend .box,
#canvas .component-queryview-donutchart .output .legend .box,
#canvas .component-queryview-scatterplot .output .legend .box,
#canvas .component-queryview-vbar .output .legend .box,
#canvas .component-queryview-hbar .output .legend .box {
  float: left;
  margin-right: 5px;
}
#canvas .component-queryview-areachart .output .legend.barchart .num,
#canvas .component-queryview-barchart .output .legend.barchart .num,
#canvas .component-queryview-stackchart .output .legend.barchart .num,
#canvas .component-queryview-linechart .output .legend.barchart .num,
#canvas .component-queryview-piechart .output .legend.barchart .num,
#canvas .component-queryview-donutchart .output .legend.barchart .num,
#canvas .component-queryview-scatterplot .output .legend.barchart .num,
#canvas .component-queryview-vbar .output .legend.barchart .num,
#canvas .component-queryview-hbar .output .legend.barchart .num,
#canvas .component-queryview-areachart .output .legend.linechart .num,
#canvas .component-queryview-barchart .output .legend.linechart .num,
#canvas .component-queryview-stackchart .output .legend.linechart .num,
#canvas .component-queryview-linechart .output .legend.linechart .num,
#canvas .component-queryview-piechart .output .legend.linechart .num,
#canvas .component-queryview-donutchart .output .legend.linechart .num,
#canvas .component-queryview-scatterplot .output .legend.linechart .num,
#canvas .component-queryview-vbar .output .legend.linechart .num,
#canvas .component-queryview-hbar .output .legend.linechart .num {
  width: 50%;
  float: left;
  text-align: left;
}
#canvas .component-queryview-areachart .output .legend.barchart .aux,
#canvas .component-queryview-barchart .output .legend.barchart .aux,
#canvas .component-queryview-stackchart .output .legend.barchart .aux,
#canvas .component-queryview-linechart .output .legend.barchart .aux,
#canvas .component-queryview-piechart .output .legend.barchart .aux,
#canvas .component-queryview-donutchart .output .legend.barchart .aux,
#canvas .component-queryview-scatterplot .output .legend.barchart .aux,
#canvas .component-queryview-vbar .output .legend.barchart .aux,
#canvas .component-queryview-hbar .output .legend.barchart .aux,
#canvas .component-queryview-areachart .output .legend.linechart .aux,
#canvas .component-queryview-barchart .output .legend.linechart .aux,
#canvas .component-queryview-stackchart .output .legend.linechart .aux,
#canvas .component-queryview-linechart .output .legend.linechart .aux,
#canvas .component-queryview-piechart .output .legend.linechart .aux,
#canvas .component-queryview-donutchart .output .legend.linechart .aux,
#canvas .component-queryview-scatterplot .output .legend.linechart .aux,
#canvas .component-queryview-vbar .output .legend.linechart .aux,
#canvas .component-queryview-hbar .output .legend.linechart .aux {
  width: 50%;
  float: right;
  text-align: right;
}
#canvas .component-queryview-areachart .output .legend.barchart .aux .box,
#canvas .component-queryview-barchart .output .legend.barchart .aux .box,
#canvas .component-queryview-stackchart .output .legend.barchart .aux .box,
#canvas .component-queryview-linechart .output .legend.barchart .aux .box,
#canvas .component-queryview-piechart .output .legend.barchart .aux .box,
#canvas .component-queryview-donutchart .output .legend.barchart .aux .box,
#canvas .component-queryview-scatterplot .output .legend.barchart .aux .box,
#canvas .component-queryview-vbar .output .legend.barchart .aux .box,
#canvas .component-queryview-hbar .output .legend.barchart .aux .box,
#canvas .component-queryview-areachart .output .legend.linechart .aux .box,
#canvas .component-queryview-barchart .output .legend.linechart .aux .box,
#canvas .component-queryview-stackchart .output .legend.linechart .aux .box,
#canvas .component-queryview-linechart .output .legend.linechart .aux .box,
#canvas .component-queryview-piechart .output .legend.linechart .aux .box,
#canvas .component-queryview-donutchart .output .legend.linechart .aux .box,
#canvas .component-queryview-scatterplot .output .legend.linechart .aux .box,
#canvas .component-queryview-vbar .output .legend.linechart .aux .box,
#canvas .component-queryview-hbar .output .legend.linechart .aux .box {
  float: right;
  margin-left: 5px;
}
#canvas .component-queryview-areachart .output .legend.piechart,
#canvas .component-queryview-barchart .output .legend.piechart,
#canvas .component-queryview-stackchart .output .legend.piechart,
#canvas .component-queryview-linechart .output .legend.piechart,
#canvas .component-queryview-piechart .output .legend.piechart,
#canvas .component-queryview-donutchart .output .legend.piechart,
#canvas .component-queryview-scatterplot .output .legend.piechart,
#canvas .component-queryview-vbar .output .legend.piechart,
#canvas .component-queryview-hbar .output .legend.piechart {
  position: absolute;
  width: 400px;
}
.queryDocument .component.component-queryview-table {
  overflow: visible;
}
.queryDocument .component.component-queryview-table table {
  background: white;
}
.component.component-queryview-table table {
  width: 100%;
  border-spacing: 0;
}
.component.component-queryview-table table th {
  line-height: 22px;
  padding: 5px 5px;
}
.component.component-queryview-table table td {
  line-height: 22px;
  padding: 5px 5px;
  -webkit-transform: translate3d(0, 0, 0);
}
.component.component-queryview-table table th:first-child,
.component.component-queryview-table table td:first-child {
  padding-left: 0px;
}
.component.component-queryview-table table th {
  vertical-align: top;
  text-align: left;
}
.component.component-queryview-table table th span {
  display: inline-block;
  font-weight: normal;
  text-decoration: inherit;
}
.component.component-queryview-table table th span:before {
  content: "for";
  padding: 0 0.4em;
}
.component.component-queryview-table table th span:first-of-type {
  font-weight: bold;
}
.component.component-queryview-table table th span:first-of-type:before {
  content: "";
  padding: 0;
}
.component.component-queryview-table table.sortable th {
  cursor: pointer;
}
.component.component-queryview-table table.sortable th:hover {
  text-decoration: underline;
}
.component.component-queryview-table table td {
  vertical-align: top;
}
.component.component-queryview-table table td .clip-container {
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.component.component-queryview-table table td .offset-container {
  position: relative ;
}
.component.component-queryview-table table td .zoom-container {
  transform-origin: 0 0;
}
.component.component-queryview-table table td img {
  border: none;
  image-orientation: from-image;
}
.component.component-queryview-table table td:empty:after {
  content: "-";
  color: #aaa;
}
.component.component-queryview-table table td {
  border-top: solid 1px rgba(0, 0, 0, 0.06);
}
section.style-2 .component.component-queryview-table table td {
  border-top: solid 1px rgba(246, 246, 242, 0.07);
}
.component.component-queryview-table .output {
  overflow-x: auto;
}
[data-component-uri].tagcounter .empty {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  min-height: 100px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  display: none;
  padding: 30px 0;
}
section.style-0 [data-component-uri].tagcounter .empty {
  background-color: #f6f6f2;
  border: solid 1px #eaeae6;
  color: #afbebc;
}
section.style-1 [data-component-uri].tagcounter .empty {
  background-color: white;
  border: solid 1px #ddddda;
  color: #afbebc;
}
section.style-2 [data-component-uri].tagcounter .empty {
  background-color: #364a4e;
  border: solid 1px #243234;
  color: #afbebc;
}
[data-component-uri].tagcounter .empty p {
  margin: 0;
}
html.editing [data-component-uri].tagcounter .empty {
  display: block;
}
[data-component-uri].tagcounter table {
  width: 100%;
  border-spacing: 0;
}
[data-component-uri].tagcounter table th {
  line-height: 22px;
  padding: 5px 5px;
}
[data-component-uri].tagcounter table td {
  line-height: 22px;
  padding: 5px 5px;
  -webkit-transform: translate3d(0, 0, 0);
}
[data-component-uri].tagcounter table th:first-child,
[data-component-uri].tagcounter table td:first-child {
  padding-left: 0px;
}
[data-component-uri].tagcounter table th {
  vertical-align: top;
  text-align: left;
}
[data-component-uri].tagcounter table th span {
  display: inline-block;
  font-weight: normal;
  text-decoration: inherit;
}
[data-component-uri].tagcounter table th span:before {
  content: "for";
  padding: 0 0.4em;
}
[data-component-uri].tagcounter table th span:first-of-type {
  font-weight: bold;
}
[data-component-uri].tagcounter table th span:first-of-type:before {
  content: "";
  padding: 0;
}
[data-component-uri].tagcounter table.sortable th {
  cursor: pointer;
}
[data-component-uri].tagcounter table.sortable th:hover {
  text-decoration: underline;
}
[data-component-uri].tagcounter table td {
  vertical-align: top;
}
[data-component-uri].tagcounter table td .clip-container {
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
[data-component-uri].tagcounter table td .offset-container {
  position: relative ;
}
[data-component-uri].tagcounter table td .zoom-container {
  transform-origin: 0 0;
}
[data-component-uri].tagcounter table td img {
  border: none;
  image-orientation: from-image;
}
[data-component-uri].tagcounter table td:empty:after {
  content: "-";
  color: #aaa;
}
[data-component-uri].tagcounter table td {
  border-top: solid 1px rgba(0, 0, 0, 0.06);
}
section.style-2 [data-component-uri].tagcounter table td {
  border-top: solid 1px rgba(246, 246, 242, 0.07);
}
[data-component-uri].tagcounter table th {
  text-decoration: none;
  cursor: inherit;
}
[data-component-uri].tagcounter table th,
[data-component-uri].tagcounter td {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
#canvas > .dashboard .feed-teaser {
  display: block;
  margin-top: 10px;
  background-color: #cdeae2;
  border: 1px solid #afbebc;
  padding: 5px 20px;
  visibility: hidden;
  zoom: 1;
  font-size: 14px;
}
#canvas > .dashboard .feed-teaser:before,
#canvas > .dashboard .feed-teaser:after {
  content: "";
  display: table;
}
#canvas > .dashboard .feed-teaser:after {
  clear: both;
}
#canvas > .dashboard .feed-teaser .text {
  color: black;
  float: left;
}
#canvas > .dashboard .feed-teaser .link {
  float: right;
}
#canvas .dashboard-wide .feed {
  max-width: 1280px;
  padding: 0;
  font-size: 14px;
}
#canvas .dashboard-wide .feed a {
  color: #e8622b;
}
#canvas .dashboard-wide .feed a:hover {
  cursor: pointer;
  text-decoration: underline;
}
#canvas .dashboard-wide .feed .header {
  padding: 10px 10px;
  margin: 0;
  font-size: 24px;
  margin-top: 30px;
}
#canvas .dashboard-wide .feed .spinner {
  padding: 10px 40px;
}
#canvas .dashboard-wide .feed .error,
#canvas .dashboard-wide .feed .empty {
  padding: 20px 30px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
#canvas .dashboard-wide .feed .feeditem {
  padding: 8px 10px 5px 10px;
  list-style-type: none;
  border-bottom: 1px solid #EEEEEE;
}
#canvas .dashboard-wide .feed .feeditem.document:hover .prevlabel .has-text,
#canvas .dashboard-wide .feed .feeditem.document-multi .keyvalue:hover .prevlabel .has-text {
  visibility: visible;
}
#canvas .dashboard-wide .feed .feeditem.document:hover .oldval .list,
#canvas .dashboard-wide .feed .feeditem.document-multi .keyvalue:hover .oldval .list,
#canvas .dashboard-wide .feed .feeditem.document:hover .oldval .single,
#canvas .dashboard-wide .feed .feeditem.document-multi .keyvalue:hover .oldval .single {
  visibility: visible;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue {
  width: 100%;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .icon {
  width: 60px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .icon .text {
  width: 53px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .color {
  width: 5px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .key {
  width: 150px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .key a[href] {
  display: block;
  width: 200px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .prevlabel .has-text {
  width: 32px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .row td {
  border-top: 1px solid #EEEEEE;
  vertical-align: top;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .group.first .row.first td {
  border-top: 0;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .row td.icon,
#canvas .dashboard-wide .feed .feeditem .keyvalue .row td.color {
  border-top: 0;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .oldval ul,
#canvas .dashboard-wide .feed .feeditem .keyvalue .newval ul {
  padding-left: 10px;
  margin: 0;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .icon {
  vertical-align: top;
  padding: 4px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .icon .text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 4px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .color.added {
  background-color: #69A369;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .color.updated {
  background-color: #BDAE44;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .color.removed {
  background-color: red;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .key {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .key a[href] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  color: black;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .group.collectionUpdated .row .key,
#canvas .dashboard-wide .feed .feeditem .keyvalue .group.collectionAdded .row .key,
#canvas .dashboard-wide .feed .feeditem .keyvalue .group.collectionRemoved .row .key {
  font-weight: bold;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .newval {
  padding-left: 5px;
  padding-right: 5px;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .oldval {
  padding-left: 5px;
  padding-right: 5px;
  color: gray;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .oldval .list,
#canvas .dashboard-wide .feed .feeditem .keyvalue .oldval .single {
  visibility: hidden;
}
#canvas .dashboard-wide .feed .feeditem .keyvalue .prevlabel .has-text {
  vertical-align: top;
  color: gray;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  visibility: hidden;
}
#canvas .dashboard-wide .feed .feeditem .timestamp {
  color: #AAAAAA;
  font-size: 12px;
}
#canvas .dashboard-wide .feed .expand {
  display: block;
  float: right;
}
.simple-configuration {
  position: relative;
}
.simple-configuration .switcher {
  margin-bottom: 20px;
}
html.viewing.contentDocument .simple-configuration .switcher {
  display: none;
}
.simple-configuration .switcher .line {
  padding-top: 20px;
  border-bottom: solid 1px #e8e8e0;
}
.simple-configuration .switcher a.customize {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: -14px;
  color: #e8622b;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 10px;
}
.simple-configuration .switcher a.customize:hover {
  text-decoration: underline;
}
.simple-configuration .switcher .view {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 76px;
  height: 24px;
  background: white;
  margin: -13px auto 0 auto;
  white-space: nowrap;
}
.simple-configuration .switcher .view [data-view-uri] {
  border: solid 1px #e8e8e0;
  border-right: none;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("images/components/queryviewer/icons.png");
  background-image: -webkit-image-set(url("images/components/queryviewer/icons.png") 1x, url("images/components/queryviewer/icons@2x.png") 2x);
}
.simple-configuration .switcher .view [data-view-uri]:last-of-type {
  border-right: solid 1px #e8e8e0;
}
@media (min-resolution: 1.5dppx) {
  .simple-configuration .switcher .view [data-view-uri] {
    background-image: url("images/components/queryviewer/icons@2x.png");
    background-size: 80px 48px;
  }
}
.simple-configuration .switcher .view [data-view-uri]:hover {
  background-color: #f6f6f2;
}
.simple-configuration .switcher .view [data-view-uri].active {
  cursor: auto;
  background-color: #f6f6f2;
}
.simple-configuration .switcher .view [data-view-uri].list {
  background-position: -29px -2px;
}
.simple-configuration .switcher .view [data-view-uri].grid {
  background-position: -3px -2px;
}
.simple-configuration .switcher .view [data-view-uri].map {
  background-position: -54px -2px;
}
.simple-configuration .switcher .view [data-view-uri].active.list {
  background-position: -29px -23px;
}
.simple-configuration .switcher .view [data-view-uri].active.grid {
  background-position: -3px -23px;
}
.simple-configuration .switcher .view [data-view-uri].active.map {
  background-position: -54px -23px;
}
.simple-configuration .switcher.no-map .view {
  width: 51px;
}
.simple-configuration .switcher.no-map .map {
  display: none;
}
.simple-configuration .switcher.no-map .grid {
  border-right: solid 1px #e8e8e0;
}
#canvas .tag-preview .component-queryview .message {
  display: none;
}
#canvas .tag-preview .empty-message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  min-height: 100px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  padding: 50px 0;
}
section.style-0 #canvas .tag-preview .empty-message {
  background-color: #f6f6f2;
  border: solid 1px #eaeae6;
  color: #afbebc;
}
section.style-1 #canvas .tag-preview .empty-message {
  background-color: white;
  border: solid 1px #ddddda;
  color: #afbebc;
}
section.style-2 #canvas .tag-preview .empty-message {
  background-color: #364a4e;
  border: solid 1px #243234;
  color: #afbebc;
}
#canvas .tag-preview .empty-message p {
  margin: 0;
}
#canvas .tag-preview:not(.empty) .empty-message {
  display: none;
}
#canvas .tag-preview .section {
  margin-top: 60px;
}
#canvas .tag-preview .section:first-child {
  margin-top: 0;
}
#canvas .tag-preview .section h3,
#canvas .tag-preview .section .browse {
  position: relative;
}
#canvas .tag-preview .section h3 {
  margin-bottom: 0;
}
#canvas .tag-preview .section .browse {
  top: 5px;
  font-size: 12px;
  text-decoration: underline;
  z-index: 300;
}
#canvas .tag-preview .action.silk-component-embed {
  display: none;
}
[data-component-uri="//silk.co/widget/text/1"] {
  position: relative;
}
[data-component-uri="//silk.co/widget/text/1"] .placeholder {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  color: #afbebc;
}
html.viewing [data-component-uri="//silk.co/widget/text/1"] .placeholder {
  display: none;
}
[data-component-uri="//silk.co/widget/text/1"].header .placeholder {
  font-size: 24px;
}
[data-component-uri="//silk.co/widget/text/1"] .block-content {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
}
[data-component-uri="//silk.co/widget/text/1"] .block-content[contenteditable] {
  outline: none;
}
[data-component-uri="//silk.co/widget/text/1"] .block-content *:first-child {
  margin-top: 0;
}
[data-component-uri="//silk.co/widget/text/1"] .block-content p:last-child {
  margin-bottom: 0;
}
[data-component-uri="//silk.co/widget/toc/1"] .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
[data-component-uri="//silk.co/widget/toc/1"] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li {
  padding: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li span {
  margin-right: 10px;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li a {
  color: #2d7fbd;
  cursor: pointer;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li a:hover {
  text-decoration: underline;
}
section.style-2 [data-component-uri="//silk.co/widget/toc/1"] ul li a {
  color: #75a5cc;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li[data-level='1'] {
  font-weight: bold;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li[data-level='2'] {
  margin-left: 20px;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li[data-level='3'] {
  margin-left: 40px;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li[data-level='4'] {
  margin-left: 60px;
}
[data-component-uri="//silk.co/widget/toc/1"] ul li[data-level='5'] {
  margin-left: 80px;
}
.bubble-container .toc-settings {
  padding: 0 10px;
}
.bubble-container .toc-settings .err {
  border: solid 1px red;
  outline: none;
}
.twitter-timeline iframe {
  /* If you update this, also update twitter-timeline.html */
  height: 405px;
  border: 0;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui {
  display: none;
  background: no-repeat center 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-focus: ignore;
  -moz-user-focus: ignore;
  -ms-user-focus: ignore;
  -o-user-focus: ignore;
  user-focus: ignore;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  min-height: 100px;
  font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  background-size: 34px;
  background-size: 32px;
  height: 190px;
  padding-top: 100px;
}
section.style-0 #canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui {
  background-color: #f6f6f2;
  border: solid 1px #eaeae6;
  color: #afbebc;
}
section.style-1 #canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui {
  background-color: white;
  border: solid 1px #ddddda;
  color: #afbebc;
}
section.style-2 #canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui {
  background-color: #364a4e;
  border: solid 1px #243234;
  color: #afbebc;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui p {
  margin: 0;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui:hover {
  background-color: white;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'] .upload-ui input {
  display: none;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'] a {
  border: solid 1px rgba(235, 235, 232, 0.1);
  display: block;
  line-height: 50px;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  padding-left: 50px;
}
section.style-2 #canvas [data-component-uri='//silk.co/widget/upload/1'] a {
  border: 1px solid #4d696f;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'].empty .upload-ui {
  display: block;
}
#canvas [data-component-uri='//silk.co/widget/upload/1'].empty a {
  display: none;
}
html.viewing #canvas [data-component-uri='//silk.co/widget/upload/1'].empty {
  display: none;
}
#canvas .block.non-empty-upload + .block.upload {
  margin-top: -31px;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.error {
  background: #f6f6f2;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-photo {
  width: auto;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-photo .image-wrapper {
  position: relative;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-photo img {
  display: block;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-photo a {
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 10px;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link {
  font-size: 15px;
  border-left: 3px solid #eee;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link p {
  margin: 10px;
  line-height: 15px;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link a,
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link p {
  margin-left: 10px;
  display: block;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link.has-image {
  min-height: 90px;
}
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link.has-image a,
#canvas [data-component-uri="//silk.co/widget/url-preview/1"] .container.type-link.has-image p {
  margin-left: 120px;
}
#canvas [data-component-uri="//silk.co/widget/video/1"] {
  max-width: 720px;
  margin: 0 auto;
}
#canvas [data-component-uri="//silk.co/widget/video/1"] > a {
  display: none;
}
html.template-adfobase #top-bar .site-name,
html.template-adfobase #top-bar .site-name.private {
  background-image: url('images/3rd/adfobase-topbar-2x.png');
  background-size: 201px 50px;
  background-position: 10px 0;
  background-repeat: no-repeat;
}
html.template-adfobase #top-bar .site-name a,
html.template-adfobase #top-bar .site-name.private a {
  display: none;
}