@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
.gridicon {
  fill: currentColor; }
  .gridicon.needs-offset g {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
    /* translates to .5px because it's in a child element */ }
  .gridicon.needs-offset-x g {
    -webkit-transform: translate(1px, 0);
            transform: translate(1px, 0);
    /* only nudges horizontally */ }
  .gridicon.needs-offset-y g {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
    /* only nudges vertically */ }

.social-logo {
  fill: currentColor; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

body {
  background: #fff; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0; }

a img {
  border: 0; }

input,
textarea {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none; }

.screen-reader-text, .app-promo__screen-reader-text, .media-library__scale-toggle-label {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
  .screen-reader-text:hover, .app-promo__screen-reader-text:hover, .media-library__scale-toggle-label:hover, .screen-reader-text:active, .app-promo__screen-reader-text:active, .media-library__scale-toggle-label:active, .screen-reader-text:focus, .app-promo__screen-reader-text:focus, .media-library__scale-toggle-label:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

.comments__comment-content, .post-item__title, .reader-full-post__story-content, .post-excerpt, .docs-selectors__result-name, .help-courses__course-video-title,
.help-courses__course-title, .help-courses__course-video-description,
.help-courses__course-description, .editor-media-modal-gallery__preview-individual .wp-caption, .reader__card .reader-full-post__story-content {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3d596d; }

.updated-confirmation .conf-alert .conf-alert_title:after, .posts__list .post__meta li a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font: normal 16px/1 Noticons;
  vertical-align: middle; }

.stats-module.is-loading .module-header-title *, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value *, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value *, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label *,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label * {
  color: transparent; }

.stats-module.is-loading .module-header-title, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  position: relative;
  color: transparent;
  cursor: default; }

.stats-module.is-loading .module-header-title::after, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value::after, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value::after, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label::after,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  background: #f3f6f8;
  top: 35%;
  bottom: 35%;
  left: 0;
  right: 0;
  z-index: 2; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper, .stats-pagination__list-item, ul.module-tabs .module-tab a,
ul.module-tabs .module-tab .no-link, .stats-module__expand a, .module-expand a, .module-content-text .documentation a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper {
  -webkit-touch-callout: none; }

/*
 * Animations
 *
 * Defines `slide-in-up` `slide-out-up` `scale-fade`
 * Used for section overlays
 */
body .slide-in-up,
html .slide-in-up {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0); }

body .scale-fade,
html .scale-fade {
  opacity: 1; }

body .fade,
html .fade {
  opacity: 0; }

body .slide-in-left,
html .slide-in-left {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }

body .show-in,
html .show-in {
  opacity: 0; }
  body .show-in:nth-child(10n + 2),
  html .show-in:nth-child(10n + 2) {
    -webkit-animation-delay: .05s !important;
            animation-delay: .05s !important; }
  body .show-in:nth-child(10n + 3),
  html .show-in:nth-child(10n + 3) {
    -webkit-animation-delay: .1s !important;
            animation-delay: .1s !important; }
  body .show-in:nth-child(10n + 4),
  html .show-in:nth-child(10n + 4) {
    -webkit-animation-delay: .15s !important;
            animation-delay: .15s !important; }
  body .show-in:nth-child(10n + 5),
  html .show-in:nth-child(10n + 5) {
    -webkit-animation-delay: .2s !important;
            animation-delay: .2s !important; }
  body .show-in:nth-child(10n + 6),
  html .show-in:nth-child(10n + 6) {
    -webkit-animation-delay: .25s !important;
            animation-delay: .25s !important; }
  body .show-in:nth-child(10n + 7),
  html .show-in:nth-child(10n + 7) {
    -webkit-animation-delay: .3s !important;
            animation-delay: .3s !important; }
  body .show-in:nth-child(10n + 8),
  html .show-in:nth-child(10n + 8) {
    -webkit-animation-delay: .35s !important;
            animation-delay: .35s !important; }
  body .show-in:nth-child(10n + 9),
  html .show-in:nth-child(10n + 9) {
    -webkit-animation-delay: .4s !important;
            animation-delay: .4s !important; }
  body .show-in:nth-child(10n + 10),
  html .show-in:nth-child(10n + 10) {
    -webkit-animation-delay: .45s !important;
            animation-delay: .45s !important; }

body.animate .slide-out-up,
html.animate .slide-out-up {
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

body.animate .slide-in-up,
html.animate .slide-in-up {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .slide-in-left,
html.animate .slide-in-left {
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .slide-out-right,
html.animate .slide-out-right {
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.animate .scale-fade,
html.animate .scale-fade {
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s;
  -webkit-transform-origin: 50% 60px;
          transform-origin: 50% 60px; }

body.animate .fade,
html.animate .fade {
  -webkit-transition: opacity 0.5s cubic-bezier(0.4, 1, 0.4, 1);
  transition: opacity 0.5s cubic-bezier(0.4, 1, 0.4, 1); }

body.animate .fade-background,
html.animate .fade-background {
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 1, 0.4, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 1, 0.4, 1); }

body.overlay-open .slide-out-up,
html.overlay-open .slide-out-up {
  -webkit-transform: translate3d(0, -46px, 0);
          transform: translate3d(0, -46px, 0); }

body.overlay-open .slide-in-up,
html.overlay-open .slide-in-up {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

body.overlay-open .scale-fade,
html.overlay-open .scale-fade {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  opacity: .8; }

body.overlay-open .fade,
html.overlay-open .fade {
  opacity: 1; }

body.customizer-section .slide-in-left,
html.customizer-section .slide-in-left {
  -webkit-transform: translate3d(-40%, 0, 0);
          transform: translate3d(-40%, 0, 0); }

body.themes-section .slide-out-right,
html.themes-section .slide-out-right {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }

body.themes-section .slide-in-left,
html.themes-section .slide-in-left {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

@-webkit-keyframes slideContentRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  70% {
    -webkit-transform: translate3d(289px, 0, 0);
            transform: translate3d(289px, 0, 0); }
  100% {
    -webkit-transform: translate3d(269px, 0, 0);
            transform: translate3d(269px, 0, 0); } }

@keyframes slideContentRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  70% {
    -webkit-transform: translate3d(289px, 0, 0);
            transform: translate3d(289px, 0, 0); }
  100% {
    -webkit-transform: translate3d(269px, 0, 0);
            transform: translate3d(269px, 0, 0); } }

@-webkit-keyframes slideContentLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  30% {
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-269px, 0, 0);
            transform: translate3d(-269px, 0, 0); } }

@keyframes slideContentLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  30% {
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-269px, 0, 0);
            transform: translate3d(-269px, 0, 0); } }

@-webkit-keyframes slideMenuDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 22px, 0);
            transform: translate3d(0, 22px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 17px, 0);
            transform: translate3d(0, 17px, 0); } }

@keyframes slideMenuDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 22px, 0);
            transform: translate3d(0, 22px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 17px, 0);
            transform: translate3d(0, 17px, 0); } }

@-webkit-keyframes slideMenuUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@keyframes slideMenuUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@-webkit-keyframes rotateOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg); }
  75% {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg); }
  90% {
    -webkit-transform: rotate(185deg);
            transform: rotate(185deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes rotateOpen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg); }
  75% {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg); }
  90% {
    -webkit-transform: rotate(185deg);
            transform: rotate(185deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes rotateClosed {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes rotateClosed {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pulse-light {
  50% {
    background-color: #e9eff3; } }

@keyframes pulse-light {
  50% {
    background-color: #e9eff3; } }

@-webkit-keyframes loading-dot-pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes loading-dot-pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes loading-fade {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

@keyframes loading-fade {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type=checkbox], .checkbox-tristate,
input[type=radio],
input[type="tel"],
input[type="url"],
textarea, .form-text-input-with-action, .token-field, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  font-size: 13px; }

.checkbox-tristate {
  position: relative;
  margin: 20px 0 19px 20px; }
  .checkbox-tristate:before {
    position: absolute;
    color: #00aadc;
    font-family: Noticons; }
  .some-selected .checkbox-tristate:before {
    content: '\f421';
    top: 7px;
    left: 0; }
  .all-selected .checkbox-tristate:before {
    content: url("data:image/svg+xml;utf8,<svg fill='#00aadc' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' d='M0 0h24v24H0z'/><path d='M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414'/></svg>");
    height: 100%;
    width: 100%;
    top: 0; }

select {
  line-height: 21px;
  font-weight: 600; }

/**
 * Dropdown menu for extra site options
 */
.dropdown-menu {
  background-color: white;
  box-shadow: 0 1px 4px rgba(46, 68, 83, 0.2);
  position: absolute;
  right: 0;
  top: 130%;
  z-index: 9999;
  display: none;
  float: left;
  margin: 2px 0 0;
  padding: 6px 0; }
  .dropdown-menu .pointer {
    position: absolute;
    right: 8px;
    top: -7px;
    width: 12px;
    height: 10px;
    float: left;
    overflow: hidden; }
    .dropdown-menu .pointer .pointer-outer,
    .dropdown-menu .pointer .pointer-inner {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      margin-left: -1px; }
    .dropdown-menu .pointer .pointer-outer {
      left: 0;
      top: 0;
      border-bottom: 7px solid rgba(0, 0, 0, 0.06);
      border-left: 7px solid transparent;
      border-right: 7px solid transparent; }
    .dropdown-menu .pointer .pointer-inner {
      top: 1px;
      left: 1px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white; }
  .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .dropdown-menu li {
    box-sizing: border-box;
    display: block;
    float: none;
    white-space: nowrap; }
    .dropdown-menu li a {
      background: transparent;
      display: block;
      font-size: 12px;
      padding: 5px 20px 5px 18px;
      text-align: left; }
      .dropdown-menu li a:hover {
        background: #f3f6f8; }

/**
 * Gear toggle button
 */
.gear-dropdown {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
  display: block;
  height: 30px;
  width: 30px; }
  .gear-dropdown:after {
    background: #f3f6f8;
    border: 1px solid #c8d7e1;
    border-radius: 3px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 Noticons;
    content: '\f445';
    color: #668eaa;
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    z-index: 0;
    box-shadow: 0 1px 1px rgba(46, 68, 83, 0.1); }
  .gear-dropdown:hover:after {
    color: #668eaa; }
  .gear-dropdown.gear-open .dropdown-menu {
    display: block; }
  .gear-dropdown.gear-open:after {
    border-color: rgba(0, 135, 190, 0.8);
    background: rgba(0, 135, 190, 0.8);
    color: white; }

#habla_window_div #habla_sizebutton_a:before {
  display: inline-block; }

.olrk-state-expanded #habla_window_div #habla_sizebutton_a:before {
  display: inline-block; }

#habla_conversation_div .habla_conversation_text_span {
  display: block;
  margin-left: 48px; }

#habla_conversation_div .habla_conversation_p_item:not(:first-child) .hbl_pal_local_fg,
#habla_conversation_div .habla_conversation_p_item:not(:first-child) .hbl_pal_remote_fg {
  margin-top: 16px; }

.olrk-state-compressed #habla_window_div #habla_sizebutton_a {
  padding: 5px 5px 3px 5px; }

/**
* Welcome Messages (currently on stats and post pages)
*/
/**
* Infinite Scroll End:
* ------
* Marker that gets appended to the end of a list (e.g. posts) once
* infinite scroll has reached the last page.
*/
.infinite-scroll-end {
  position: relative;
  width: 100%;
  margin-top: 1em;
  text-align: center; }
  .infinite-scroll-end:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1;
    border-bottom: solid 1px #d9e3ea; }
  .infinite-scroll-end:after {
    font-size: 1.6em;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    color: #87a6bc;
    font-size: 1.46667em;
    padding: 0 0.36364em;
    background-color: #f3f6f8; }

.comments__comment-content, .post-item__title, .reader-full-post__story-content, .post-excerpt, .docs-selectors__result-name, .help-courses__course-video-title,
.help-courses__course-title, .help-courses__course-video-description,
.help-courses__course-description, .editor-media-modal-gallery__preview-individual .wp-caption, .reader__card .reader-full-post__story-content {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3d596d; }

.updated-confirmation .conf-alert .conf-alert_title:after, .posts__list .post__meta li a:before, input[type=checkbox]:checked:before, .checkbox-tristate:checked:before, .noticon:before,
.noticon:after, .billing-history-page .filter-popover-content:before, .billing-history-page .filter-popover-content th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.updated-confirmation .conf-alert .conf-alert_title:after, .posts__list .post__meta li a:before {
  display: inline-block;
  font: normal 16px/1 Noticons;
  vertical-align: middle; }

.welcome-message {
  position: relative;
  margin-bottom: 6%;
  padding: 0 20px 12px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
  .welcome-message:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .welcome-message ul, .welcome-message ol {
    font-size: 14px;
    margin-bottom: 4px; }
  @media (max-width: 480px) {
    .welcome-message {
      margin-left: .25em;
      margin-right: .25em; } }

.stats-module.is-loading .module-header-title *, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value *, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value *, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label *,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label * {
  color: transparent; }

.stats-module.is-loading .module-header-title, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  position: relative;
  color: transparent;
  cursor: default; }

.stats-module.is-loading .module-header-title::after, .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value::after, .module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-value::after, .stats-module.is-loading
.module-content-list-legend .module-content-list-item .module-content-list-item-label::after,
.module-content-list-legend .module-content-list-item .stats-module.is-loading .module-content-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  background: #f3f6f8;
  top: 35%;
  bottom: 35%;
  left: 0;
  right: 0;
  z-index: 2; }

.welcome-message .welcome-section-title, .domain-search-page-wrapper h2 {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper, .stats-pagination__list-item, ul.module-tabs .module-tab a,
ul.module-tabs .module-tab .no-link, .stats-module__expand a, .module-expand a, .module-content-text .documentation a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.stats-geochart, .stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover, .module-header-title, ul.module-header-actions .module-header-action-link, .module-content-list-item-wrapper, .module-content-list-item-action .module-content-list-item-action-wrapper {
  -webkit-touch-callout: none; }

/**
 * General styles
 */
.wpcom-site__logo {
  color: #c8d7e1;
  font-size: 12vw;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (min-width: 961px) {
    .wpcom-site__logo {
      font-size: 120px; } }

.wpcom-site__global-noscript {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px;
  color: white;
  background: rgba(46, 68, 83, 0.8);
  text-align: center; }

/* =Global
----------------------------------------------- */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html,
body,
.wpcom-site {
  height: 100%; }

* {
  -webkit-tap-highlight-color: transparent; }

body {
  background: #f3f6f8;
  -ms-overflow-style: scrollbar; }

::-moz-selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

::selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

body,
button,
input,
select,
textarea,
.button,
#footer,
#footer a.readmore {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
body.rtl,
.rtl button,
.rtl input,
.rtl select,
.rtl textarea,
.rtl .button,
.rtl #footer,
.rtl #footer a.readmore {
  font-family: Tahoma, Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
:lang(he) body.rtl,
:lang(he) .rtl button,
:lang(he) .rtl input,
:lang(he) .rtl select,
:lang(he) .rtl textarea,
:lang(he) .rtl .button,
:lang(he) .rtl #footer,
:lang(he) .rtl #footer a.readmore {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
.rtl .gridicon.gridicons-chevron-left, .rtl .gridicon.gridicons-chevron-right, .rtl .gridicon.gridicons-arrow-left, .rtl .gridicon.gridicons-arrow-right, .rtl .gridicon.gridicons-external, .rtl .gridicon.gridicons-cart {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.rtl .noticon.noticon-chevron-left, .rtl .noticon.noticon-chevron-right, .rtl .noticon.noticon-arrow-left, .rtl .noticon.noticon-arrow-right, .rtl .noticon.noticon-external, .rtl .noticon.noticon-cart {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.notifications {
  display: inherit; }

body {
  color: #2e4453;
  font-size: 15px;
  line-height: 1.5; }

noscript {
  text-align: center;
  margin-top: 3em;
  display: block; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

hr {
  background: #c8d7e1;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* Text elements */
p {
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 600; }

dd {
  margin: 0 1.5em 1.5em; }

b, strong {
  font-weight: 600; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 10px 0 0 0;
  background: #f3f6f8;
  padding: 10px 10px 1px;
  border-radius: 2px; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #f3f6f8;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%; }

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace; }

abbr, acronym {
  border-bottom: 1px dotted #4f748e;
  cursor: help; }

mark, ins {
  background: #f9e2b5;
  text-decoration: none; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: 600; }

.hide, .hidden {
  display: none; }

/* Links */
a,
a:visited {
  color: #0087be; }

a:hover,
a:focus,
a:active {
  color: #33bbe3; }

.link--caution, .link--caution:hover, .link--caution:focus, .link--caution:active,
.link--caution:visited,
.link--caution:visited:hover,
.link--caution:visited:focus,
.link--caution:visited:active,
.is-link.link--caution,
.is-link.link--caution:hover,
.is-link.link--caution:focus,
.is-link.link--caution:active,
.is-link.link--caution:visited,
.is-link.link--caution:visited:hover,
.is-link.link--caution:visited:focus,
.is-link.link--caution:visited:active {
  color: #d94f4f; }

html.iframed {
  overflow: hidden; }

.noticon:before,
.noticon:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Noticons;
  line-height: 1; }

/* Emoji and smileys */
img.emoji,
img.wp-smiley {
  height: 1em;
  max-height: 1em;
  display: inline;
  margin: 0;
  padding: 0 0.2em;
  vertical-align: -0.1em;
  width: 1em; }

/* =Media
----------------------------------------------- */
img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
  height: auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/* Netter min-height for the SoundCloud embeds */
.wpcom-soundcloud-player,
.embed-soundcloud iframe {
  min-height: 150px; }

/*
@todo this needs to become a component
*/
.environment-badge {
  padding: 16px 0;
  position: fixed;
  bottom: 0;
  right: 16px;
  z-index: 999;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .environment-badge:hover .environment {
    display: inline-block; }
  .environment-badge .bug-report {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: white;
    border: solid 1px #2e4453;
    border-radius: 50%;
    color: #2e4453;
    margin-left: -4px;
    text-decoration: none;
    text-align: center;
    z-index: 1000;
    -webkit-transition: border-radius 0.2s ease-out;
    transition: border-radius 0.2s ease-out; }
    .environment-badge .bug-report:before {
      font-size: 14px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      vertical-align: middle; }
  .environment-badge .environment {
    position: relative;
    display: none;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 4px 7px 4px 6px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: white;
    box-shadow: 0 0 0 1px #2e4453; }
    .environment-badge .environment.is-env {
      display: inline-block; }
    .environment-badge .environment a {
      text-decoration: none;
      display: inline-block;
      color: #2e4453; }
      .environment-badge .environment a:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .environment-badge .environment.is-staging {
      background-color: #f0b849; }
    .environment-badge .environment.is-wpcalypso {
      background-color: #B1EED0; }
    .environment-badge .environment.is-dev {
      background-color: #d94f4f; }
    .environment-badge .environment.is-horizon, .environment-badge .environment.is-feedback {
      background-color: #78dcfa; }
    .environment-badge .environment.branch-name {
      text-transform: inherit;
      background-color: #2e4453;
      color: white; }
  .notouch .environment-badge .bug-report:hover {
    border-radius: 4px; }

@media (max-width: 960px) {
  .environment-badge {
    display: none; } }

html.no-scroll {
  overflow: hidden; }

/**
 * Updated-confirmation (for post and page changes)
 */
.updated-confirmation {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8); }
  .updated-confirmation .conf-alert {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    width: 10.375em;
    font-size: 1.06667em;
    padding: 0.75em;
    text-align: center;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #4ab866;
    color: #4ab866;
    -webkit-transition: border-color 0.3s ease, color 0.3s ease;
    transition: border-color 0.3s ease, color 0.3s ease; }
    .updated-confirmation .conf-alert .conf-alert_title:after {
      content: '\f418';
      font-size: 1.5em;
      vertical-align: top; }
    .updated-confirmation .conf-alert hr {
      background: #eee;
      margin: 0.625em 0 0; }
    .updated-confirmation .conf-alert .undo {
      display: block;
      font-size: 0.75em;
      color: #87a6bc;
      padding: 0.83333em 0 0; }
      .updated-confirmation .conf-alert .undo:hover {
        cursor: pointer; }
      .pages-list .updated-confirmation .conf-alert .undo {
        display: inline; }
      .updated-confirmation .conf-alert .undo span {
        display: inline-block;
        border-bottom: solid 1px #c8d7e1; }
    .pages-list .updated-confirmation .conf-alert {
      width: auto;
      white-space: nowrap;
      padding: 0.25em 0.75em; }
    .updated-confirmation .conf-alert.conf-alert--trashed, .updated-confirmation .conf-alert.conf-alert--deleted, .updated-confirmation .conf-alert.conf-alert--error {
      border-color: #d94f4f;
      color: #d94f4f; }
    .updated-confirmation .conf-alert.conf-alert--trashing, .updated-confirmation .conf-alert.conf-alert--updating {
      border-color: #0087be;
      color: #0087be; }
      .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot, .updated-confirmation .conf-alert.conf-alert--updating .loading-dot {
        -webkit-animation-name: loading-dot-pulse;
                animation-name: loading-dot-pulse;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
        .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot:nth-child(2), .updated-confirmation .conf-alert.conf-alert--updating .loading-dot:nth-child(2) {
          -webkit-animation-delay: 0.15s;
                  animation-delay: 0.15s; }
        .updated-confirmation .conf-alert.conf-alert--trashing .loading-dot:last-child, .updated-confirmation .conf-alert.conf-alert--updating .loading-dot:last-child {
          -webkit-animation-delay: 0.3s;
                  animation-delay: 0.3s; }
      .updated-confirmation .conf-alert.conf-alert--trashing .conf-alert_title:after, .updated-confirmation .conf-alert.conf-alert--updating .conf-alert_title:after {
        content: ''; }
    .updated-confirmation .conf-alert.conf-alert--trashed .conf-alert_title:after {
      content: '\f407'; }
    .updated-confirmation .conf-alert.conf-alert--deleted .conf-alert_title:after, .updated-confirmation .conf-alert.conf-alert--error .conf-alert_title:after {
      content: ''; }

.updated-trans-enter {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0; }
  .updated-trans-enter .updated-confirmation {
    pointer-events: none; }
  .updated-trans-enter .conf-alert {
    -webkit-transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease;
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  .updated-trans-enter.updated-trans-enter-active {
    opacity: 1; }
    .updated-trans-enter.updated-trans-enter-active .updated-confirmation {
      pointer-events: auto; }
    .updated-trans-enter.updated-trans-enter-active .conf-alert {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }

.updated-trans-leave {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1; }
  .updated-trans-leave .updated-confirmation {
    pointer-events: none; }
  .updated-trans-leave .conf-alert {
    -webkit-transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease;
    transition: transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275), border-color 0.3s ease, color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.16, 0.39, 0.22, 1.275);
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  .updated-trans-leave.updated-trans-leave-active {
    opacity: 0; }
    .updated-trans-leave.updated-trans-leave-active .updated-confirmation {
      pointer-events: none; }
    .updated-trans-leave.updated-trans-leave-active .conf-alert {
      -webkit-transform: translate(-50%, -50%) scale(0.5);
              transform: translate(-50%, -50%) scale(0.5); }

/**
 * Notifications
 */
#wpnt-notes-panel2 {
  position: fixed;
  top: 47px;
  right: 0;
  bottom: 0;
  min-width: 400px; }
  @media (max-width: 480px) {
    #wpnt-notes-panel2 {
      width: 100%;
      min-width: 0; } }
  #wpnt-notes-panel2.wpnt-open {
    opacity: 1;
    pointer-events: auto; }
  #wpnt-notes-panel2.wpnt-closed {
    opacity: 0;
    pointer-events: none;
    display: none; }

#wpnt-notes-panel2.wide {
  border-left: 0px;
  box-shadow: none; }

html.touch #wpnt-notes-panel2 {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

iframe#wpnt-notes-iframe2 {
  width: 400px;
  height: 100%; }
  @media (max-width: 480px) {
    iframe#wpnt-notes-iframe2 {
      width: 100%; } }

iframe#wpnt-notes-iframe2.wide {
  width: 410px; }
  @media (min-width: 961px) {
    iframe#wpnt-notes-iframe2.wide.widescreen {
      width: 810px; } }

.domain-search__content {
  overflow: visible;
  padding: 0 0 20px 0;
  position: static; }

.domain-search-page-wrapper h2 {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 10px 0; }

.domain-search-page-wrapper h3 {
  color: #2e4453;
  font-size: 15px;
  word-wrap: break-word; }
  @media (min-width: 661px) {
    .domain-search-page-wrapper h3 {
      font-size: 17px; } }

.site-redirect-step {
  padding: 0; }
  .site-redirect-step fieldset {
    clear: left; }
  .site-redirect-step form.map-domain-step__form {
    padding: 20px;
    margin-bottom: 9px; }
  .site-redirect-step p {
    color: #2e4453;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    opacity: 0.7; }
  .site-redirect-step .domain-product-price {
    float: left;
    margin-bottom: 20px;
    min-width: 0; }
    @media (min-width: 961px) {
      .site-redirect-step .domain-product-price {
        float: right;
        margin-top: -5px;
        margin-bottom: 0; } }

.site-redirect-step__domain-description {
  word-break: break-word; }
  @media (min-width: 961px) {
    .site-redirect-step__domain-description {
      max-width: 75%;
      float: left;
      margin-bottom: 20px; } }

@media (min-width: 661px) {
  input.site-redirect-step__external-domain {
    float: left;
    width: calc( 100% - 90px); } }

.site-redirect-step__go {
  margin: 10px 0 0 0;
  width: 100%; }
  @media (min-width: 661px) {
    .site-redirect-step__go {
      float: right;
      margin: 0;
      width: 80px; } }

form.google-apps-dialog {
  padding: 0; }
  form.google-apps-dialog .google-apps-dialog__product-details {
    background: #f3f6f8;
    padding: 24px 0;
    text-align: center; }
  form.google-apps-dialog .google-apps-dialog__product-name {
    color: #888;
    font-size: 25px;
    font-weight: 100;
    margin: 0; }
  form.google-apps-dialog .google-apps-dialog__product-logo {
    background: url("/calypso/images/upgrades/g-suite-logo.png") no-repeat left;
    background-size: 73px;
    display: inline-block;
    height: 19px;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 73px; }
  form.google-apps-dialog .google-apps-dialog__header {
    padding: 18px;
    text-align: center; }
    form.google-apps-dialog .google-apps-dialog__header .google-apps-dialog__title {
      color: #2e4453;
      font-weight: 600;
      margin: 0; }
  form.google-apps-dialog .google-apps-dialog__no-setup-required {
    color: #537994; }
  form.google-apps-dialog .google-apps-dialog__file-storage,
  form.google-apps-dialog .google-apps-dialog__professional-email {
    color: #668eaa;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%; }
  form.google-apps-dialog .google-apps-dialog__professional-email {
    border-bottom: 1px solid #d2dee6;
    display: inline-block;
    margin-bottom: 8px;
    padding-bottom: 12px; }
  form.google-apps-dialog .google-apps-dialog__price-per-user {
    color: #00aadc;
    font-size: 18px;
    font-weight: 600; }
  form.google-apps-dialog .google-apps-dialog__billing-period {
    color: #a8bece;
    font-size: 12px;
    text-transform: uppercase; }
  form.google-apps-dialog .notice li {
    list-style: disc; }

.google-apps-dialog__users-enter {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out; }

.google-apps-dialog__users-enter.google-apps-dialog__users-enter-active {
  max-height: 300px; }

.google-apps-dialog__users {
  border-bottom: 1px solid #e3eaef;
  display: block;
  padding: 0 30px; }
  .google-apps-dialog__users h4 {
    color: #7799ae;
    margin-top: 30px;
    margin-bottom: 4px; }
  .google-apps-dialog__users .google-apps-dialog__user-fields {
    -webkit-animation: google-apps-user-show 0.3s ease-in-out;
            animation: google-apps-user-show 0.3s ease-in-out;
    margin-bottom: 20px; }
  @media (min-width: 661px) {
    .google-apps-dialog__users .google-apps-dialog__user-first-name {
      display: inline-block;
      margin: 0 4px 0 0;
      width: calc( 50% - 4px);
      vertical-align: top; } }
  @media (min-width: 661px) {
    .google-apps-dialog__users .google-apps-dialog__user-last-name {
      display: inline-block;
      margin: 0 0 0 5px;
      width: calc( 50% - 5px);
      vertical-align: top; } }
  .google-apps-dialog__users .google-apps-dialog__add-another-user-button {
    border: 2px dashed #c8d7e1;
    color: #87a6bc;
    cursor: pointer;
    margin: 0 0 30px;
    padding: 12px 18px 12px 45px;
    position: relative;
    text-align: left;
    width: 100%; }
    .google-apps-dialog__users .google-apps-dialog__add-another-user-button:before {
      position: absolute;
      left: 10px;
      top: 7px;
      font-size: 30px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none; }

@-webkit-keyframes "google-apps-user-show" {
  0% {
    max-height: 0px; }
  100% {
    max-height: 150px; } }

@keyframes "google-apps-user-show" {
  0% {
    max-height: 0px; }
  100% {
    max-height: 150px; } }

.google-apps-dialog__footer {
  padding: 30px; }
  .google-apps-dialog__footer:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 661px) {
    .google-apps-dialog__footer {
      padding: 18px; } }
  .google-apps-dialog__footer .google-apps-dialog__cancel-link {
    color: #00aadc;
    display: block;
    font-size: 13px;
    text-align: center; }
    @media (min-width: 661px) {
      .google-apps-dialog__footer .google-apps-dialog__cancel-link {
        float: left;
        line-height: 38px; } }
  @media (max-width: 660px) {
    .google-apps-dialog__footer .google-apps-dialog__continue-button {
      margin-bottom: 18px;
      width: 100%; } }
  @media (min-width: 661px) {
    .google-apps-dialog__footer .google-apps-dialog__continue-button {
      float: right; } }
  .google-apps-dialog__footer .button {
    width: 100%;
    margin-top: 10px; }
    @media (min-width: 661px) {
      .google-apps-dialog__footer .button {
        width: auto;
        margin: 0 auto auto 10px; } }
    .google-apps-dialog__footer .button:first-of-type {
      margin-left: 0;
      margin-top: 0; }
      .google-apps-dialog__footer .button:first-of-type.is-primary {
        margin-top: 10px; }
        @media (min-width: 661px) {
          .google-apps-dialog__footer .button:first-of-type.is-primary {
            margin-top: 0; } }

@media (max-width: 660px) {
  .design {
    padding: 0 6px; } }

.design__group > h2,
.docs__design-group > h2,
.design__group > h2 a:first-child,
.docs__design-group > h2 a:first-child {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 38px;
  font-weight: bold;
  margin: 40px 0 15px; }

.design h3, .design h4 {
  font-weight: bold;
  margin-bottom: 8px; }

.docs__design-toggle,
.design__toggle {
  float: right;
  top: -68px;
  position: relative; }

.design__group,
.docs__design-group {
  color: #2e4453; }

.design__group .docs-example,
.docs__design-group .docs-example {
  margin-top: 40px; }

.design__group > .gridicon:hover,
.design__group > .social-logo:hover,
.docs__design-group > .gridicon:hover,
.docs__design-group > .social-logo:hover {
  fill: #87a6bc;
  cursor: pointer; }

.design__collection {
  min-height: 500px; }

.docs__design-button-row:first-child,
.design__button-row:first-child {
  margin-top: -16px; }

.docs__design-button-row .button,
.design__button-row .button {
  margin-top: 16px !important;
  margin-right: 16px !important; }

.docs__design-button-row .button-group .button {
  margin-right: 0 !important; }

.card__component-instance {
  background-color: #f3f6f8;
  margin: 0;
  padding: 15px 20px; }
  .card__component-instance h3 span {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    margin-left: 5px; }
  .card__component-instance h3 .gridicon {
    margin: 0 0 0 5px; }
  .card__component-instance label {
    font-size: 13px;
    color: #87a6bc;
    display: inline-block;
    margin: 5px 0 1px; }
  .card__component-instance a.card__property-action {
    float: right;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px; }
  .card__component-instance input.editable-property {
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 14px; }

.card__block {
  margin: 0 0 10px 0; }

.state-value {
  color: #4f748e;
  font-size: 13px;
  background-color: white;
  padding: 5px;
  border: 1px dotted #87a6bc;
  border-radius: 3px;
  text-align: center;
  cursor: default; }

.docs-example__wrapper-unique .docs__select-dropdown-container {
  height: 600px; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__item .select-dropdown__item-text {
    position: initial; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__item::before {
    display: none; }
  .docs-example__wrapper-unique .docs__select-dropdown-container .select-dropdown-example__fixed-width .select-dropdown__container {
    max-width: 220px; }

#wpcom #Story > header:before, .panelTool .section-nav .section-nav-tabs__list:after, .panelTool .section-nav .section-nav-tab.is-selected:first-child:after, .widget-tabs .tabs-nav li:before, .widget-tabs .tabs-nav:before, .item-account.disable-account:before, .disable-comment:before, .is-section-layout-cms-dashboard:after, .dashboard-new-layout .equalHeight:after, .isResize:before, .popover-layout .popover-layout_box:before, .google_Analytics:after, .layout-page .panelTool-page:after {
  content: '';
  position: absolute; }

@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@font-face {
  font-family: 'Averta-frankly';
  src: url("/calypso/fonts/averta/Averta-frankly.woff") format("woff"), url("/calypso/fonts/averta/Averta-frankly.ttf"), url("/calypso/fonts/avertas/Averta-frankly.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'rosettaicons';
  src: url("/calypso/fonts/rosetta/rosetta-icons-Regular.eot");
  src: url("/calypso/fonts/rosetta/rosetta-icons-Regular.eot?#iefix") format("embedded-opentype"), url("/calypso/fonts/rosetta/rosetta-icons-Regular.woff") format("woff"), url("/calypso/fonts/rosetta/rosetta-icons-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "utmavo";
  src: url("/calypso/fonts/utm-avo/utmavo.ttf"); }

@font-face {
  font-family: "gothamHTF-Book";
  src: url("/calypso/fonts/gotham/gothamHTF-Book.ttf"); }

@font-face {
  font-family: "gothamHTF-Book-bold";
  src: url("/calypso/fonts/gotham/gothamHTF-Bold.ttf"); }

@font-face {
  font-family: "TisaPro-Regular";
  src: url("/calypso/fonts/tisapro/TisaPro-Regular.ttf"); }

@font-face {
  font-family: "arial-mt-condensed";
  src: url("/calypso/fonts/arial-mt-condensed/arial-mt-condensed.ttf"); }

@font-face {
  font-family: 'Averta';
  src: url("/calypso/fonts/averta/Averta-Regular.woff") format("woff"), url("/calypso/fonts/averta/Averta-Regular.ttf"), url("/calypso/fonts/avertas/Averta-Regular.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Averta-Semibold';
  src: url("/calypso/fonts/averta/Averta-Semibold.woff") format("woff"), url("/calypso/fonts/averta/Averta-Semibold.ttf"), url("/calypso/fonts/averta/Averta-Semibold.svg") format("svg");
  font-weight: 600; }

@font-face {
  font-family: 'Averta-Light';
  src: url("/calypso/fonts/averta/Averta-Light.woff") format("woff"), url("/calypso/fonts/averta/Averta-Light.ttf"), url("/calypso/fonts/averta/Averta-Light.svg") format("svg");
  font-weight: 100; }

@font-face {
  font-family: 'Averta';
  src: url("/calypso/fonts/averta/Averta-Light.woff") format("woff"), url("/calypso/fonts/averta/Averta-Light.ttf"), url("/calypso/fonts/averta/Averta-Light.svg") format("svg");
  font-weight: 300; }

@font-face {
  font-family: 'Averta';
  src: url("/calypso/fonts/averta/Averta-Semibold.woff") format("woff"), url("/calypso/fonts/averta/Averta-Semibold.ttf"), url("/calypso/fonts/averta/Averta-Semibold.svg") format("svg");
  font-weight: 600; }

@font-face {
  font-family: 'Averta';
  src: url("/calypso/fonts/averta/Averta-Bold.woff") format("woff"), url("/calypso/fonts/averta/Averta-Bold.ttf"), url("/calypso/fonts/averta/Averta-Bold.svg") format("svg");
  font-weight: bold; }

form ul {
  margin: 0;
  padding: 0;
  list-style: none; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type=checkbox], .checkbox-tristate,
input[type=radio],
input[type="tel"],
input[type="url"],
textarea, .form-text-input-with-action, .token-field, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  margin: 0;
  padding: 7px 14px;
  width: 100%;
  color: #2e4453;
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid #c8d7e1;
  background-color: white;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  box-sizing: border-box; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type=checkbox]::-webkit-input-placeholder, .checkbox-tristate::-webkit-input-placeholder,
  input[type=radio]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder, .form-text-input-with-action::-webkit-input-placeholder, .token-field::-webkit-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::-webkit-input-placeholder {
    color: #87a6bc; }
  input[type="text"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type=checkbox]::-moz-placeholder, .checkbox-tristate::-moz-placeholder,
  input[type=radio]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  textarea::-moz-placeholder, .form-text-input-with-action::-moz-placeholder, .token-field::-moz-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::-moz-placeholder {
    color: #87a6bc; }
  input[type="text"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type=checkbox]:-ms-input-placeholder, .checkbox-tristate:-ms-input-placeholder,
  input[type=radio]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder, .form-text-input-with-action:-ms-input-placeholder, .token-field:-ms-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:-ms-input-placeholder {
    color: #87a6bc; }
  input[type="text"]::placeholder,
  input[type="search"]::placeholder,
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="password"]::placeholder,
  input[type=checkbox]::placeholder, .checkbox-tristate::placeholder,
  input[type=radio]::placeholder,
  input[type="tel"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder, .form-text-input-with-action::placeholder, .token-field::placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input::placeholder {
    color: #87a6bc; }
  input[type="text"]:hover,
  input[type="search"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="password"]:hover,
  input[type=checkbox]:hover, .checkbox-tristate:hover,
  input[type=radio]:hover,
  input[type="tel"]:hover,
  input[type="url"]:hover,
  textarea:hover, .form-text-input-with-action:hover, .token-field:hover, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:hover {
    border-color: #a8bece; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type=checkbox]:focus, .checkbox-tristate:focus,
  input[type=radio]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  textarea:focus, .form-text-input-with-action:focus, .token-field:focus, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:focus {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    input[type="text"]:focus::-ms-clear,
    input[type="search"]:focus::-ms-clear,
    input[type="email"]:focus::-ms-clear,
    input[type="number"]:focus::-ms-clear,
    input[type="password"]:focus::-ms-clear,
    input[type=checkbox]:focus::-ms-clear, .checkbox-tristate:focus::-ms-clear,
    input[type=radio]:focus::-ms-clear,
    input[type="tel"]:focus::-ms-clear,
    input[type="url"]:focus::-ms-clear,
    textarea:focus::-ms-clear, .form-text-input-with-action:focus::-ms-clear, .token-field:focus::-ms-clear, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:focus::-ms-clear {
      display: none; }
  input[type="text"]:disabled,
  input[type="search"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="password"]:disabled,
  input[type=checkbox]:disabled, .checkbox-tristate:disabled,
  input[type=radio]:disabled,
  input[type="tel"]:disabled,
  input[type="url"]:disabled,
  textarea:disabled, .form-text-input-with-action:disabled, .token-field:disabled, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled {
    background: #f3f6f8;
    border-color: #e9eff3;
    color: #a8bece;
    -webkit-text-fill-color: #a8bece; }
    input[type="text"]:disabled:hover,
    input[type="search"]:disabled:hover,
    input[type="email"]:disabled:hover,
    input[type="number"]:disabled:hover,
    input[type="password"]:disabled:hover,
    input[type=checkbox]:disabled:hover, .checkbox-tristate:disabled:hover,
    input[type=radio]:disabled:hover,
    input[type="tel"]:disabled:hover,
    input[type="url"]:disabled:hover,
    textarea:disabled:hover, .form-text-input-with-action:disabled:hover, .token-field:disabled:hover, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled:hover {
      cursor: default; }
    input[type="text"]:disabled::-webkit-input-placeholder,
    input[type="search"]:disabled::-webkit-input-placeholder,
    input[type="email"]:disabled::-webkit-input-placeholder,
    input[type="number"]:disabled::-webkit-input-placeholder,
    input[type="password"]:disabled::-webkit-input-placeholder,
    input[type=checkbox]:disabled::-webkit-input-placeholder, .checkbox-tristate:disabled::-webkit-input-placeholder,
    input[type=radio]:disabled::-webkit-input-placeholder,
    input[type="tel"]:disabled::-webkit-input-placeholder,
    input[type="url"]:disabled::-webkit-input-placeholder,
    textarea:disabled::-webkit-input-placeholder, .form-text-input-with-action:disabled::-webkit-input-placeholder, .token-field:disabled::-webkit-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled::-webkit-input-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled::-moz-placeholder,
    input[type="search"]:disabled::-moz-placeholder,
    input[type="email"]:disabled::-moz-placeholder,
    input[type="number"]:disabled::-moz-placeholder,
    input[type="password"]:disabled::-moz-placeholder,
    input[type=checkbox]:disabled::-moz-placeholder, .checkbox-tristate:disabled::-moz-placeholder,
    input[type=radio]:disabled::-moz-placeholder,
    input[type="tel"]:disabled::-moz-placeholder,
    input[type="url"]:disabled::-moz-placeholder,
    textarea:disabled::-moz-placeholder, .form-text-input-with-action:disabled::-moz-placeholder, .token-field:disabled::-moz-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled::-moz-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled:-ms-input-placeholder,
    input[type="search"]:disabled:-ms-input-placeholder,
    input[type="email"]:disabled:-ms-input-placeholder,
    input[type="number"]:disabled:-ms-input-placeholder,
    input[type="password"]:disabled:-ms-input-placeholder,
    input[type=checkbox]:disabled:-ms-input-placeholder, .checkbox-tristate:disabled:-ms-input-placeholder,
    input[type=radio]:disabled:-ms-input-placeholder,
    input[type="tel"]:disabled:-ms-input-placeholder,
    input[type="url"]:disabled:-ms-input-placeholder,
    textarea:disabled:-ms-input-placeholder, .form-text-input-with-action:disabled:-ms-input-placeholder, .token-field:disabled:-ms-input-placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled:-ms-input-placeholder {
      color: #a8bece; }
    input[type="text"]:disabled::placeholder,
    input[type="search"]:disabled::placeholder,
    input[type="email"]:disabled::placeholder,
    input[type="number"]:disabled::placeholder,
    input[type="password"]:disabled::placeholder,
    input[type=checkbox]:disabled::placeholder, .checkbox-tristate:disabled::placeholder,
    input[type=radio]:disabled::placeholder,
    input[type="tel"]:disabled::placeholder,
    input[type="url"]:disabled::placeholder,
    textarea:disabled::placeholder, .form-text-input-with-action:disabled::placeholder, .token-field:disabled::placeholder, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled::placeholder {
      color: #a8bece; }

textarea {
  min-height: 92px; }

fieldset,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
textarea,
select,
label {
  box-sizing: border-box; }

/*Checkbooms*/
input[type=checkbox], .checkbox-tristate,
input[type=radio] {
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: 2px 0 0;
  float: left;
  outline: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type=checkbox] + span, .checkbox-tristate + span,
input[type=radio] + span {
  display: block;
  margin-left: 24px; }

input[type=checkbox]:checked:before, .checkbox-tristate:checked:before {
  content: '\f418';
  margin: -4px 0 0 -5px;
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  font: 400 23px/1 Noticons;
  speak: none;
  color: #0068ff; }

input[type=checkbox]:disabled:checked:before, .checkbox-tristate:disabled:checked:before {
  color: #a8bece; }

input[type=radio] {
  border-radius: 50%;
  margin-right: 4px;
  line-height: 10px; }
  input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    content: '\2022';
    margin: 3px;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    background: #0068ff;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-animation: grow .2s ease-in-out;
            animation: grow .2s ease-in-out; }
  input[type=radio]:disabled:checked:before {
    background: #e9eff3; }

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes grow {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  60% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* end checkbooms */
.checkbox-tristate {
  position: relative;
  margin: 20px 0 19px 20px; }
  .checkbox-tristate:before {
    position: absolute;
    color: #0068ff;
    font-family: Noticons; }
  .some-selected .checkbox-tristate:before {
    content: '\f421';
    top: 7px;
    left: 0; }
  .all-selected .checkbox-tristate:before {
    content: url("data:image/svg+xml;utf8,<svg fill='#0068ff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' d='M0 0h24v24H0z'/><path d='M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414'/></svg>");
    height: 100%;
    width: 100%;
    top: 0; }

select {
  background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right 10px center;
  border-color: #c8d7e1;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 7px 32px 9px 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjYThiZWNlIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }
  select:focus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiA8dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+IDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiA8ZGVmcz48L2RlZnM+IDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiA8ZyBpZD0iYXJyb3ctZG93biIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzJlNDQ1MyI+IDxwYXRoIGQ9Ik0xNS41LDYgTDE3LDcuNSBMMTAuMjUsMTQuMjUgTDMuNSw3LjUgTDUsNiBMMTAuMjUsMTEuMjUgTDE1LjUsNiBaIiBpZD0iRG93bi1BcnJvdyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiA8L2c+IDwvZz48L3N2Zz4=);
    border-color: #0068ff;
    box-shadow: 0 0 0 2px #78dcfa;
    outline: 0;
    -moz-outline: none;
    -moz-user-focus: ignore; }
  select:disabled, select:hover:disabled {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjZTllZmYzIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right 10px center; }
  select.is-compact {
    min-width: 0;
    padding: 0 20px 2px 6px;
    margin: 0 4px;
    background-position: right 5px center;
    background-size: 12px 12px; }
  label select,
  label + select {
    display: block;
    min-width: 200px; }
    label select.is-compact,
    label + select.is-compact {
      display: inline-block;
      min-width: 0; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    background: none;
    color: #2e4453; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2e4453; }

/*Search Inputs*/
input[type="search"]::-webkit-search-decoration {
  display: none; }

/* Update UI for disabled fields in Setting Modules */
.disabled input[type="text"]:disabled, .disabled
input[type="search"]:disabled, .disabled
input[type="email"]:disabled, .disabled
input[type="number"]:disabled, .disabled
input[type="password"]:disabled, .disabled
input[type=checkbox]:disabled, .disabled .checkbox-tristate:disabled, .disabled
input[type=radio]:disabled, .disabled
input[type="tel"]:disabled, .disabled
input[type="url"]:disabled, .disabled
textarea:disabled, .disabled .form-text-input-with-action:disabled, .disabled .token-field:disabled, .disabled .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input:disabled, .editor-slug.editor-more-options__slug-field .disabled input[type="text"].form-text-input:disabled {
  background-color: #e9ecef;
  border-color: #dbe0e6; }

.toolbar-bulk {
  display: none;
  position: relative;
  margin-bottom: 1px;
  min-height: 55px;
  background: #f3f6f8;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  -webkit-transition: margin .15s ease-in-out;
  transition: margin .15s ease-in-out;
  z-index: 2; }
  .toolbar-bulk a {
    cursor: pointer; }
  .toolbar-bulk.is-bulk-editing {
    display: block;
    background: #fff; }
    .toolbar-bulk.is-bulk-editing .toolbar-bulk__toggle {
      background: #e9eff3;
      background: #f3f6f8; }

.toolbar-bulk__toggle {
  position: relative;
  float: right;
  display: block;
  padding: 4px 10px;
  background: #fff;
  border-radius: 2px;
  font-size: 10px;
  color: #87a6bc;
  line-height: 1.5;
  cursor: pointer;
  z-index: 30; }

.toolbar-bulk__actions {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }
  .toolbar-bulk__actions:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .is-bulk-editing .toolbar-bulk__actions {
    opacity: 1;
    pointer-events: auto; }

.toolbar-bulk__check-all {
  float: left;
  position: relative;
  border-right: 1px solid rgba(200, 215, 225, 0.5);
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .toolbar-bulk__check-all .checkbox-tristate {
    margin: 0 0 0 24px; }

.toolbar-bulk__selection-options-toggle[type="checkbox"] {
  display: none; }

.toolbar-bulk__selection-options-label.noticon {
  height: 55px;
  padding: 0 8px;
  color: #0087be;
  line-height: 55px;
  cursor: pointer; }

.toolbar-bulk__selection-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid rgba(200, 215, 225, 0.5);
  border-left: 0;
  background: #fff;
  line-height: 1.5;
  z-index: 1; }
  .toolbar-bulk__selection-options-toggle:checked ~ .toolbar-bulk__selection-options {
    display: block; }

.toolbar-bulk__selection-item {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  border-bottom: 1px solid rgba(200, 215, 225, 0.5);
  white-space: pre; }
  .toolbar-bulk__selection-item:last-child {
    border: 0; }

.toolbar-bulk__action-options-toggle[type="checkbox"] {
  display: none; }

.toolbar-bulk__action-options-label {
  padding-left: 15px;
  color: #e9eff3;
  font-size: 14px;
  line-height: 55px;
  cursor: pointer;
  pointer-events: none; }
  .some-selected .toolbar-bulk__action-options-label,
  .all-selected .toolbar-bulk__action-options-label {
    color: #0087be;
    pointer-events: auto; }
  .toolbar-bulk__action-options-label .noticon {
    margin-left: 4px;
    line-height: 55px; }
  @media (min-width: 661px) {
    .toolbar-bulk__action-options-label {
      display: none; } }

.toolbar-bulk__action-options {
  display: none;
  clear: both;
  border-top: 1px solid rgba(200, 215, 225, 0.5); }
  .toolbar-bulk__action-options:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .toolbar-bulk__action-options a {
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(200, 215, 225, 0.5);
    font-size: 14px;
    white-space: pre; }
  .toolbar-bulk__action-options-toggle:checked ~ .toolbar-bulk__action-options {
    display: block; }
  @media (min-width: 661px) {
    .toolbar-bulk__action-options {
      display: block;
      border: 0;
      opacity: 0;
      clear: none; }
      .some-selected .toolbar-bulk__action-options,
      .all-selected .toolbar-bulk__action-options {
        opacity: 1; }
      .toolbar-bulk__action-options a {
        display: inline-block;
        padding: 0 10px;
        line-height: 56px;
        border: 0; } }

.toolbar-bulk__action-group:last-child a:last-child {
  border: 0; }

.toolbar-bulk__action-group .noticon {
  display: none; }

@media (min-width: 661px) {
  .toolbar-bulk__action-group {
    position: relative;
    display: block;
    float: left;
    border-right: 1px solid rgba(200, 215, 225, 0.5); }
    .toolbar-bulk__action-group .noticon {
      display: inline-block; }
    .toolbar-bulk__action-group .toolbar-bulk__more-actions-toggle {
      margin-left: -10px; }
    .toolbar-bulk__action-group .noticon-trash {
      font-size: 20px; }
      .toolbar-bulk__action-group .noticon-trash + a {
        display: none; } }

@media (min-width: 661px) {
  .toolbar-bulk__more-actions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0 0 0 -1px;
    min-width: 200px;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(200, 215, 225, 0.5);
    z-index: 1; }
    .toolbar-bulk__more-actions:before {
      content: '';
      position: absolute;
      top: -2px;
      left: 0;
      width: 100%;
      height: 2px; }
    .toolbar-bulk__more-actions a {
      display: block;
      line-height: 44px;
      border-bottom: 1px solid rgba(200, 215, 225, 0.5); }
      .toolbar-bulk__more-actions a:last-child {
        border: 0; }
    .toolbar-bulk__action-group:hover > .toolbar-bulk__more-actions, .toolbar-bulk__more-actions:hover {
      display: block; } }

#habla_window_div,
#habla_window_div a,
#habla_window_div abbr,
#habla_window_div acronym,
#habla_window_div address,
#habla_window_div applet,
#habla_window_div article,
#habla_window_div aside,
#habla_window_div audio,
#habla_window_div b,
#habla_window_div big,
#habla_window_div blockquote,
#habla_window_div caption,
#habla_window_div cite,
#habla_window_div code,
#habla_window_div dd,
#habla_window_div del,
#habla_window_div dfn,
#habla_window_div dialog,
#habla_window_div div,
#habla_window_div dl,
#habla_window_div dt,
#habla_window_div em,
#habla_window_div fieldset,
#habla_window_div figure,
#habla_window_div font,
#habla_window_div footer,
#habla_window_div form,
#habla_window_div h1,
#habla_window_div h2,
#habla_window_div h3,
#habla_window_div h4,
#habla_window_div h5,
#habla_window_div h6,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div hr,
#habla_window_div i,
#habla_window_div iframe,
#habla_window_div img,
#habla_window_div input,
#habla_window_div ins,
#habla_window_div kbd,
#habla_window_div label,
#habla_window_div legend,
#habla_window_div li,
#habla_window_div mark,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div object,
#habla_window_div ol,
#habla_window_div option,
#habla_window_div p,
#habla_window_div pre,
#habla_window_div q,
#habla_window_div s,
#habla_window_div samp,
#habla_window_div section,
#habla_window_div select,
#habla_window_div small,
#habla_window_div span,
#habla_window_div strike,
#habla_window_div strong,
#habla_window_div sub,
#habla_window_div sup,
#habla_window_div table,
#habla_window_div tbody,
#habla_window_div td,
#habla_window_div textarea,
#habla_window_div tfoot,
#habla_window_div th,
#habla_window_div thead,
#habla_window_div time,
#habla_window_div tr,
#habla_window_div tt,
#habla_window_div ul,
#habla_window_div var,
#habla_window_div video {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #000;
  border-style: none;
  border-width: medium;
  clear: none;
  clip: auto;
  color: inherit;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: inherit;
  display: inline;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  height: auto;
  letter-spacing: normal;
  line-height: inherit;
  list-style: inside;
  list-style-type: inherit;
  margin: 0;
  max-height: none;
  max-width: none;
  outline: none;
  overflow: visible;
  padding: 0;
  position: static;
  quotes: "" "";
  table-layout: auto;
  text-align: inherit;
  text-decoration: inherit;
  text-transform: none;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  opacity: 1; }

#habla_window_div,
#habla_window_div address,
#habla_window_div article,
#habla_window_div aside,
#habla_window_div blockquote,
#habla_window_div caption,
#habla_window_div dd,
#habla_window_div dialog,
#habla_window_div div,
#habla_window_div dl,
#habla_window_div dt,
#habla_window_div fieldset,
#habla_window_div figure,
#habla_window_div footer,
#habla_window_div form,
#habla_window_div h1,
#habla_window_div h2,
#habla_window_div h3,
#habla_window_div h4,
#habla_window_div h5,
#habla_window_div h6,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div hr,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div ol,
#habla_window_div option,
#habla_window_div p,
#habla_window_div pre,
#habla_window_div section,
#habla_window_div select,
#habla_window_div table,
#habla_window_div tbody,
#habla_window_div td,
#habla_window_div textarea,
#habla_window_div tfoot,
#habla_window_div th,
#habla_window_div thead,
#habla_window_div tr,
#habla_window_div ul {
  display: block; }

#habla_window_div nav ol,
#habla_window_div nav ul {
  list-style-type: none; }

#habla_window_div menu,
#habla_window_div ul {
  list-style-type: disc; }

#habla_window_div ol {
  list-style-type: decimal; }

#habla_window_div menu menu,
#habla_window_div menu ul,
#habla_window_div ol menu,
#habla_window_div ol ul,
#habla_window_div ul menu,
#habla_window_div ul ul {
  list-style-type: circle; }

#habla_window_div menu menu menu,
#habla_window_div menu menu ul,
#habla_window_div menu ol menu,
#habla_window_div menu ol ul,
#habla_window_div menu ul menu,
#habla_window_div menu ul ul,
#habla_window_div ol menu menu,
#habla_window_div ol menu ul,
#habla_window_div ol ol menu,
#habla_window_div ol ol ul,
#habla_window_div ol ul menu,
#habla_window_div ol ul ul,
#habla_window_div ul menu menu,
#habla_window_div ul menu ul,
#habla_window_div ul ol menu,
#habla_window_div ul ol ul,
#habla_window_div ul ul menu,
#habla_window_div ul ul ul {
  list-style-type: square; }

#habla_window_div li {
  display: list-item;
  min-height: auto;
  min-width: auto; }

#habla_window_div strong {
  font-weight: 700; }

#habla_window_div em {
  font-style: italic; }

#habla_window_div code,
#habla_window_div kbd,
#habla_window_div samp {
  font-family: monospace; }

#habla_window_div a,
#habla_window_div a *,
#habla_window_div input[type=checkbox],
#habla_window_div .checkbox-tristate,
#habla_window_div input[type=radio],
#habla_window_div input[type=submit],
#habla_window_div select {
  cursor: pointer; }

#habla_window_div a:hover {
  text-decoration: underline; }

#habla_window_div button,
#habla_window_div input[type=submit] {
  text-align: center; }

#habla_window_div input[type=hidden] {
  display: none; }

#habla_window_div abbr[title],
#habla_window_div acronym[title],
#habla_window_div dfn[title] {
  cursor: help;
  border-bottom-width: 1px;
  border-bottom-style: dotted; }

#habla_window_div ins {
  background-color: #ff9;
  color: #000; }

#habla_window_div del {
  text-decoration: line-through; }

#habla_window_div blockquote,
#habla_window_div q {
  quotes: none; }

#habla_window_div blockquote:after,
#habla_window_div blockquote:before,
#habla_window_div li:after,
#habla_window_div li:before,
#habla_window_div q:after,
#habla_window_div q:before {
  content: "";
  content: none; }

#habla_window_div input,
#habla_window_div select {
  vertical-align: middle; }

#habla_window_div input,
#habla_window_div select,
#habla_window_div textarea {
  border: 1px solid #ccc; }

#habla_window_div table {
  border-collapse: collapse;
  border-spacing: 0; }

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

#habla_window_div [dir=rtl] {
  direction: rtl; }

#habla_window_div mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700; }

#habla_window_div {
  line-height: 1;
  direction: ltr;
  text-align: left;
  color: #000;
  font-style: normal;
  font-weight: 400;
  text-decoration: none; }

#habla_window_div.habla_window_div_base {
  display: block !important;
  z-index: 99999999; }

#habla_window_div #olark-callout-bubble,
#habla_window_div #olark-callout-bubble-offline,
#habla_window_div #olark-callout-bubble-online {
  position: relative !important; }

#habla_window_div #habla_panel_div {
  overflow: hidden; }

#habla_window_div #habla_middle_div {
  padding: 6px 10px 3px;
  background: white; }

:first-child + html #habla_window_div #habla_middle_div {
  padding: 6px 0 0; }

#habla_window_div textarea {
  max-width: 100%;
  width: 100%; }

:first-child + html #habla_window_div textarea {
  width: 97%; }

:first-child + html #habla_window_div #habla_input_div {
  margin-left: 0;
  margin-right: 0;
  width: 95%; }

#habla_window_div #habla_chatform_form {
  margin-top: 5px; }

#habla_window_div #habla_conversation_div {
  padding: 6px 10px 10px;
  margin: -6px -10px 0; }

:first-child + html #habla_window_div #habla_conversation_div,
:first-child + html #habla_window_div #habla_offline_message_div,
:first-child + html #habla_window_div #habla_pre_chat_div {
  width: 97%; }

:first-child + html #habla_window_div #habla_offline_message_div,
:first-child + html #habla_window_div #habla_offline_message_sent_div,
:first-child + html #habla_window_div #habla_pre_chat_div {
  padding: 5px;
  margin-left: 0; }

#habla_middle_div {
  line-height: 1.5em; }

#habla_window_div #habla_expanded_div {
  border-left: 1px solid #c8d7e1;
  border-right: 1px solid #c8d7e1;
  box-shadow: -3px 1px 10px -2px rgba(46, 68, 83, 0.075); }

#habla_window_div.habla_window_div_position_inline .habla_panel_border {
  border-bottom: 1px solid #e9eff3; }

#habla_window_div.olrk-fixed-top #habla_expanded_div {
  border-bottom: 1px solid #e9eff3; }

#habla_window_div .habla_conversation_div {
  background: 0 0;
  border-bottom: 1px solid #e9eff3;
  line-height: 1.5em;
  overflow: auto;
  color: #000;
  width: 100%; }

#habla_window_div #habla_wcsend_input {
  background: 0 0;
  overflow: auto;
  padding: 5px;
  vertical-align: text-top;
  line-height: 1.5em;
  min-height: 0 !important;
  height: auto !important; }

#habla_window_div .habla_wcsend_input_normal {
  border: 1px solid #b6b6b6;
  color: #000; }

#habla_window_div .habla_wcsend_input_pre {
  color: #2e4453; }

#habla_window_div .habla_wcsend_input_highlighted {
  border-color: #2e4453 !important;
  color: #000; }

#habla_window_div .habla_conversation_p_item {
  background: 0 0;
  color: #000;
  padding: 0;
  margin: 8px 0 0 0;
  overflow: visible; }

#habla_window_div .habla_conversation_person1 {
  color: #c8d7e1;
  padding-right: 5px;
  display: inline; }

#habla_window_div .habla_conversation_person2 {
  color: #0087be;
  padding-right: 5px; }

#habla_window_div .olrk_avatar {
  float: right;
  border: 1px solid #d3d3d3;
  margin-left: 5px;
  margin-bottom: 5px; }

#habla_window_div #habla_offline_message_span,
#habla_window_div #habla_pre_chat_span {
  margin-bottom: 5px;
  display: block; }

#habla_window_div #habla_offline_message_div,
#habla_window_div #habla_pre_chat_div {
  line-height: 1.5em; }

#habla_window_div #habla_offline_message_span {
  margin-bottom: 5px;
  display: block; }

#habla_window_div #habla_name_input,
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_offline_email_input,
#habla_window_div #habla_pre_chat_email_input,
#habla_window_div #habla_pre_chat_name_input {
  padding: 5px;
  margin-bottom: 5px;
  min-height: 0 !important;
  height: auto !important; }

#habla_window_div .habla_offline_submit_input {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: .4em .9em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-sizing: border-box;
  background: #0068ff;
  border-color: #0058d9;
  border-top-color: #005ee6;
  border-bottom-color: #0053cc;
  color: white;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; }
  #habla_window_div .habla_offline_submit_input:hover, #habla_window_div .habla_offline_submit_input:focus {
    background: #33bbe3;
    border-color: #2b9fc1;
    border-bottom-color: #2996b6; }
  #habla_window_div .habla_offline_submit_input:focus {
    border-color: #2e4453;
    box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4); }

#habla_window_div #habla_pre_chat_error_span,
#habla_window_div .habla_offline_error_span {
  margin-top: -20px;
  float: left;
  padding-bottom: 10px;
  font-style: italic;
  line-height: 1.5em; }

#habla_window_div #habla_topbar_div {
  background: #0068ff;
  color: white;
  padding: 10px;
  cursor: pointer; }

#habla_window_div #habla_oplink_a {
  color: #fff;
  text-decoration: none; }

#habla_window_div #habla_oplink_a.habla_oplink_a_hover {
  text-decoration: underline; }

#habla_window_div .clear_style {
  clear: both; }

#habla_window_div .habla_button {
  float: right;
  margin-top: -1px;
  margin-left: 4px;
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: pointer !important;
  overflow: hidden; }

#habla_window_div .habla_button:hover {
  background-color: rgba(255, 255, 255, 0.15); }

#habla_window_div #habla_sizebutton_a:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f108'; }

.olrk-state-expanded #habla_window_div #habla_sizebutton_a:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f431'; }

#habla_window_div #habla_sizebutton_a:hover {
  background-color: rgba(255, 255, 255, 0.15); }

#habla_window_div #habla_closebutton_a {
  display: none; }

#habla_window_div #habla_popout_a:before {
  width: 16px;
  height: 16px;
  font: 16px/1 Noticons;
  content: '\f442'; }

#habla_window_div #habla_popout_a:hover {
  background-color: rgba(255, 255, 255, 0.15); }

#habla_window_div #habla_panel_div #habla_conversation_div a,
#habla_window_div #habla_panel_div #habla_conversation_div a:active,
#habla_window_div #habla_panel_div #habla_conversation_div a:visited,
#habla_window_div #habla_panel_div #habla_expanded_div a,
#habla_window_div #habla_panel_div #habla_expanded_div a:active,
#habla_window_div #habla_panel_div #habla_expanded_div a:visited {
  color: #0087be; }

#habla_conversation_div .habla_conversation_p_item {
  word-break: break-word;
  word-wrap: break-word; }

#habla_conversation_div .olark-feedback-wrapper {
  background-color: #fff !important;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #2e4453;
  padding: 10px 10px 12px !important;
  -webkit-filter: none !important;
          filter: none !important; }

#habla_conversation_div p .olark-feedback-wrapper {
  color: #2e4453;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.2em;
  font-size: 13px; }

#habla_conversation_div p.olark-feedback-question {
  color: #2e4453;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700; }

#habla_conversation_div .olark-feedback-error {
  background-color: #FF9581;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  margin-bottom: 3px;
  padding: 5px; }

#habla_conversation_div .olark-feedback-hidden {
  display: none; }

#habla_conversation_div .olark-feedback-high-answer,
#habla_conversation_div .olark-feedback-low-answer {
  background: #E4E089;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #2e4453;
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  margin: 8px 0 15px;
  padding: 5px;
  position: relative;
  text-align: center;
  max-width: 42%; }

#habla_conversation_div .olark-feedback-high-answer {
  float: right; }

#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before,
#habla_conversation_div p .olark-feedback-low-answer:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0; }

#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-low-answer:before {
  left: 5px;
  bottom: -5px;
  border: 4px solid;
  border-color: #E4E089 transparent transparent #E4E089; }

#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before {
  right: 5px;
  bottom: -5px;
  border: 4px solid;
  border-color: #E4E089 #E4E089 transparent transparent; }

#habla_conversation_div .olark-feedback-choices-wrap {
  border-top: 2px solid #CACACA;
  clear: both;
  height: 15px;
  text-align: justify; }

#habla_conversation_div .olark-feedback-radio {
  -webkit-appearance: radio; }

#habla_conversation_div .olark-feedback-input {
  border: 0;
  display: inline-block;
  margin-top: -20px; }

#habla_conversation_div .olark-feedback-choices-wrap:after {
  content: '';
  width: 100%;
  display: inline-block; }

#habla_conversation_div .olark-feedback-question-number {
  color: #2e4453;
  display: inline-block;
  font-size: 13px;
  padding: 6px 0;
  margin-right: 5px; }

#habla_conversation_div .olark-feedback-text {
  box-sizing: border-box;
  color: #2e4453;
  font-size: 14px;
  min-height: 100px;
  margin-bottom: 5px;
  padding: 3px; }

#habla_conversation_div .olark-feedback-placeholder {
  color: #AAA; }

#habla_conversation_div .olark-feedback-submit {
  background: #1eaedb;
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  padding: 5px; }

#habla_conversation_div .olark-feedback-submit:disabled {
  background: #DDD;
  color: #2e4453; }

#habla_conversation_div .habla_conversation_notification.olark-feedback-wrapper {
  color: #2e4453 !important; }

#habla_conversation_div .habla_conversation_notification_nickname {
  display: none; }

#habla_conversation_div .habla_conversation_notification {
  color: #87a6bc;
  font-style: italic;
  margin: 1em 0;
  display: block; }

#habla_conversation_div .habla_conversation_text_span {
  display: block;
  margin-left: 48px; }

#habla_conversation_div .hbl_pal_local_fg,
#habla_conversation_div .hbl_pal_remote_fg {
  font: 14px/20px "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #2e4453;
  text-transform: capitalize;
  display: inline-block;
  white-space: nowrap; }

#habla_conversation_div .habla_conversation_p_item:not(:first-child) .hbl_pal_local_fg,
#habla_conversation_div .habla_conversation_p_item:not(:first-child) .hbl_pal_remote_fg {
  margin-top: 16px; }

#habla_conversation_div .olrk_avatar {
  display: none; }

#habla_conversation_div .gravatar {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  margin-bottom: -20px;
  margin-right: 16px; }

#habla_conversation_div .staff-label {
  border-radius: 2px;
  background-color: #0068ff;
  color: white;
  font: 11px/14px "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 3px;
  padding: 1px 4px; }

@-webkit-keyframes pulse {
  50% {
    background-color: rgba(255, 0, 0, 0.7); } }

@-webkit-keyframes tab_in_bottom {
  0% {
    margin-bottom: -50px;
    padding-bottom: 10px; }
  50% {
    margin-bottom: 0;
    padding-bottom: 15px; }
  100% {
    padding-bottom: 10px; } }

@-webkit-keyframes tab_in_top {
  0% {
    margin-top: -50px;
    padding-top: 10px; }
  50% {
    margin-top: 0;
    padding-top: 15px; }
  100% {
    padding-top: 10px; } }

.olrk-state-compressed .olrk-fixed-bottom #habla_topbar_div {
  -webkit-animation-name: tab_in_bottom;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

.olrk-state-compressed .olrk-fixed-top #habla_topbar_div {
  -webkit-animation-name: tab_in_top;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

#habla_window_div .habla_topbar_div_highlighted {
  background: #d05c34;
  color: #FFF;
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

a.hbl_pal_title_fg {
  color: !important; }

.hbl_pal_main_bg {
  background-color: #fff !important; }

.hbl_pal_local_fg,
.hbl_pal_title_fg {
  color: !important; }

.hbl_pal_title_bg {
  background-color: !important; }

.hbl_pal_offline_submit_fg,
.hbl_pal_remote_fg {
  color: !important; }

.hbl_pal_offline_submit_bg {
  background-color: !important; }

div.hbl_pal_main_width {
  width: 267px !important; }

.olrk-fixed-top {
  position: fixed;
  bottom: auto;
  top: 0; }

.olrk-fixed-bottom {
  position: fixed;
  bottom: 0;
  top: auto; }

.olrk-fixed-left {
  position: fixed;
  right: auto;
  left: 0; }

.olrk-fixed-right {
  position: fixed;
  right: 0;
  left: auto; }

.habla_window_div_position {
  bottom: 0;
  position: fixed;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.habla_window_div_position_floating {
  bottom: 0;
  position: fixed;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.habla_window_div_position_floating_ie {
  bottom: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.olrk-state-compressed #habla_window_div #habla_topbar_div {
  margin-right: -10px;
  background: transparent; }

.olrk-state-compressed #habla_panel_div {
  background: transparent !important; }

.olrk-state-compressed #habla_window_div #habla_sizebutton_a {
  background-color: #0068ff;
  padding: 5px 5px 3px 5px;
  text-decoration: none; }

.olrk-state-compressed #habla_window_div #habla_closebutton_a {
  display: none; }

.olrk-state-compressed #habla_oplink_a {
  display: none; }

.olrk-state-compressed div.hbl_pal_main_width {
  width: 28px !important; }

/**
* Welcome Messages (currently on stats and post pages)
*/
.welcome-message {
  position: relative;
  background: #f3f6f8;
  margin-bottom: 6%;
  padding: 16px; }
  .welcome-message .close-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 14px 8px; }
    .welcome-message .close-button .noticon {
      font-size: 32px;
      line-height: 32px; }
    .welcome-message .close-button:focus {
      outline: none;
      color: #33bbe3; }
  .welcome-message .welcome-section-title {
    font-size: 21px;
    line-height: 24px;
    color: #87a6bc;
    margin-top: 0;
    margin-bottom: 20px;
    padding-right: 20px; }
  .welcome-message p:last-child {
    margin-bottom: 0; }
  .welcome-message .welcome-intro-illustration {
    width: 160px;
    height: 160px;
    float: right;
    margin: 0 0 1em 1em; }
    @media (max-width: 480px) {
      .welcome-message .welcome-intro-illustration {
        width: 120px;
        height: 120px; } }
  @media (min-width: 661px) {
    .welcome-message {
      padding: 24px; }
      .welcome-message .close-button {
        padding: 8px; } }

/**
 * Layout Views
 */
.wpcom-site__logo {
  color: #c8d7e1;
  font-size: 12vw;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (min-width: 961px) {
    .wpcom-site__logo {
      font-size: 120px; } }

.layout__loader {
  border-bottom: 1px solid #0079aa;
  height: 46px;
  margin-left: -10%;
  position: absolute;
  left: 50%;
  top: 0;
  width: 20%;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
  @media (max-width: 480px) {
    .layout__loader {
      background: #0087be; } }

.layout__loader.is-active {
  visibility: visible;
  opacity: 1; }

.wpcom-site__global-noscript {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px;
  color: white;
  background: rgba(46, 68, 83, 0.8);
  text-align: center; }

/* =Global
----------------------------------------------- */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

* {
  -webkit-tap-highlight-color: transparent; }

body {
  background: #f3f6f8;
  -ms-overflow-style: scrollbar; }

::-moz-selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

::selection {
  background: rgba(120, 220, 250, 0.7);
  color: #2e4453; }

body,
button,
input,
select,
textarea,
.button,
#footer,
#footer a.readmore {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
body.rtl,
.rtl button,
.rtl input,
.rtl select,
.rtl textarea,
.rtl .button,
.rtl #footer,
.rtl #footer a.readmore {
  font-family: Tahoma, Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
:lang(he) body.rtl,
:lang(he) .rtl button,
:lang(he) .rtl input,
:lang(he) .rtl select,
:lang(he) .rtl textarea,
:lang(he) .rtl .button,
:lang(he) .rtl #footer,
:lang(he) .rtl #footer a.readmore {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/*rtl:ignore*/
.rtl .gridicon.gridicons-chevron-left, .rtl .gridicon.gridicons-chevron-right, .rtl .gridicon.gridicons-arrow-left, .rtl .gridicon.gridicons-arrow-right {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.notifications {
  display: inherit; }

body {
  color: #404040;
  font-size: 15px;
  line-height: 1.5; }

noscript {
  text-align: center;
  margin-top: 3em;
  display: block; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

hr {
  background: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* Text elements */
p {
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 600; }

dd {
  margin: 0 1.5em 1.5em; }

b, strong {
  font-weight: 600; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 10px 0 0 0;
  background: #f7f7f7;
  padding: 10px 10px 1px;
  margin: 10px 0 0 0;
  border-radius: 2px; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%; }

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: 600; }

.hide, .hidden {
  display: none; }

/* Links */
a,
a:visited {
  color: #0087be; }

a:hover,
a:focus,
a:active {
  color: #33bbe3; }

.link--caution, .link--caution:hover, .link--caution:focus, .link--caution:active,
.link--caution:visited,
.link--caution:visited:hover,
.link--caution:visited:focus,
.link--caution:visited:active,
.is-link.link--caution,
.is-link.link--caution:hover,
.is-link.link--caution:focus,
.is-link.link--caution:active,
.is-link.link--caution:visited,
.is-link.link--caution:visited:hover,
.is-link.link--caution:visited:focus,
.is-link.link--caution:visited:active {
  color: #d94f4f; }

html.iframed {
  overflow: hidden; }

.noticon:before,
.noticon:after {
  font-family: Noticons;
  line-height: 1; }

/* =General Layout
----------------------------------------------- */
.wp-content {
  position: relative;
  margin: 47px 0 0 0;
  padding: 32px 32px 32px 304px;
  box-sizing: border-box; }
  .wp-content:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .has-no-sidebar .wp-content {
    padding-left: 32px; }
  .full-screen .wp-content {
    padding: 0;
    margin: 0; }

@media (max-width: 960px) {
  .wp-content {
    padding: 24px;
    padding-left: 252px; }
    .has-no-sidebar .wp-content {
      padding-left: 24px; }
    .full-screen .wp-content {
      padding: 0;
      margin: 0; } }

@media (max-width: 660px) {
  .wp-content {
    margin-left: 0;
    padding: 0; }
    .has-no-sidebar .wp-content {
      padding-left: 0; } }

/* =Sidebar Transitions
----------------------------------------------- */
.wp-primary {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.sidebar, .post-editor__sidebar,
.wp-secondary .site-selector,
.current-site,
.sidebar__menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }

.focus-sites .wp-primary {
  opacity: 0.2;
  pointer-events: none; }

.focus-sites .wp-secondary .site-selector {
  opacity: 1;
  -webkit-transform: translateX(272px);
          transform: translateX(272px);
  pointer-events: auto; }
  @media (max-width: 660px) {
    .focus-sites .wp-secondary .site-selector {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); } }

.focus-sites .sidebar, .focus-sites .post-editor__sidebar {
  pointer-events: none; }

.focus-sites .current-site,
.focus-sites .sidebar__menu {
  opacity: 0;
  -webkit-transform: translateX(64px);
          transform: translateX(64px); }

.focus-sidebar {
  overflow: hidden; }

.wp-secondary .site-selector {
  background: #e9eff3;
  border-right: 1px solid #d9e3ea;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: -272px;
  width: 272px;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  pointer-events: none; }
  .wp-secondary .site-selector .search {
    border-bottom: 1px solid #c8d7e1; }
  .wp-secondary .site-selector .site .site__title::after,
  .wp-secondary .site-selector .site .site__domain::after,
  .wp-secondary .site-selector .all-sites .site__title::after,
  .wp-secondary .site-selector .all-sites .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
    background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (max-width: 660px) {
    .wp-secondary .site-selector {
      width: 100vw;
      left: -100vw;
      -webkit-overflow-scrolling: touch; } }
  .wp-secondary .site-selector .site-selector__recent {
    border-bottom: 1px solid #c8d7e1; }

/* =Content
----------------------------------------------- */
.wp-content a {
  text-decoration: none; }

/* =Media
----------------------------------------------- */
img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
  height: auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/* Netter min-height for the SoundCloud embeds */
.wpcom-soundcloud-player,
.embed-soundcloud iframe {
  min-height: 150px; }

/* Disabled blocks of content */
.disabled-block {
  opacity: 0.5; }

body.promo {
  margin-top: 0; }

body.newdash div.wordpress-com-extension-promo {
  display: none !important; }

@media (max-width: 660px) {
  .design-assets {
    padding: 0 6px; } }

.design-assets h2,
.design-assets h2 a:first-child {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 38px;
  font-weight: bold;
  margin: 40px 0 15px; }

.design-assets h3 {
  font-weight: bold;
  margin-bottom: 8px; }

.design-assets hr {
  background: transparent;
  clear: both;
  height: 2px;
  margin: 15px 0; }

.environment-badge {
  position: fixed;
  bottom: 16px;
  left: 16px;
  z-index: 999;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .environment-badge .bug-report {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: white;
    border: solid 1px #2e4453;
    border-radius: 50%;
    color: #2e4453;
    text-decoration: none;
    text-align: center;
    z-index: 1000;
    -webkit-transition: border-radius 0.2s ease-out;
    transition: border-radius 0.2s ease-out; }
    .environment-badge .bug-report:before {
      font-size: 14px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      vertical-align: middle; }
  .environment-badge .environment {
    position: relative;
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 4px 7px 4px 6px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .environment-badge .environment:before {
      content: '';
      position: absolute;
      left: -1px;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background-color: white;
      border: solid 1px #2e4453; }
    .environment-badge .environment:first-of-type:before {
      left: -4px; }
    .environment-badge .environment a {
      text-decoration: none;
      display: inline-block;
      color: black; }
      .environment-badge .environment a:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .environment-badge .environment.is-staging:before {
      background-color: #f0b849; }
    .environment-badge .environment.is-wpcalypso:before {
      background-color: #B1EED0; }
    .environment-badge .environment.is-dev:before {
      background-color: #d94f4f; }
    .environment-badge .environment.is-horizon:before, .environment-badge .environment.is-feedback:before {
      background-color: #78dcfa; }
    .environment-badge .environment.branch-name {
      text-transform: inherit;
      background-color: #272727;
      color: #F1F1F1; }
  .notouch .environment-badge .bug-report:hover {
    border-radius: 4px; }

@media (max-width: 960px) {
  .environment-badge {
    display: none; } }

/*
 * WP.com Overlay
 * Used for Site specific contexts and the Editor
 */
.wp-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  background-color: rgba(46, 68, 83, 0);
  cursor: pointer;
  /**
	 * Iframe within the overlay to contain
	 * elements like the Customizer
	 */ }
  .wp-overlay .overlay-content {
    cursor: default; }
  .overlay-is-front .wp-overlay {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .overlay-open .wp-overlay {
    background-color: rgba(46, 68, 83, 0.9); }
  .wp-overlay .wpcom-masterbar {
    background: transparent;
    box-shadow: none;
    position: absolute;
    right: 0;
    left: 0;
    top: -56px;
    width: auto; }
    .wp-overlay .wpcom-masterbar .overlay-navigation {
      background: transparent;
      padding: 0;
      overflow: hidden; }
      .wp-overlay .wpcom-masterbar .overlay-navigation .user-actions ul {
        list-style-type: none; }
      .wp-overlay .wpcom-masterbar .overlay-navigation .user-actions,
      .wp-overlay .wpcom-masterbar .overlay-navigation .user-actions ul,
      .wp-overlay .wpcom-masterbar .overlay-navigation .user-actions ul li {
        float: none; }
  .wp-overlay .user-actions ul li .button {
    padding: 0 16px 0 22px;
    line-height: 40px;
    height: 40px;
    float: right; }
    .wp-overlay .user-actions ul li .button:hover {
      background: #f3f6f8;
      box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; }
  .wp-overlay .user-actions ul li a.settings-done::before {
    font-size: 24px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    line-height: 40px;
    margin-left: -12px; }
  .wp-overlay .site-settings .site {
    float: left;
    width: 28%; }
    @media (max-width: 660px) {
      .wp-overlay .site-settings .site {
        float: none;
        width: 100%; } }
    .wp-overlay .site-settings .site .site-content {
      margin-bottom: 0; }
      @media (max-width: 660px) {
        .wp-overlay .site-settings .site .site-content {
          margin: 6px; } }
    .wp-overlay .site-settings .site .site-options,
    .wp-overlay .site-settings .site .site-more-options {
      display: none; }
    .wp-overlay .site-settings .site.jetpack {
      border-bottom: 2px solid #8cc258; }
  @media (max-width: 660px) {
    .wp-overlay .wp-content {
      background: #e9eff3;
      margin-top: 66px; } }
  @media (max-width: 660px) {
    .wp-overlay .content-header {
      margin-top: 10px; } }
  .wp-overlay .content-header .noticon-menu {
    display: none; }
  .wp-overlay iframe {
    width: 100%;
    height: 100%; }

.overlay-content {
  opacity: 0;
  background: #e9eff3;
  margin: 0 auto 0;
  max-width: 960px;
  overflow: visible; }
  .overlay-is-front .overlay-content {
    opacity: 1; }
  @media (min-width: 961px) {
    .overlay-content {
      border-radius: 3px; } }

.overlay-open body, .overlay-open {
  overflow: hidden;
  overflow-y: hidden; }

.wp-overlay .current-site {
  background-color: transparent;
  box-shadow: none;
  text-align: left;
  padding-right: 100px; }
  @media (max-width: 960px) {
    .wp-overlay .current-site {
      padding-left: 10px; } }

.wp-overlay .actions-menu {
  position: absolute;
  top: 6px;
  right: 0; }
  @media (max-width: 960px) {
    .wp-overlay .actions-menu {
      right: 10px; } }

.wp-overlay .current-site .site {
  color: #e9eff3;
  padding-left: 50px; }

.wp-overlay .current-site .site-icon {
  left: 0; }

.wp-overlay .current-site .user-icon {
  border-radius: 50%; }

.detail-page__backdrop {
  padding: 1px;
  z-index: 190;
  box-sizing: border-box;
  margin: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white; }
  .detail-page__backdrop.detail-page-enter {
    opacity: 0;
    -webkit-transform: translateX(200px);
            transform: translateX(200px); }
  .detail-page__backdrop.detail-page-enter-active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
  .detail-page__backdrop.detail-page-leave {
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
  .detail-page__backdrop.detail-page-leave-active {
    opacity: 0;
    -webkit-transform: translateX(200px);
            transform: translateX(200px); }
  .detail-page__backdrop .card, .detail-page__backdrop .editor-drawer-well__placeholder {
    margin: 0 auto;
    background: transparent;
    padding: 0;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.detail-page__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden; }

.detail-page__action-buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 200;
  list-style: none;
  text-align: right;
  padding: 7px 6px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #e9eff3;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }
  .detail-page__action-buttons .detail-page-close.is-primary {
    color: #a8bece;
    padding: 0 8px;
    text-align: left;
    background: transparent;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    min-width: 200px; }
    @media (max-width: 480px) {
      .detail-page__action-buttons .detail-page-close.is-primary {
        min-width: initial; } }
    .detail-page__action-buttons .detail-page-close.is-primary .detail-page__button-label {
      display: none; }
    .detail-page__action-buttons .detail-page-close.is-primary:before {
      font-size: 32px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      position: relative;
      top: 1px;
      left: 0; }
    .detail-page__action-buttons .detail-page-close.is-primary:hover {
      color: #0068ff;
      background: #e9eff3; }
    .detail-page__action-buttons .detail-page-close.is-primary:focus {
      color: #0068ff; }
  .detail-page__action-buttons .like-button,
  .detail-page__action-buttons .comment-button,
  .detail-page__action-buttons .reader-share {
    float: right;
    position: relative;
    top: 2px;
    margin-right: 16px; }
    @media (max-width: 660px) {
      .detail-page__action-buttons .like-button,
      .detail-page__action-buttons .comment-button,
      .detail-page__action-buttons .reader-share {
        margin-right: 8px; } }
  .detail-page__action-buttons .post-options {
    float: right;
    margin-right: 4px; }
    .detail-page__action-buttons .post-options .post-options__trigger .gridicon__ellipsis {
      padding: 4px 8px; }

html.detail-page-active {
  overflow: hidden; }
  html.detail-page-active .wp-primary {
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }

html.detail-page-open .reader-update-notice {
  opacity: 0; }

html.detail-page-open .wp-primary {
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  pointer-events: none; }

/* Status indicators */
.corner-status {
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: -25px;
  right: -25px; }

.corner-status.connected {
  background: #47b603; }

.corner-status.disconnected, .corner-status.unapproved {
  background: #ffbb00; }

.noticon.status-checkmark, .noticon.status-warning {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 22px;
  width: auto;
  height: auto; }

.noticon.status-warning {
  font-size: 13px;
  top: 4px;
  right: 3px; }

/**
 * Posts
 */
.posts__list .post {
  position: relative;
  padding: 0;
  margin-bottom: 1.6em; }
  @media (max-width: 660px) {
    .posts__list .post {
      font-size: 13px; } }

.posts__list .post__body {
  background-color: white; }

.posts__list .post-attribution,
.posts__list .post__content,
.posts__list .post__info {
  box-sizing: border-box;
  padding: 1.4rem; }
  @media (min-width: 661px) {
    .posts__list .post-attribution,
    .posts__list .post__content,
    .posts__list .post__info {
      padding: 2.4rem; } }

.posts__list .post-attribution {
  width: 100%;
  font-size: 0.93333em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #87a6bc; }
  .posts__list .post-attribution a {
    color: inherit; }
  .posts__list .post-attribution span:first-child .post-attribution-avatar {
    margin-left: 0; }
  .posts__list .post-attribution + .post__content {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post-attribution {
      padding: 1.6rem 2.4rem; } }

.posts__list .post-attribution-avatar {
  width: 1.71429em;
  height: 1.71429em;
  margin: 0 0.35714em 0 0.5em;
  vertical-align: middle;
  display: inline-block; }
  .posts__list .post-attribution-avatar.is-rounded {
    border-radius: 50%; }

.posts__list .post__content {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
  margin: 0;
  overflow: hidden; }
  .posts__list .post__content + .post__info {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post__content {
      padding-bottom: 1.2rem; } }

.posts__list .post__content-link {
  display: block; }

.posts__list .post__title-link + .post__excerpt {
  margin-top: 0.46667em; }

.posts__list .post__title-link + .featured-standard {
  margin-top: 0.86667em; }
  .posts__list .post__title-link + .featured-standard + .post__excerpt {
    margin-top: 0.46667em; }

.posts__list .post__title {
  color: #2e4453;
  font-size: 1.6em;
  line-height: 1.33333em;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700; }

.posts__list .post__excerpt {
  color: #4f748e;
  font-size: 1.06667em;
  line-height: 1.5em;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  .posts__list .post__excerpt p {
    margin: 0; }

.posts__list .post__quote {
  background: none;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 0;
  margin: 0;
  border-radius: 0; }

.posts__list .post__info {
  width: 100%;
  font-size: 0.93333em;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  color: #87a6bc;
  overflow: hidden; }
  @media (min-width: 661px) {
    .posts__list .post__info {
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.posts__list .post-relative-time-status {
  float: left;
  margin: 0; }
  .posts__list .post-relative-time-status .noticon {
    font-size: 1.14286em;
    margin: 0.23077em 0.23077em 0 0; }
  .posts__list .post-relative-time-status a {
    color: inherit; }
  .posts__list .post-relative-time-status small {
    font-size: 0.9em;
    color: #a8bece; }

.posts__list .post__meta {
  float: right;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }
  .posts__list .post__meta li {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 1.07143em;
    color: #87a6bc;
    vertical-align: top; }
    .posts__list .post__meta li:first-child {
      margin-left: 0; }
    .posts__list .post__meta li a {
      color: inherit; }
      .posts__list .post__meta li a:before {
        font-size: 1.5em;
        vertical-align: top; }
      .posts__list .post__meta li a.is-empty .gridicon {
        color: #c8d7e1; }
      .posts__list .post__meta li a .gridicon {
        position: relative;
        top: 6px; }
    .posts__list .post__meta li span {
      display: inline-block;
      margin: 0.07143em 0 0 0.21429em; }

.posts__list .image-large-format {
  background-color: #f3f6f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .posts__list .image-large-format .image-item {
    box-sizing: border-box;
    max-height: 100%;
    padding: 0 0.6rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .posts__list .image-large-format .image-item-media {
    vertical-align: bottom; }

.posts__list .post__header + .post__content-link .image-large-format {
  margin-top: 1.6rem; }

.posts__list .image-gallery {
  padding: 0.6rem 0.8rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center; }
  @media (min-width: 661px) {
    .posts__list .image-gallery {
      padding: 0.6rem 1.8rem; } }

.posts__list .image-single {
  height: 15.06667em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 961px) {
    .posts__list .image-single {
      background-size: contain; } }

.posts__list .featured-standard {
  float: right;
  width: 40%;
  max-height: 9.06667em;
  margin: 0 0 0.93333em 0.93333em;
  overflow: hidden; }
  .posts__list .featured-standard img {
    display: block; }
  @media (min-width: 661px) {
    .posts__list .featured-standard {
      margin: 0 0 1.6em 1.6em; } }
  @media (min-width: 961px) {
    .posts__list .featured-standard {
      margin-bottom: 0; } }

.posts__list .post.is-protected .post__title:before {
  font-size: 1em;
  content: "";
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: Noticons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  color: #87a6bc;
  margin-right: 0.16667em; }

.posts__list .post.is-placeholder .post__time:before {
  content: '';
  margin-right: 0; }

.posts__list .post.is-placeholder .post-attribution-avatar {
  display: inline-block;
  background-color: #e9eff3; }

.posts__list .placeholder-text {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.post__header {
  padding: 14px 16px 0; }
  @media (min-width: 661px) {
    .post__header {
      padding: 14px 24px 0; } }

.post .site-icon {
  position: absolute;
  top: 16px;
  left: 16px; }
  @media (min-width: 661px) {
    .post .site-icon {
      left: 24px; } }

.post__site-title {
  color: #4f748e;
  display: block;
  font-size: 14px;
  line-height: 38px;
  margin-right: 12px;
  padding-left: 48px; }
  .post__site-title a {
    color: #4f748e; }

.post__header.has-author .post__site-title {
  line-height: 1.4; }

.post__author {
  display: block;
  color: #87a6bc;
  font-size: 12px;
  padding-left: 48px; }

/* RTL */
.rtl .posts__list .post__quote {
  font-family: Tahoma, Helvetica, Arial, sans-serif; }

.rtl .posts__list .post__title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

:lang(he) .rtl .posts__list .post__quote {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/**
 * Post Controls
 */
.post-controls {
  box-sizing: border-box;
  background-color: white;
  border-top: solid 1px rgba(200, 215, 225, 0.5);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 3em; }
  @media (max-width: 660px) {
    .post-controls {
      height: 3.46154em; } }

.post-controls__pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style: none;
  font-size: 0.93333em;
  margin: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; }
  .post-controls__pane > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    box-sizing: border-box;
    text-align: center;
    border-left: solid 1px rgba(200, 215, 225, 0.5); }
    .post-controls__pane > li:first-child {
      border-left: none; }
    .post-controls__pane > li a {
      display: block;
      color: #668eaa;
      box-sizing: border-box;
      font-size: inherit;
      padding: 0.78571em 0; }
      .post-controls__pane > li a:hover {
        color: #4f748e;
        cursor: pointer; }
      .post-controls__pane > li a .gridicon {
        position: relative;
        top: 3px;
        margin-right: 6px; }

.post-controls__more-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__main-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__more-options {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto; }

.post-controls__trash.is-scary {
  color: #d94f4f; }

.post-relative-time-status .time,
.post-relative-time-status .status {
  display: inline-block;
  margin-right: 0.91667em; }

.post-relative-time-status .time .time-text {
  display: inline-block; }
  .post-relative-time-status .time .time-text::first-letter {
    text-transform: capitalize; }

.post-relative-time-status .status .status-text {
  text-transform: capitalize; }

.post-relative-time-status .gridicon {
  display: inline-block;
  margin: -4px 8px 0 0;
  vertical-align: middle; }

.posts__list .post-relative-time-status .is-sticky {
  color: #f0821e; }

.posts__list .post-relative-time-status .is-pending {
  color: #f0b849; }

.posts__list .post-relative-time-status .is-scheduled {
  color: #0068ff; }

.posts__list .post-relative-time-status .is-trash {
  color: #d94f4f; }

.upgrades .right-column {
  overflow: hidden; }

.purchased hr {
  float: left;
  width: 100%;
  display: block;
  height: 2px;
  background: #c8d7e1; }

.purchased .product {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 15px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-sizing: border-box; }
  .purchased .product .name {
    width: 42%;
    float: left;
    margin: 0 10px 0 0; }
    .purchased .product .name h3 {
      margin: 0 0 10px;
      font-size: 15px;
      line-height: 1; }
    .purchased .product .name p {
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #668eaa; }
  .purchased .product .status {
    float: left;
    width: auto; }
    .purchased .product .status h4 {
      margin: 2px 0 10px;
      font-size: 13px;
      line-height: 1; }
    .purchased .product .status p {
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #87a6bc; }
  .purchased .product .actions {
    float: right;
    width: auto;
    margin: 6px 0 0 0; }
    .purchased .product .actions .toggle {
      float: right;
      display: inline-block;
      width: 32px;
      height: 32px;
      margin: 0 0 0 5px;
      color: #87a6bc; }
      .purchased .product .actions .toggle .noticon {
        width: 32px;
        text-align: center;
        line-height: 32px; }
    .purchased .product .actions .button {
      float: right; }

.expiring .product {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 15px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-sizing: border-box; }
  .expiring .product .name {
    width: 42%;
    float: left;
    margin: 0 10px 0 0; }
    .expiring .product .name h3 {
      margin: 0 0 10px;
      font-size: 15px;
      line-height: 1; }
    .expiring .product .name p {
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #87a6bc; }
  .expiring .product .status {
    float: left;
    width: auto; }
    .expiring .product .status h4 {
      margin: 2px 0 10px;
      font-size: 13px;
      line-height: 1; }
    .expiring .product .status p {
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #d94f4f; }
  .expiring .product .actions {
    float: right;
    width: auto;
    margin: 6px 0 0 0; }
    .expiring .product .actions .toggle {
      float: right;
      display: inline-block;
      width: 32px;
      height: 32px;
      margin: 0 0 0 5px;
      color: #87a6bc; }
      .expiring .product .actions .toggle .noticon {
        width: 32px;
        text-align: center;
        line-height: 32px; }
    .expiring .product .actions .button {
      float: right; }

@media screen and (max-width: 450px) {
  .plan {
    float: left;
    width: 100%;
    margin: 0 0 15px 0; }
    .plan .plan-header {
      float: left;
      width: 100%;
      box-sizing: border-box; }
      .plan .plan-header .badge {
        display: none; }
      .plan .plan-header h4 {
        float: left;
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 13px;
        line-height: 20px; }
      .plan .plan-header h3 {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 20px;
        line-height: 20px;
        text-align: right; }
      .plan .plan-header p {
        display: inline-block;
        text-align: right; }
    .plan .plan-details {
      float: left;
      width: 100%;
      box-sizing: border-box; }
      .plan .plan-details p {
        margin: 0;
        padding: 0; }
      .plan .plan-details .illustration {
        display: none; }
    .plan .actions {
      float: left;
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
      border-top: 1px solid #e9eff3; }
      .plan .actions p {
        margin: 0;
        padding: 0; }
        .plan .actions p.current-plan {
          margin: 0;
          padding: 0;
          color: #4ab866;
          line-height: 1;
          border: none; }
          .plan .actions p.current-plan:before {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\f418';
            display: inline-block;
            margin: -3px 5px 0 0;
            font: normal 16px/1 Noticons;
            vertical-align: middle; }
  .purchased .product {
    padding: 0;
    background: #f3f6f8; }
    .purchased .product .name {
      float: left;
      width: 100%;
      margin: 0;
      padding: 15px;
      border-bottom: 2px solid #e9eff3;
      box-sizing: border-box;
      background: white; }
      .purchased .product .name h3 {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: 600; }
      .purchased .product .name p {
        display: inline;
        float: right;
        margin: 0;
        padding: 0;
        font-size: 13px;
        line-height: 1; }
    .purchased .product .status {
      float: left;
      width: auto;
      margin: 2px 0 0 0;
      padding: 0 0 0 15px; }
      .purchased .product .status h4 {
        display: inline;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
        font-size: 13px;
        line-height: 46px; }
      .purchased .product .status p {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 13px;
        line-height: 46px; }
    .purchased .product .actions {
      float: right;
      width: auto;
      margin: 0;
      padding: 10px 15px 10px 0; }
      .purchased .product .actions a {
        font-size: 13px; } }

.checkout {
  position: relative; }
  .checkout .payment-box {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transform: translateZ(0) scale(0.8);
            transform: translateZ(0) scale(0.8);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%; }
    @media (max-width: 660px) {
      .checkout .payment-box:not(.domain-details) {
        background-color: transparent;
        box-shadow: none; } }
    .checkout .payment-box.selected {
      height: auto;
      opacity: 1;
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
      visibility: visible; }
    .checkout .payment-box.is-empty .payment-box-section {
      border: 1px solid #e9eff3;
      margin: 5px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      background-color: white;
      padding: 10px; }
    .checkout .payment-box.is-empty .placeholder, .checkout .payment-box.is-empty .payment-box__title {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite;
      background: #c8d7e1;
      width: 100%;
      height: 100%; }
    .checkout .payment-box.is-empty .payment-box__title {
      height: 22px;
      width: 130px; }
      .checkout .payment-box.is-empty .payment-box__title :after {
        content: ''; }
    .checkout .payment-box.is-empty .payment-box__header {
      height: 16px;
      width: 170px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 170px;
          -ms-flex: 0 0 170px;
              flex: 0 0 170px; }
    .checkout .payment-box.is-empty .placeholder-row {
      height: 40px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 15px; }
    .checkout .payment-box.is-empty .placeholder-col-narrow {
      height: 40px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 15px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-narrow {
          -webkit-box-flex: 2;
          -webkit-flex: 2 1 auto;
              -ms-flex: 2 1 auto;
                  flex: 2 1 auto; } }
    .checkout .payment-box.is-empty .placeholder-inline-pad {
      padding-right: 15px; }
    @media (min-width: 481px) {
      .checkout .payment-box.is-empty .placeholder-inline-pad-only-wide {
        padding-right: 15px; } }
    .checkout .payment-box.is-empty .placeholder-col-wide {
      height: 40px;
      margin-bottom: 15px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-wide {
          -webkit-box-flex: 6;
          -webkit-flex: 6 3 auto;
              -ms-flex: 6 3 auto;
                  flex: 6 3 auto; } }
    .checkout .payment-box.is-empty .placeholder-button {
      height: 50px;
      width: 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button {
          width: 80px;
          height: 40px; } }
    .checkout .payment-box.is-empty .placeholder-button-container {
      margin-top: 55px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button-container {
          margin-top: 20px; } }
    .checkout .payment-box.is-empty .payment-box-hr {
      margin: 40px 0 20px 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid #e9eff3; }
      @media (max-width: 480px) {
        .checkout .payment-box.is-empty .payment-box-hr {
          display: none; } }
  .checkout .payment-box__content {
    min-height: 140px;
    margin-top: 10px; }
  .checkout h5 {
    color: #668eaa;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
    text-transform: uppercase; }
    .checkout h5 :after {
      font-size: 1.08333em;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      float: right; }
  .checkout .box-padding {
    padding: 16px 0; }
    @media (min-width: 661px) {
      .checkout .box-padding {
        padding: 30px 30px 20px 30px; } }
  @media (max-width: 660px) {
    .checkout .domain-details .box-padding {
      padding: 16px; } }
  .checkout form {
    margin-top: 5px; }
    @media (min-width: 661px) {
      .checkout form:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; } }
  @media (max-width: 660px) {
    .checkout button[type=submit].button-pay {
      width: 100%; }
      #wpcom .checkout button[type=submit].button-pay {
        min-height: 50px; } }
  @media (min-width: 661px) {
    .checkout button[type=submit].button-pay {
      clear: both;
      float: left; } }
  .checkout input[type=number]::-webkit-outer-spin-button, .checkout input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .checkout .checkout-field {
    margin-top: 15px;
    position: relative; }
    .checkout .checkout-field select {
      font-size: 15px;
      width: 100%; }
    .checkout .checkout-field.invalid input,
    .checkout .checkout-field.invalid select {
      border-color: #d94f4f; }
    .checkout .checkout-field input[disabled] {
      cursor: not-allowed; }
  .checkout .checkout-terms {
    color: #668eaa;
    margin: 16px 0;
    padding: 0;
    text-align: center; }
    @media (min-width: 661px) {
      .checkout .checkout-terms {
        padding: 0;
        text-align: left; } }
    .checkout .checkout-terms p {
      font-size: 12px;
      font-weight: 100;
      margin: 0; }
      @media (min-width: 661px) {
        .checkout .checkout-terms p {
          margin-left: 24px; } }
    .checkout .checkout-terms .gridicon {
      float: left; }
      @media (max-width: 660px) {
        .checkout .checkout-terms .gridicon {
          display: none; } }
  @media (min-width: 661px) {
    .checkout .payment-box-actions {
      margin: 20px -30px 0px -30px;
      padding: 20px 30px 0 30px;
      border-top: 1px solid #e9eff3; }
      .checkout .payment-box-actions:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; } }
  .checkout .credit-card-payment-box .payment-box-sections {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .payment-box-sections {
        box-shadow: none; } }
  .checkout .credit-card-payment-box .payment-box-section {
    cursor: pointer;
    border-bottom: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section:first-of-type {
      border-top: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section.selected {
      cursor: default; }
  .checkout .credit-card-payment-box .payment-box-section-inner {
    border-left: 1px solid #e9eff3;
    padding-left: 2px;
    position: relative;
    border-right: 1px solid #e9eff3;
    min-height: 50px; }
  .checkout .credit-card-payment-box .payment-box-section.selected .payment-box-section-inner {
    background-color: #fafdf6;
    padding-left: 0; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .payment-box-section-inner {
    border-left: 3px solid #4ab866; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .new-card-fields {
    background-color: #fafdf6; }
  .checkout .credit-card-payment-box .no-stored-cards .new-card-fields > .checkout-field:first-child {
    margin-top: 0; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-toggle {
    box-shadow: none;
    cursor: pointer;
    font-size: 13px;
    position: absolute; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-fields {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    padding: 0 15px 0 12px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .checkout .credit-card-payment-box .payment-box-section.selected .new-card-fields {
    max-height: 500px;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
  .checkout .credit-card-payment-box .new-card-toggle {
    color: #0087be;
    padding: 15px 15px 15px 12px;
    border: 0;
    background: transparent; }
  .checkout .credit-card-payment-box .new-card-header {
    color: #0068ff;
    font-weight: 400; }
  .checkout .credit-card-payment-box .all-fields-required {
    color: #a8bece;
    display: block;
    font-size: 12px;
    font-style: italic; }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .all-fields-required {
        top: 7px; } }
    .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
      top: 18px; }
      @media (min-width: 661px) {
        .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
          position: absolute;
          right: 18px; } }
  .checkout .paypal-payment-box .payment-box-section,
  .checkout .credits-payment-box .payment-box-section {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .paypal-payment-box .payment-box-section,
      .checkout .credits-payment-box .payment-box-section {
        border: 1px solid #e9eff3;
        box-shadow: none; } }
  .checkout .paypal-payment-box .payment-box-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 15px;
    padding-right: 15px; }
  .checkout .paypal-payment-box .country,
  .checkout .paypal-payment-box .postal-code {
    margin-left: 15px; }
  .checkout .paypal-payment-box .country {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .checkout .paypal-payment-box .country label {
      display: none; }
  .checkout .paypal-payment-box .postal-code {
    -webkit-flex-basis: 8em;
        -ms-flex-preferred-size: 8em;
            flex-basis: 8em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 15px; }
    .checkout .paypal-payment-box .postal-code label {
      display: none; }
  .checkout .credits-payment-box .payment-box-section {
    box-sizing: border-box;
    min-height: 91px;
    padding: 20px 20px 20px 80px;
    position: relative; }
    .checkout .credits-payment-box .payment-box-section::before {
      color: #0068ff;
      left: 10px;
      position: absolute;
      top: 15px;
      font-size: 60px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none; }
    .checkout .credits-payment-box .payment-box-section > h6 {
      color: #0068ff;
      font-size: 18px; }
    .checkout .credits-payment-box .payment-box-section > span {
      color: #668eaa;
      font-size: 15px; }
    @media (min-width: 661px) {
      .checkout .credits-payment-box .payment-box-section {
        padding-left: 100px; } }
  .checkout .supporting-text {
    border-top: 1px solid #c8d7e1;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 15px 0; }
    .checkout .supporting-text:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    @media (min-width: 661px) {
      .checkout .supporting-text {
        border-bottom: 1px solid #c8d7e1;
        margin: 30px 0; } }
    .checkout .supporting-text li {
      color: #a8bece;
      text-align: center; }
      @media (min-width: 661px) {
        .checkout .supporting-text li {
          float: left;
          margin: 0 5%;
          width: 40%; } }
      @media (max-width: 660px) {
        .checkout .supporting-text li {
          margin: 0;
          padding: 15px; } }
      .checkout .supporting-text li h6 {
        color: #4f748e;
        font-size: 14px;
        font-weight: 600; }
      .checkout .supporting-text li p {
        font-size: 12px;
        font-weight: 100;
        margin: 10px 0 0 0; }
  .checkout .credit-card-supporting-text__refund-link {
    white-space: nowrap;
    color: #a8bece;
    text-decoration: underline; }
  .checkout .domain-details .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .checkout .domain-details .last-name {
      margin-top: 0; }
    .checkout .domain-details .hidden-input a,
    .checkout .domain-details .checkout-field {
      float: left;
      width: 100%; }
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone,
    .checkout .domain-details .postal-code {
      float: right; }
    .checkout .domain-details .email,
    .checkout .domain-details .first-name,
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone {
      width: calc( 50% - 7px); }
    .checkout .domain-details .city,
    .checkout .domain-details .postal-code,
    .checkout .domain-details .state {
      width: calc( 33% - 8px); }
    .checkout .domain-details .state {
      margin-left: 14px; }
      .checkout .domain-details .state label + select {
        min-width: inherit; } }
  .checkout .domain-details .hidden-input a {
    display: block;
    font-size: 12px;
    margin-top: 5px; }

.privacy-protection {
  background-color: #f3f6f8;
  float: left;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 10px; }
  @media (min-width: 661px) {
    .privacy-protection {
      box-sizing: border-box;
      padding: 15px;
      width: 100%; }
      .privacy-protection section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .privacy-protection h6 {
    font-size: 16px;
    font-weight: 600; }
  .privacy-protection label {
    background-color: white;
    border: 3px solid white;
    border-radius: 3px;
    display: block;
    margin-top: 10px;
    padding: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .privacy-protection label.selected {
      border-color: #00AADC; }
    @media (min-width: 661px) {
      .privacy-protection label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 15px;
        width: 50%; }
        .privacy-protection label:last-child {
          margin-left: 15px; } }
  .privacy-protection strong {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%; }
  .privacy-protection p {
    color: #7096af;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 5px; }
  .privacy-protection input {
    display: none; }
  .privacy-protection button {
    margin-top: 10px;
    white-space: normal;
    width: 100%; }

.privacy-protection-dialog.dialog.card, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder {
  max-height: 95%;
  overflow-y: auto; }
  .privacy-protection-dialog.dialog.card .dialog__content header, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header {
    text-align: center; }
    .privacy-protection-dialog.dialog.card .dialog__content header h1, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header h1 {
      font-size: 30px;
      font-weight: 200;
      line-height: 130%;
      height: auto; }
    .privacy-protection-dialog.dialog.card .dialog__content header p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header p {
      font-size: 13px; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .dialog__content header .line-break, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header .line-break {
        display: block; } }
  .privacy-protection-dialog.dialog.card .privacy-features, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features {
    border-bottom: 1px solid #f3f6f8;
    border-top: 1px solid #f3f6f8;
    list-style: none;
    margin: 20px 0;
    padding: 5px 0; }
    .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
      padding: 5px 10px;
      text-align: center; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
          display: inline-block;
          padding: 5px 30px; } }
    .privacy-protection-dialog.dialog.card .privacy-features h2, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2 {
      font-size: 14px;
      font-weight: 600; }
      .privacy-protection-dialog.dialog.card .privacy-features h2:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2:before {
        font-size: 28px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        color: #4ab866;
        vertical-align: middle; }
  .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
        overflow: auto;
        padding-top: 20px; } }
    .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
      border: 1px solid #e9eff3;
      border-radius: 3px;
      box-sizing: border-box;
      margin: 40px 0 0 0;
      padding: 20px;
      position: relative; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
          float: left;
          margin: 0 2%;
          width: 46%; } }
      .privacy-protection-dialog.dialog.card .privacy-comparison li:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li:before {
        border-radius: 50%;
        color: #FFF;
        display: block;
        height: 25px;
        position: absolute;
        left: -8px;
        top: -8px;
        width: 25px; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.with-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.with-privacy:before {
        font-size: 25px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        background: #4ab866; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.without-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.without-privacy:before {
        background: #f0b849;
        content: '!';
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li h3, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .privacy-price, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .privacy-price {
        color: #87a6bc;
        font-size: 13px;
        font-style: italic;
        font-weight: 400;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p {
        background: #f3f6f8;
        font-size: 12px;
        margin: 20px -20px;
        min-height: 126px;
        padding: 20px; }
        .privacy-protection-dialog.dialog.card .privacy-comparison li p span, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p span {
          display: block;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .button, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .button {
        width: 100%; }

@media (max-width: 660px) {
  .secondary-cart {
    display: none; } }

@media (min-width: 661px) {
  .pay-button {
    float: left; } }

.credit-card-payment-box__switch-link {
  color: #33bbe3;
  font-style: italic;
  font-weight: 800;
  line-height: 40px;
  display: block;
  clear: both;
  font-size: 12px; }
  @media (max-width: 660px) {
    .credit-card-payment-box__switch-link {
      margin: 20px 0 0 0;
      text-align: center; } }
  @media (min-width: 961px) {
    .credit-card-payment-box__switch-link {
      float: right;
      clear: none; } }

.billing-history-page #billing-history-wrapper * {
  box-sizing: border-box; }

.billing-history-page #billing-history-content,
.billing-history-page #upcoming-charges {
  background-color: white; }

.billing-history-page .billing-history-header p {
  font-size: 14px; }

.billing-history-page .transactions {
  border-collapse: collapse; }

.billing-history-page .transactions__no-results {
  display: table-row; }
  .billing-history-page .transactions__no-results td {
    padding: 20px 0;
    text-align: center; }

.billing-history-page .transactions thead {
  background-color: #f3f6f8; }

.billing-history-page .transactions thead .header-row {
  vertical-align: top;
  height: 40px; }

.billing-history-page .transactions thead .header-column {
  vertical-align: top;
  padding-top: 4px; }

.billing-history-page .search-form {
  text-align: right; }

.billing-history-page .search_terms {
  display: inline-block;
  font-size: 13px;
  margin-top: 2px;
  margin-right: 12px;
  text-align: left;
  width: 100px;
  padding: 3px 9px;
  background-color: white;
  border-radius: 15px;
  border: 1px solid #e9eff3;
  -webkit-transition: width 0.25s ease-out;
  transition: width 0.25s ease-out;
  outline: 0; }
  .billing-history-page .search_terms:focus, .billing-history-page .search_terms:active {
    width: 150px; }

.billing-history-page .reset-search {
  display: none; }

.billing-history-page .transaction {
  color: #2e4453;
  font-size: 14px;
  height: 66px;
  border-bottom: 1px solid #e9eff3; }

.billing-history-page .transaction td {
  vertical-align: top;
  padding: 10px 0; }

.billing-history-page .transactions tbody .date {
  width: 140px;
  padding: 12px; }

.billing-history-page .transactions tbody .trans-app {
  padding-left: 12px;
  padding-right: 12px; }

.billing-history-page .transactions tbody .amount {
  text-align: right;
  padding: 12px;
  width: 110px; }

.billing-history-page .trans-wrap:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.billing-history-page .service-name strong {
  font-weight: normal; }

.billing-history-page .service-name small {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  font-style: italic; }

.billing-history-page .service-description {
  float: left; }

.billing-history-page .transaction-links {
  font-size: 12px;
  margin: 4px 0 0 0; }
  .billing-history-page .transaction-links a {
    padding-right: 8px; }

.billing-history-page .filter-popover {
  position: relative;
  display: inline-block;
  padding: 4px 12px;
  vertical-align: top; }

.billing-history-page .filter-popover-content {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 23;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 0 25px 10px rgba(0, 0, 0, 0.1);
  outline: 0; }
  .billing-history-page .filter-popover-content.datepicker {
    right: -115px; }
  .billing-history-page .filter-popover-content.app {
    right: -147px; }

.billing-history-page .popped .filter-popover-content {
  display: block; }

.billing-history-page .filter-popover-content:before {
  display: block;
  position: absolute;
  top: -25px;
  left: 21px;
  color: #0087be;
  content: '\f500';
  font-family: Noticons;
  font-size: 20px; }

.billing-history-page .filter-popover-content .overflow {
  overflow-x: auto;
  overflow-y: hidden; }

.billing-history-page .filter-popover-content table {
  margin-bottom: 0; }

.billing-history-page .filter-popover-content tr:hover td {
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  color: #78dcfa; }

.billing-history-page .filter-popover-content tr.selected td {
  background-color: #2e4453;
  color: white; }

.billing-history-page .filter-popover-content th {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  background: #0087be;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  white-space: nowrap; }

.billing-history-page .filter-popover-content th.transactions-header__count {
  text-align: right; }

.billing-history-page .filter-popover-content thead:first-of-type th:first-child {
  border-top-left-radius: 4px; }

.billing-history-page .filter-popover-content thead:first-of-type th:last-child {
  border-top-right-radius: 4px; }

.billing-history-page .filter-popover-content td {
  padding: 8px 10px;
  font-size: 13px;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  color: #0087be; }

.billing-history-page .filter-popover-content td.descriptor {
  font-weight: 400;
  font-size: 13px; }

.billing-history-page .filter-popover-content td.transactions-header__count {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: #777;
  color: rgba(0, 0, 0, 0.8); }

.billing-history-page .filter-popover-toggle {
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid transparent; }
  .billing-history-page .filter-popover-toggle:hover {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.05); }
  .billing-history-page .filter-popover-toggle:after {
    display: inline-block;
    content: '\f431';
    font-family: Noticons;
    color: #0087be;
    margin-left: 5px;
    position: relative;
    top: 2px; }

.billing-history-page .popped .filter-popover-toggle {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.billing-history-page .wp-overlay .overlay-content {
  background: white;
  width: 640px;
  max-width: 100%; }

.billing-history-page .wp-overlay .overlay-navigation {
  background: #2e4453;
  padding: 10px; }

.billing-history-page .wp-overlay .wp-content {
  background: white;
  padding: 0; }

.billing-history-page .wp-overlay .settings-done {
  margin-right: 10px; }

.billing-history-page .wp-overlay .current-site .site {
  padding-left: 20px; }
  @media (max-width: 480px) {
    .billing-history-page .wp-overlay .current-site .site {
      padding-left: 0; } }

.billing-history-page .wp-overlay .site-title,
.billing-history-page .wp-overlay .site-icon {
  display: none; }

.billing-history-page .wp-overlay .site-description {
  font-size: 20px;
  padding: 3px; }

.billing-history-page .view-receipt-wrapper {
  margin: 30px auto 0 auto;
  padding: 20px 0 0 0; }
  .billing-history-page .view-receipt-wrapper .app-overview {
    min-height: 65px;
    padding: 10px 40px;
    position: relative;
    overflow: auto; }
    @media (max-width: 480px) {
      .billing-history-page .view-receipt-wrapper .app-overview {
        padding: 10px 20px; } }
    .billing-history-page .view-receipt-wrapper .app-overview img {
      max-width: 65px;
      min-height: 65px;
      float: left; }
      @media (max-width: 480px) {
        .billing-history-page .view-receipt-wrapper .app-overview img {
          left: 20px; } }
    .billing-history-page .view-receipt-wrapper .app-overview h2 {
      clear: none;
      float: left;
      padding: 10px 20px; }
      @media (max-width: 480px) {
        .billing-history-page .view-receipt-wrapper .app-overview h2 {
          padding-top: 0; } }
      .billing-history-page .view-receipt-wrapper .app-overview h2 small {
        display: block; }
    .billing-history-page .view-receipt-wrapper .app-overview .transaction-date {
      color: #87a6bc;
      font-size: 13px;
      font-style: italic;
      padding: 5px 0 0 0; }
      @media (min-width: 481px) {
        .billing-history-page .view-receipt-wrapper .app-overview .transaction-date {
          position: absolute;
          top: 10px;
          right: 40px; } }
  .billing-history-page .view-receipt-wrapper ul {
    background: #f3f6f8;
    list-style: none;
    padding: 20px 40px;
    margin: 20px 0 0 0;
    overflow: auto; }
    @media (max-width: 480px) {
      .billing-history-page .view-receipt-wrapper ul {
        padding: 20px; } }
    .billing-history-page .view-receipt-wrapper ul li {
      color: #2e4453;
      font-size: 13px;
      margin: 0 0 15px 0;
      padding: 0; }
      .billing-history-page .view-receipt-wrapper ul li:last-child {
        margin: 0; }
      .billing-history-page .view-receipt-wrapper ul li strong {
        color: #4f748e;
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin: 0 5px 0 0;
        text-transform: uppercase; }
    .billing-history-page .view-receipt-wrapper ul li.billing-details div:hover {
      border: 2px black dashed; }
  .billing-history-page .view-receipt-wrapper .resend {
    padding: 0;
    margin-left: 0; }
  .billing-history-page .view-receipt-wrapper .receipt {
    padding: 30px 40px; }
    @media (max-width: 480px) {
      .billing-history-page .view-receipt-wrapper .receipt {
        padding: 30px 20px; } }
    .billing-history-page .view-receipt-wrapper .receipt h4 {
      font-size: 20px; }
    .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items {
      margin: 0;
      padding: 0;
      width: 100%; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items th {
        border-bottom: 2px solid #d9e3ea;
        color: #87a6bc;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        width: auto; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items th.receipt-desc {
        width: 75%;
        text-align: left; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items th.receipt-amount {
        text-align: right; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items td,
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items th {
        padding: 10px 0; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items td.receipt-amount {
        color: #444;
        text-align: right;
        vertical-align: middle; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items .receipt-item-name small {
        color: #87a6bc;
        font-size: 13px;
        margin-left: 5px;
        text-transform: lowercase; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items .receipt-item-name em {
        color: #87a6bc;
        display: block;
        font-size: 13px; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items tbody tr td {
        border-bottom: 1px solid #e9eff3; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items tbody tr:last-child td {
        border: none; }
      .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items tfoot {
        font-weight: 400;
        text-align: right;
        vertical-align: bottom; }
        .billing-history-page .view-receipt-wrapper .receipt .receipt-line-items tfoot td {
          border-top: 2px solid #d9e3ea;
          padding-bottom: 0; }
  .billing-history-page .view-receipt-wrapper .receipt-links {
    border-top: 1px solid #d9e3ea;
    margin: 0;
    overflow: auto;
    padding: 30px 40px; }
    @media (max-width: 480px) {
      .billing-history-page .view-receipt-wrapper .receipt-links {
        padding: 20px; } }
    .billing-history-page .view-receipt-wrapper .receipt-links .button {
      display: block;
      margin: 10px 0;
      padding: 15px;
      text-align: center; }
      @media (min-width: 481px) {
        .billing-history-page .view-receipt-wrapper .receipt-links .button {
          float: left;
          margin: 0 1%;
          width: 48%; } }

@media (max-width: 480px) {
  .billing-history-page thead {
    display: block; }
  .billing-history-page .transactions {
    display: block;
    max-width: 100%; }
    .billing-history-page .transactions thead {
      margin: 0 -16px; }
    .billing-history-page .transactions .transaction {
      display: inline-block;
      height: auto;
      padding: 1em; }
      .billing-history-page .transactions .transaction:first-of-type {
        border-top: none; }
    .billing-history-page .transactions .header-row {
      display: block;
      height: auto !important;
      padding: .5em 0; }
      .billing-history-page .transactions .header-row .date, .billing-history-page .transactions .header-row .trans-app {
        display: none; }
      .billing-history-page .transactions .header-row .search-field {
        display: block;
        padding-top: 0;
        width: 100%; }
      .billing-history-page .transactions .header-row .search-form {
        text-align: center; }
        .billing-history-page .transactions .header-row .search-form .search_terms {
          margin: 0;
          width: 80%; }
    .billing-history-page .transactions tbody td {
      display: inline-block;
      width: 100%;
      padding: 0 !important; }
      .billing-history-page .transactions tbody td.amount {
        text-align: left; }
      .billing-history-page .transactions tbody td.date {
        font-weight: 600; }
  .billing-history-page .view-receipt-wrapper .app-overview h2 small {
    display: block; }
  .billing-history-page .view-receipt-wrapper dl {
    padding: 0 30px; }
    .billing-history-page .view-receipt-wrapper dl dt {
      text-align: left;
      width: 50%; }
    .billing-history-page .view-receipt-wrapper dl dd {
      width: 50%; } }

@media print {
  #overlay-header,
  #primary,
  .receipt-links {
    display: none; }
  .billing-history-page .wp-overlay .overlay-content,
  .billing-history-page .wp-content {
    margin: 0 auto;
    max-width: none;
    width: 100%; } }

.domain-search-page-wrapper h2 {
  margin: 0 0 10px 0; }

@media (min-width: 661px) {
  .site-redirect-step .domain-product-price {
    float: right;
    margin-top: -5px; } }

@media (min-width: 661px) {
  .site-redirect-step__domain-description {
    float: left;
    margin-bottom: 20px; } }

.google-apps-dialog__users .google-apps-dialog__user-email {
  margin-bottom: 9px; }

/**
 * Menus: Mixins
 */
/**
 * Menus: Empty Content
 */
.manage-menus .empty-content {
  clear: both; }

/**
 * Menus: Placeholders
 */
.menus__pickers .placeholder-text,
.menus__menu-header .placeholder-text,
.menus__items .placeholder-text {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.menus__picker label .placeholder-text {
  font-size: 10px; }

.menus__picker-select-placeholder {
  display: block;
  padding: 23px 40px 10px 52px; }
  .menus__picker-select-placeholder .placeholder-text {
    font-size: 12px; }

/**
 * Menus: Pickers
 */
.menus__pickers {
  background-color: #e9eff3;
  background-size: cover;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3%;
  box-shadow: 0 -2px 0 #a8bece inset; }
  @media (max-width: 480px) {
    .menus__pickers {
      margin-top: -8px; } }

.menus__pickers-conjunction {
  float: left;
  height: 55px;
  font-size: 0.8em;
  line-height: 4.6;
  width: 10%;
  padding: 0;
  margin: 0;
  text-align: center; }
  @media (max-width: 480px) {
    .menus__pickers-conjunction {
      width: 100%;
      height: 30px;
      line-height: 2.3; } }

.menus__picker {
  width: 45%;
  float: left;
  position: relative;
  background: white;
  /* required for -moz-appearance below */ }
  @media (max-width: 480px) {
    .menus__picker {
      width: 100%; } }
  .menus__picker label,
  .menus__picker select {
    display: block;
    width: 100%;
    cursor: pointer; }
  .menus__picker label {
    pointer-events: none;
    /* click through :D */
    font-size: 0.8em;
    color: #87a6bc;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0px 30px 20px 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 20px); }
    .menus__picker label:before {
      position: absolute;
      left: 1px;
      top: 1px;
      color: #005082; }
    .menus__picker label:after {
      font-size: 22px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      position: absolute;
      top: 7px;
      right: 0;
      color: #0068ff; }
  .menus__picker.is-location label:before {
    font-size: 32px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }
  .menus__picker.is-menu label:before {
    font-size: 32px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }
  .menus__picker select {
    background: white;
    height: 55px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 20px 40px 5px 52px; }
    .menus__picker select::-ms-expand {
      display: none;
      /* Remove arrow in IE */ }

/**
 * Menu: Header
 */
.menus__menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 24px 8px 8px 16px; }
  @media (max-width: 480px) {
    .menus__menu-header {
      margin: 24px 8px 8px 16px; } }
  .menus__menu-header .menus__menu-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 0%;
    /* Firefox 35 and IE 10 fix */ }
  .menus__menu-header .menus__menu-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: auto; }

.menus__menu-name {
  font-size: 1.6em;
  font-weight: 200;
  float: left; }
  .menus__menu-name span.is-editable span {
    display: block;
    float: left;
    max-width: 90%;
    /* should be less to avoid a bug on touch + <a> tag that auto-closes the area, but ellipsis wouldn't work */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .menus__menu-name span.is-editable a {
    margin-left: 4px;
    cursor: pointer; }
    .menus__menu-name span.is-editable a:before {
      font-size: 16px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      color: #668eaa;
      vertical-align: baseline; }
  .menus__menu-name input.is-editable {
    margin: -20px -30px -20px 0;
    font-size: inherit;
    font-weight: inherit;
    width: calc(100% - 40px);
    margin-right: 40px; }

.menus__menu-actions {
  float: right; }
  .menus__menu-actions .button {
    margin-left: 0.7em; }
    .menus__menu-actions .button.noticon:before {
      line-height: 1.35;
      color: #2e4453;
      /* Reset noticon parts overridden by button */
      font-size: 16px;
      font-weight: 400; }

/**
 * Menu: List
 */
.menus__items {
  margin: 0;
  clear: both;
  list-style-type: none;
  background-color: #e9eff3; }
  .menus__items ul {
    padding: 0; }
    .menus__items ul.depth-0 {
      margin-left: 0; }

.menus__menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-bottom: 1px solid #e9eff3;
  border-left: 1px solid #e9eff3;
  padding: 17px 20px 16px 16px;
  font-size: 13px;
  cursor: default;
  position: relative;
  z-index: 2;
  /**
	 * Menu item is selected
	 */
  /**
	 * Menu 3-pronged lander areas
	 */
  /**
	 * Item target when dragging with mouse
	 */
  /**
	 * Hide drag 'ghost' image, because it makes the drop
	 * target hard to see
	 */
  /**
	 * Menu is Empty, show special add icon
	 */
  /**
	 * Item is to be deleted, pending user confirmation
	 */ }
  .menus__menu-item.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item .menu-item-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #2e4453;
    font-size: 13px;
    line-height: 1.5em;
    font-family: inherit;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .menus__menu-item .menu-item-name:before {
      font-size: 16px;
      margin-right: 12px;
      color: #0068ff;
      vertical-align: -2px; }
    .menus__menu-item .menu-item-name.noticon-placeholder:before {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      vertical-align: -4px;
      font-size: 19px; }
  .menus__menu-item .action-tray {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: right;
    margin-right: -8px;
    /* compensate buttons padding, more universal */
    -webkit-transition: background 200ms ease-in, color 50ms ease-in;
    transition: background 200ms ease-in, color 50ms ease-in;
    /* Buttons */ }
    .menus__menu-item .action-tray button {
      margin-left: 1em;
      margin-top: -8px;
      margin-bottom: -8px;
      font-size: inherit;
      line-height: 1.45; }
    .menus__menu-item .action-tray .menu-item-action {
      float: left;
      color: #668eaa;
      margin: -5px 0 -5px;
      padding: 8px 6px 8px;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: 500;
      vertical-align: top;
      cursor: pointer;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      border-radius: 100%;
      text-indent: -6666em;
      width: 22px;
      /* Fix: Firefox won't respect margins with text-indent on otherwise. */
      /* Icon Buttons */ }
      .menus__menu-item .action-tray .menu-item-action:before {
        content: "";
        color: #0068ff;
        float: left;
        font-size: 16px;
        text-indent: 0;
        width: 22px; }
      .menus__menu-item .action-tray .menu-item-action.edit:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.add:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.cog:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.advanced:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.cancel:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        font-size: 19px;
        margin-bottom: -3px;
        /* Sigh it's smaller... */ }
      .menus__menu-item .action-tray .menu-item-action.move {
        color: #0068ff;
        text-indent: 0;
        width: auto; }
        .menus__menu-item .action-tray .menu-item-action.move:hover {
          color: #78dcfa;
          border-radius: 0;
          background: transparent; }
        .menus__menu-item .action-tray .menu-item-action.move:before {
          content: none; }
      .menus__menu-item .action-tray .menu-item-action:hover, .menus__menu-item .action-tray .menu-item-action:focus {
        color: white;
        background: #0068ff; }
      .menus__menu-item .action-tray .menu-item-action:hover:before, .menus__menu-item .action-tray .menu-item-action:focus:before {
        color: white; }
  .menus__menu-item.is-selected {
    background: #0068ff;
    padding: 6px;
    border-bottom: 0;
    /* remove gap */ }
    .menus__menu-item.is-selected .noticon {
      color: white;
      padding: 14px 16px 5px 10px; }
    .menus__menu-item.is-selected input {
      width: calc(100% - 70px);
      padding: 12px 14px;
      border: 0;
      color: #005082;
      font-size: 14px; }
  .menus__menu-item.is-lander {
    background: #fafbfc;
    border-left: 1px solid #e9eff3;
    z-index: 1; }
    .menus__menu-item.is-lander:hover {
      background: #0068ff; }
    .menus__menu-item.is-lander:hover span,
    .menus__menu-item.is-lander:hover span:before {
      color: white; }
    .menus__menu-item.is-lander span {
      color: #005082;
      font-size: 1.1em;
      line-height: 1.5em;
      font-family: inherit; }
      .menus__menu-item.is-lander span:before {
        font-size: 16px;
        margin-right: 12px;
        color: #0068ff;
        vertical-align: -2px; }
  .menus__menu-item.is-dragdrop-target {
    background: #f3f6f8;
    border: 1px dashed #c8d7e1;
    margin-top: 10px;
    margin-bottom: 10px; }
    .menus__menu-item.is-dragdrop-target span {
      visibility: hidden; }
    .menus__menu-item.is-dragdrop-target .add,
    .menus__menu-item.is-dragdrop-target .edit {
      display: none; }
  .menus__menu-item:-webkit-drag {
    visibility: hidden; }
    .menus__menu-item:-webkit-drag div {
      display: none; }
  .menus__menu-item.is-empty {
    margin-left: calc(100% - 61px);
    padding-left: 13px; }
  .menus__menu-item.is-deleted {
    background: #f3f6f8; }
    .menus__menu-item.is-deleted .menu-item-name,
    .menus__menu-item.is-deleted .menu-item-name::before {
      color: #87a6bc; }
  .menus__menu-item.is-corrupt {
    border-left: 5px solid #f0b849; }

/**
 * Menu: add menu item label
 */
.menus__add-item-footer-label {
  float: right;
  padding: 10px 25px 2px 0;
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-animation: menus__fade-from-bottom 1.0s ease-in-out;
          animation: menus__fade-from-bottom 1.0s ease-in-out; }
  .menus__add-item-footer-label:after {
    content: "\2191";
    /* Up arrow */
    color: #0068ff;
    font-size: 16px;
    padding: 0 0 0 10px; }

/**
 * Menu: Edit Item & New Item views
 */
.menus__menu-item-open-container {
  background: #f3f6f8; }
  @media (max-width: 480px) {
    .menus__menu-item-open-container.is-panel-left .menu-item-options {
      display: none !important; }
    .menus__menu-item-open-container.is-panel-right .menu-item-options {
      width: auto !important;
      left: 0 !important;
      border: 0 !important; } }

.menus__menu-item-open {
  display: block;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-left: 1px solid #e9eff3; }
  .menus__menu-item-open.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item-open.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item-open.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item-open.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item-open.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item-open.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item-open.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item-open.depth-1 .editable-item-content {
    margin-left: -2rem; }
  .menus__menu-item-open.depth-2 .editable-item-content {
    margin-left: -4rem; }
  .menus__menu-item-open.depth-3 .editable-item-content {
    margin-left: -6rem; }
  .menus__menu-item-open.depth-4 .editable-item-content {
    margin-left: -8rem; }
  .menus__menu-item-open.depth-5 .editable-item-content {
    margin-left: -10rem; }
  .menus__menu-item-open.depth-6 .editable-item-content {
    margin-left: -12rem; }
  .menus__menu-item-open.depth-7 .editable-item-content {
    margin-left: -14rem; }
  .menus__menu-item-open:before {
    /* The top arrow */
    margin-top: -17px;
    margin-left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    z-index: 2; }
  .menus__menu-item-open .editable-item-content {
    background: white;
    border-top: 1px solid #e9eff3;
    border-bottom: 1px solid #e9eff3;
    /**
		 * General
		 */
    /**
		 * Menu Item Name
		 */
    /**
		* Menu Item Types
		*/
    /**
		 * A notice for unsupported item types
		 */ }
    .menus__menu-item-open .editable-item-content .separated {
      border-bottom: 1px solid #e9eff3; }
    .menus__menu-item-open .editable-item-content .separated:after {
      content: " ";
      display: block;
      height: 0;
      clear: both; }
    .menus__menu-item-open .editable-item-content input:not([type='radio']):not([type='checkbox']) {
      display: block;
      font-size: 14px;
      margin: -1px 0;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-name {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        padding: 9px 12px;
        display: block;
        line-height: 2.4;
        color: #87a6bc;
        font-size: 10px;
        text-transform: uppercase; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 75%;
        background: #f3f6f8; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
      list-style: none;
      margin: 0;
      position: relative;
      width: 136px; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types:hover {
        border-top-color: #f3f6f8;
        border-bottom-color: #f3f6f8; }
      @media (max-width: 480px) {
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
          width: 100%; } }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li {
        border: 0;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px solid #e9eff3;
        -webkit-transition: all 200ms ease-in-out, color 150ms ease-in-out;
        transition: all 200ms ease-in-out, color 150ms ease-in-out;
        /**
				 * Selected states
				 */ }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label {
          font-family: inherit;
          font-size: 14px;
          padding: 16px 12px;
          color: #2e4453;
          line-height: 1.3;
          display: block;
          text-align: left;
          margin-bottom: -1px;
          font-weight: 400;
          -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
          transition: all 250ms ease-in-out, color 150ms ease-in-out;
          cursor: pointer;
          -webkit-font-smoothing: inherit;
          /* Fix the noticon change */
          -moz-osx-font-smoothing: inherit;
          /* Fix the noticon change */ }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:before {
            color: #c8d7e1;
            font-size: 16px;
            margin-right: 8px;
            vertical-align: -3px;
            -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
            transition: all 250ms ease-in-out, color 150ms ease-in-out; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover {
            color: #0068ff; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover:before {
              color: #0068ff; }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
          border-top-color: #e9eff3;
          border-bottom-color: #e9eff3;
          border-right-color: white;
          color: #2e4453; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
              border-top: 1px solid transparent;
              border-bottom: 1px solid transparent; } }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:first-child {
            border-top-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:last-child {
            border-bottom-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label {
            color: #0068ff; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label:before {
              color: #0068ff; }
    .menus__menu-item-open .editable-item-content .menus__types-and-options-container {
      position: relative; }
      .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 75%;
        background: white;
        font-size: 14px;
        padding: 10px 13px;
        overflow: hidden;
        overflow-y: auto; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container {
          margin: 10px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag {
            display: inline-block;
            padding: 0 3px;
            background-color: #c8d7e1;
            color: white;
            font-size: 10px;
            border-radius: 3px;
            margin-left: 5px;
            text-transform: uppercase;
            vertical-align: middle;
            letter-spacing: 0.02em; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag:first-of-type {
              margin-left: 0; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
          display: none;
          -webkit-transition: 200ms all ease-in;
          transition: 200ms all ease-in; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a {
            display: block;
            font-family: inherit;
            font-size: 14px;
            color: #375163;
            text-align: left;
            line-height: 1.3;
            background: white;
            padding: 16px 12px 15px;
            margin: -10px -13px 10px;
            border-bottom: 1px solid #e9eff3;
            -webkit-font-smoothing: inherit; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a:before {
              color: #78dcfa;
              font-size: 16px;
              margin-right: 8px;
              vertical-align: -3px; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
              display: block; } }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-label {
          float: none;
          width: auto;
          border: 0;
          display: block;
          padding: 0 0 10px 0;
          color: #87a6bc;
          font-size: 11px;
          font-weight: 600;
          text-transform: uppercase; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-address {
          margin-bottom: 1rem; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input[type='checkbox'] + label {
          margin-left: 4px;
          color: #2e4453; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li {
          padding: 2px 0; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label {
            margin-left: 4px;
            -webkit-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            color: #2e4453; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label:hover {
              color: #0068ff; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options form > label {
          cursor: pointer; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input:not([type='radio']):not([type='checkbox']) {
          width: 95%; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content {
          color: #87a6bc; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content a {
            color: #87a6bc;
            text-decoration: underline; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container {
          position: relative; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .gridicon {
            position: absolute;
            left: 0;
            padding: 9px 8px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .search-box {
            right: 0;
            width: 100%;
            height: 35px;
            margin-bottom: 1rem;
            padding: 5px 5px 5px 30px;
            background: white;
            -webkit-appearance: none; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar {
          width: 9px;
          height: 9px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:start:decrement, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:end:increment {
          display: block;
          height: 0;
          background-color: transparent; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-track-piece {
          background-color: transparent;
          -webkit-border-radius: 0;
          -webkit-border-bottom-right-radius: 8px;
          -webkit-border-bottom-left-radius: 8px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:vertical, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:horizontal {
          background-color: #c8d7e1;
          -webkit-border-radius: 8px;
          border: 1px solid white; }
    .menus__menu-item-open .editable-item-content .unsupported-notice {
      padding: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice h1 {
        color: #2e4453;
        font-size: 16px;
        margin-bottom: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p, .menus__menu-item-open .editable-item-content .unsupported-notice small {
        color: #87a6bc; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p {
        font-size: 14px;
        margin-bottom: 0; }

/**
 * Menu: Item Action Buttons
 */
.menus__menu-item-actions {
  clear: both;
  padding: 0.5em;
  border-top: 1px solid #e9eff3;
  text-align: right; }
  .menus__menu-item-actions .button {
    margin-left: 0.5em; }
    .menus__menu-item-actions .button.noticon {
      font-family: inherit;
      -webkit-font-smoothing: inherit;
      color: #6f7a88; }
      .menus__menu-item-actions .button.noticon:hover {
        color: #324155; }
      .menus__menu-item-actions .button.noticon:before {
        font-size: 16px;
        vertical-align: -3px;
        margin: 0px -3px -1px; }

/**
 * Menu: animations, pure CSS fade-ins
 */
@-webkit-keyframes menus__fade-from-bottom {
  0% {
    opacity: 0.0; }
  20% {
    opacity: 0.0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  70% {
    opacity: 1.0; }
  100% {
    opacity: 1.0;
    -webkit-transform: none;
            transform: none; } }
@keyframes menus__fade-from-bottom {
  0% {
    opacity: 0.0; }
  20% {
    opacity: 0.0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  70% {
    opacity: 1.0; }
  100% {
    opacity: 1.0;
    -webkit-transform: none;
            transform: none; } }

/**
 * Menu: animations, ReactCSSTransitionGroup
 */
.menus__droptarget-slidevertical-enter,
.menus__droptarget-slidevertical-leave {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* Turns acceleration on if possible */ }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active, .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-leave-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-enter-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    /* Fix for Safari / Safari Mobile: the transition doesn't work unless it's on the *-active
		 * Reference:
		 *    https://github.com/facebook/react/issues/2227
		 *    https://github.com/facebook/react/issues/2104
		 */
    -webkit-transition: margin 200ms ease-out, opacity 200ms ease-out;
    transition: margin 200ms ease-out, opacity 200ms ease-out; }
  .menus__droptarget-slidevertical-enter.is-lander span,
  .menus__droptarget-slidevertical-leave.is-lander span {
    opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-lander:hover,
  .menus__droptarget-slidevertical-leave.is-lander:hover {
    background: inherit;
    color: inherit; }

.menus__droptarget-slidevertical-enter {
  margin-top: -55px;
  opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-position-before {
    margin-top: 0;
    margin-bottom: -55px; }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active {
    margin-top: 0;
    opacity: 1.0; }
    .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active.is-position-before {
      margin-bottom: 0; }

.menus__droptarget-slidevertical-leave {
  margin-top: 0;
  opacity: 1.0; }
  .menus__droptarget-slidevertical-leave.is-position-before {
    margin-bottom: 0; }
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    margin-top: -55px;
    opacity: 0.0; }
    .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active.is-position-before {
      margin-top: 0;
      margin-bottom: -55px; }

.nestable-weather .menus__menu-item.depth-1 {
  padding: 10px;
  border: 1px solid #E9EFF3 !important;
  margin-bottom: 5px;
  padding-right: 25px;
  cursor: pointer;
  margin-left: 0 !important; }

.nestable-weather .form-fieldset {
  margin-bottom: 0; }

.nestable-weather .menus__menu-item.depth-1:before {
  content: '\f50f';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: 5px;
  text-align: center;
  font-family: "Noticons"; }

/**
 * Menus: Empty Content
 */
.label_error_color {
  color: red; }

/**
 * The keyboard shortcuts menu
 */
.dialog.keyboard-shortcuts .keyboard-shortcuts__title {
  margin: 0;
  text-align: center;
  line-height: 1em; }

.keyboard-shortcuts__categories {
  list-style: none;
  margin: 0;
  max-width: 620px;
  color: #2e4453; }

.keyboard-shortcuts__category {
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
  float: left; }

.keyboard-shortcuts__category-disabled {
  color: #87a6bc; }

.keyboard-shortcuts__site-navigation {
  float: right; }

.keyboard-shortcuts__category h3 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 88px; }

.keyboard-shortcuts__list {
  list-style: none;
  margin: 0;
  font-size: 12px; }

.keyboard-shortcuts__list li {
  clear: left;
  margin-bottom: 8px; }

.keyboard-shortcuts__keys {
  width: 80px;
  float: left;
  text-align: right; }

.keyboard-shortcuts__key {
  background-color: white;
  border: solid 1px #87a6bc;
  padding: 0 5px;
  min-width: 8px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 1px #87a6bc;
  display: inline-block;
  margin-right: 3px; }

.keyboard-shortcuts__description {
  margin-left: 8px;
  display: inline-block; }

.plugins .toolbar-bulk__toggle {
  color: #0087be;
  margin: -49px 40px 0 0;
  z-index: 21; }
  @media (min-width: 661px) {
    .plugins .toolbar-bulk__toggle {
      margin: -39px 84px 0 0; } }
  .plugins .toolbar-bulk__toggle:hover {
    color: #33bbe3; }

.plugin__page .plugin-icon {
  margin-bottom: 20px; }

.plugin__page.is-wpcom .plugin-icon {
  margin-bottom: 0; }

.section-group-title {
  margin-bottom: 5px;
  font-size: 13px;
  text-transform: uppercase; }
  .plugin__information + .section-group-title,
  .card.is-compact + .section-group-title, .is-compact.editor-drawer-well__placeholder + .section-group-title {
    margin-top: 32px; }

.toolbar-bulk.is-all-sites {
  margin-bottom: 20px; }

.plugins__list-header {
  background: white;
  color: #2e4453;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  padding: 14px 24px;
  text-transform: uppercase; }

#translator-launcher {
  position: fixed;
  bottom: 45px;
  right: 20px;
  border-radius: 27px;
  background: #0087be;
  padding: 4px;
  font-size: 16px;
  z-index: 99; }
  #translator-launcher a {
    color: white;
    text-decoration: none;
    outline: 0; }
    #translator-launcher a .noticon {
      font-size: 32px;
      width: 32px; }
    #translator-launcher a .text {
      float: right;
      width: 0;
      overflow: hidden;
      height: 32px;
      line-height: 32px;
      white-space: nowrap; }
    #translator-launcher a:hover .text {
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      width: auto;
      margin-right: 6px;
      padding: 0 2px; }
  #translator-launcher.active {
    background: white; }
    #translator-launcher.active a {
      color: #0087be; }

body .webui-popover {
  border-radius: 2px;
  padding: 0;
  text-align: inherit;
  border-color: #c8d7e1;
  z-index: 100300; }
  body .webui-popover .webui-popover-title {
    background-color: #c8d7e1;
    border-color: #e9eff3;
    border-radius: 1px 1px 0 0; }
  body .webui-popover.top .arrow, body .webui-popover.top-right .arrow, body .webui-popover.top-left .arrow {
    border-top-color: #c8d7e1; }
  body .webui-popover.right .arrow, body .webui-popover.right-top .arrow, body .webui-popover.right-bottom .arrow {
    border-right-color: #c8d7e1; }
  body .webui-popover.left .arrow, body .webui-popover.left-top .arrow, body .webui-popover.left-bottom .arrow {
    border-left-color: #c8d7e1; }
  body .webui-popover.bottom .arrow, body .webui-popover.bottom-right .arrow, body .webui-popover.bottom-left .arrow {
    border-bottom-color: #c8d7e1; }
    body .webui-popover.bottom .arrow:after, body .webui-popover.bottom-right .arrow:after, body .webui-popover.bottom-left .arrow:after {
      border-bottom-color: #c8d7e1; }

.translator-modal {
  max-width: 400px; }

.devdocs,
.design-assets {
  font-size: 18px;
  line-height: 1.618;
  color: #2e4453;
  margin: 0 auto;
  max-width: 960px;
  padding: 1.777em 8.184em; }
  @media (max-width: 960px) {
    .devdocs,
    .design-assets {
      padding: 24px;
      max-width: 100%; } }

.is-section-devdocs-start .wp-primary {
  margin-left: 0; }

.devdocs__title {
  color: #4f748e;
  font-weight: 300;
  font-size: 24px;
  padding: 24px; }

.devdocs__result.card, .devdocs__result.editor-drawer-well__placeholder {
  padding: 16px 0; }

.devdocs__result-header {
  overflow: hidden;
  padding: 0 18px; }

.devdocs__result-title {
  clear: none;
  float: left; }

.devdocs__result-link {
  font-size: 18px; }

.devdocs__result-path {
  font-size: 0.8em;
  clear: none;
  color: #87a6bc;
  float: right;
  margin: 8px 0 0; }

.devdocs__result-snippet {
  margin: 0;
  margin-top: 10px;
  border-top: 1px solid #c8d7e1;
  padding: 9px 18px;
  font-size: 0.69333em;
  background-color: white; }
  .devdocs__result-snippet p {
    margin-bottom: 0; }

.devdocs__doc h1, .devdocs__doc h2, .devdocs__doc h3, .devdocs__doc h4, .devdocs__doc h5, .devdocs__doc h6 {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.6em; }

.devdocs__doc h1 {
  color: #0087be;
  font-size: 47px;
  line-height: 1.333; }

.devdocs__doc h2 {
  font-size: 1.777em; }

.devdocs__doc pre {
  padding: 0.8em;
  background: white;
  background-color: white; }

.devdocs__doc code {
  font-size: 0.86667em;
  background-color: white;
  padding: 0.2em;
  border-radius: 3px; }

.devdocs__doc pre > code {
  background-color: rgba(255, 255, 255, 0); }

.devdocs__doc .emoji {
  height: 18px; }

.devdocs__doc .label {
  font-weight: bold;
  font-size: 12px;
  padding: 1px 5px 2px 5px;
  border-radius: 2px; }
  .devdocs__doc .label.status-awaiting-fixes {
    background: #ea652d;
    color: white; }
  .devdocs__doc .label.status-needs-review {
    background: #fbc92f; }
  .devdocs__doc .label.status-ready-to-merge {
    background: #d6fa82; }
  .devdocs__doc .label.status-in-progress {
    background: #2880e2;
    color: white; }

.devdocs__doc-header {
  font-size: 13px; }
  .devdocs__doc-header a {
    float: right; }

.devdocs__doc-content {
  margin-top: 48px; }

.design-assets__toggle {
  float: right; }

.design-assets__group {
  color: #2e4453; }

.design-assets__group > .gridicon:hover,
.design-assets__group > .social-logo:hover {
  fill: #87a6bc;
  cursor: pointer; }

.design-assets__button-row:first-child {
  margin-top: -16px; }

.design-assets__button-row .button {
  margin-top: 16px !important;
  margin-right: 16px !important; }

.devdocs__welcome {
  color: #2e4453; }

.devdocs__welcome-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px; }

.devdocs__welcome-illustration {
  float: right;
  margin-top: -120px; }

.NuxWelcome {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none; }
  .NuxWelcome:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%);
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .NuxWelcome:after {
    font-size: 22px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 22px;
    margin-left: -11px;
    margin-top: 24px;
    color: #87a6bc;
    padding: 0 8px;
    background-color: #e9eff3;
    visibility: visible; }
  .NuxWelcome .close-button {
    padding: 6px; }

.NuxWelcomeMessage__title {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.NuxWelcomeMessage__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .NuxWelcomeMessage__primary-content p {
    margin-bottom: 20px; }
  .NuxWelcomeMessage__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }
  .NuxWelcomeMessage__primary-content img {
    display: none; }
    @media only screen and (max-width: 930px) {
      .NuxWelcomeMessage__primary-content img {
        max-height: 106px; } }

.NuxWelcomeMessage__intro a {
  color: #0068ff;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: -webkit-linear-gradient(top, transparent 50%, #0068ff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #0068ff 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.NuxWelcomeMessage__label {
  color: #2e4453;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.NuxWelcomeMessage__list {
  list-style-position: inside;
  margin-left: 0; }
  .NuxWelcomeMessage__list li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px; }

@media (min-width: 661px) {
  .NuxWelcome {
    padding: 12px 0 0; }
    .NuxWelcome .close-button:before, .NuxWelcome .close-button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0; }
    .NuxWelcome .close-button:before {
      width: 108px;
      height: 1px;
      background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%);
      background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%); }
    .NuxWelcome .close-button:after {
      width: 1px;
      height: 108px;
      background: -webkit-linear-gradient(top, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%);
      background: linear-gradient(to bottom, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%); }
    .notouch .NuxWelcome .close-button:before, .notouch .NuxWelcome .close-button:after {
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .notouch .NuxWelcome .close-button:before {
      -webkit-transform-origin: right;
              transform-origin: right; }
    .notouch .NuxWelcome .close-button:after {
      -webkit-transform-origin: top;
              transform-origin: top; }
    .notouch .NuxWelcome .close-button:hover:before {
      -webkit-transform: scaleX(1.4);
              transform: scaleX(1.4); }
    .notouch .NuxWelcome .close-button:hover:after {
      -webkit-transform: scaleY(1.4);
              transform: scaleY(1.4); }
  .NuxWelcomeMessage__title {
    clear: none; }
  .NuxWelcomeMessage__primary-content {
    margin-bottom: 0; }
    .NuxWelcomeMessage__primary-content .button {
      display: inline-block;
      width: auto;
      padding: 7px 24px;
      margin-right: 24px; }
    .NuxWelcomeMessage__primary-content img {
      display: block;
      float: right;
      width: 22.08333%;
      margin: 6px 48px 24px 12px; } }

.layout {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .is-previewing .layout {
    -webkit-filter: blur(3px);
    opacity: 0.2; }

.layout__content {
  position: relative;
  margin: 0;
  padding: 79px 32px 32px 304px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .layout__content:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .has-no-sidebar .layout__content {
    padding-left: 32px; }
  .is-section-theme .layout__content {
    padding: 0;
    margin: 0; }
  @media print {
    .layout__content {
      padding: 0; } }

@media (max-width: 960px) {
  .layout__content {
    padding: 71px 24px 24px 252px; }
    .has-no-sidebar .layout__content {
      padding-left: 24px; }
    .is-section-theme .layout__content {
      padding: 0;
      margin: 0; } }

@media (max-width: 660px) {
  .layout__content {
    margin-left: 0;
    padding: 0;
    padding-top: 47px; }
    .has-no-sidebar .layout__content {
      padding-left: 0; } }

.layout__primary {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.layout__content a {
  text-decoration: none; }

.layout .sidebar, .layout .post-editor__sidebar,
.layout .layout__secondary .site-selector,
.layout .current-site,
.layout .sidebar__menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }

@media print {
  .layout .sidebar, .layout .post-editor__sidebar,
  .layout .masterbar {
    display: none; } }

.layout.focus-sites .layout__primary {
  opacity: 0.2;
  pointer-events: none; }

.layout.focus-sites .layout__secondary .site-selector {
  opacity: 1;
  -webkit-transform: translateX(272px);
          transform: translateX(272px);
  pointer-events: auto; }
  @media (max-width: 660px) {
    .layout.focus-sites .layout__secondary .site-selector {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); } }

.layout.focus-sites .sidebar, .layout.focus-sites .post-editor__sidebar {
  pointer-events: none; }

.layout.focus-sites .current-site,
.layout.focus-sites .sidebar__menu {
  opacity: 0;
  -webkit-transform: translateX(64px);
          transform: translateX(64px); }

.layout.focus-sidebar {
  overflow: hidden; }

.layout__secondary .site-selector {
  background: #e9eff3;
  border-right: 1px solid #d9e3ea;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: -272px;
  width: 272px;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  pointer-events: none; }
  .layout__secondary .site-selector .search {
    border-bottom: 1px solid #c8d7e1; }
  .layout__secondary .site-selector .site .site__title::after,
  .layout__secondary .site-selector .site .site__domain::after,
  .layout__secondary .site-selector .all-sites .site__title::after,
  .layout__secondary .site-selector .all-sites .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
    background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (max-width: 660px) {
    .layout__secondary .site-selector {
      width: 100%;
      left: -100%;
      -webkit-overflow-scrolling: touch; } }
  .layout__secondary .site-selector .site-selector__recent {
    border-bottom-color: #c8d7e1; }

.layout__loader {
  border-bottom: 1px solid #0079aa;
  height: 46px;
  margin-left: -10%;
  position: absolute;
  left: 50%;
  top: 0;
  width: 20%;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
  @media (max-width: 480px) {
    .layout__loader {
      background: #0087be; } }

.layout__loader.is-active {
  visibility: visible;
  opacity: 1; }

.forgot-username-form__title {
  font-size: 20px;
  font-weight: 600; }

.forgot-username-form__first-name-input.form-text-input,
.forgot-username-form__last-name-input.form-text-input,
.forgot-username-form__site-url-input.form-text-input {
  margin-top: 4px;
  margin-bottom: 8px; }

.forgot-username-form__submit-button.button {
  margin-top: 16px;
  width: 100%; }

.forgot-username-form__error-message {
  margin-bottom: 4px;
  color: #d94f4f; }

.lost-password-form__title {
  font-size: 20px;
  font-weight: 600; }

.lost-password-form__user-login-input.form-text-input {
  margin-top: 4px; }

.lost-password-form__instruction-list {
  margin: 8px 0px 8px 16px; }

.lost-password-form__forgot-username-link {
  padding: 8px 0px;
  display: inline-block; }

.lost-password-form__submit-button {
  width: 100%; }

.lost-password-form__error-message {
  color: #d94f4f;
  margin-bottom: 4px; }

.reset-password-form__title {
  font-size: 20px;
  font-weight: 600; }

.reset-password-form__submit-button.button {
  margin-top: 16px;
  width: 100%; }

.reset-password-form__legend {
  padding-bottom: 5px; }

.reset-password-form .reset-password-form__field-set {
  margin-bottom: 0px; }

.reset-password-form__error-message {
  margin-bottom: 4px;
  color: #d94f4f; }

.reset-password-sms-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px; }

.form-text-input.reset-password-sms-form__validation-code-input {
  margin-bottom: 16px; }

.reset-password-sms-form__no-sms-link {
  padding: 8px 0px;
  display: inline-block; }

.reset-password-sms-form__submit-button {
  width: 100%; }

.reset-password-email-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px; }

.reset-password-confirm-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px; }

.form-button.reset-password-confirm-form__button {
  width: 100%;
  margin: 8px 0; }

.reset-password-confirm-form__description {
  margin: 4px 0; }

.form-button.reset-password-confirm-form__button.generate-password-button {
  line-height: 16px; }

.transaction-id-form__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px; }

.transaction-id-form__transaction-id-input.form-text-input {
  margin-top: 4px;
  margin-bottom: 8px; }

.transaction-id-form__continue-button.button {
  margin-top: 16px; }
  @media (min-width: 481px) {
    .transaction-id-form__continue-button.button {
      margin-right: 8px; } }

.transaction-id-form__skip-button.button {
  margin-top: 16px; }

.transaction-id-form__continue-button.button,
.transaction-id-form__skip-button.button {
  width: 100%; }
  @media (min-width: 481px) {
    .transaction-id-form__continue-button.button,
    .transaction-id-form__skip-button.button {
      width: calc( 50% - 4px); } }

.is-section-account-recovery .main {
  padding: 21px 10px;
  max-width: 480px;
  font-size: 13px; }
  @media (min-width: 661px) {
    .is-section-account-recovery .main {
      padding: 0px 10px; } }

/**
 * Oauth login page, used in WordPress Desktop App
 */
.is-section-auth {
  height: 100%; }
  .is-section-auth .layout__content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: none;
    padding: 0; }
  .is-section-auth .layout__content::after {
    content: none; }
  .is-section-auth .layout__primary {
    height: 100%; }
  .is-section-auth .masterbar {
    display: none; }

.auth.main {
  background: #0087be;
  float: none;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  max-width: 100%; }

.auth__content {
  margin: 0 auto;
  text-align: center; }
  .auth__content .notice {
    width: calc( 100% - 20px);
    margin: 20px auto 0 auto; }
  .auth__content .notice.is-info {
    color: #f3f6f8;
    padding: 0;
    margin: 20px auto 0 auto; }
  .auth__content .notice.is-info .notice__text {
    padding: 0; }
  .auth__content .notice.is-info .notice__icon {
    display: none; }

.auth__form {
  width: 320px;
  margin: 0 auto; }
  .auth__form .form-fieldset input {
    position: relative;
    z-index: 1; }
  .auth__form .form-fieldset input[type="text"],
  .auth__form .form-fieldset input[type="password"] {
    padding-left: 36px; }
  .auth__form .form-fieldset input:focus {
    z-index: 2; }
  .auth__form .form-password-input {
    margin-top: -1px; }
  .auth__form .form-buttons-bar button {
    float: none;
    margin: 0;
    width: calc( 100% - 20px); }
  .auth__form .form-buttons-bar button,
  .auth__form .form-buttons-bar .button.is-primary[disabled],
  .auth__form .form-buttons-bar .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled]
  .auth__form .form-buttons-bar .is-primary.editor-drawer-well__button {
    background: #00a8db;
    border: #00a8db; }
  .auth__form .form-buttons-bar .button.is-primary[disabled], .auth__form .form-buttons-bar .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled] .auth__form .form-buttons-bar .is-primary.editor-drawer-well__button,
  .auth__form .form-fieldset input[type="password"]:disabled,
  .auth__form .form-fieldset input[type="text"]:disabled {
    opacity: .5; }
  .auth__form .form-fieldset input[type="text"]:disabled {
    margin-bottom: 1px; }
  .auth__form .form-fieldset input[type="number"] {
    text-align: center; }
  .auth__form .form-password-input__toggle-visibility {
    z-index: 4; }
    .auth__form .form-password-input__toggle-visibility .gridicon {
      position: static; }
  .auth__form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.auth__input-wrapper {
  position: relative; }
  .auth__input-wrapper .gridicon {
    position: absolute;
    z-index: 3;
    left: 8px;
    top: 7px;
    fill: #87a6bc; }

.auth__lost-password {
  margin-top: 1.5em;
  text-align: center; }

.auth__lost-password a {
  color: #c8d7e1; }

.wordpress-logo {
  fill: white;
  margin: 0 auto 20px auto; }

.auth__help,
.auth__help:visited {
  position: absolute;
  top: 16px;
  right: 16px;
  color: white; }

.auth__links {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0; }

.auth__links a {
  text-decoration: none;
  color: white;
  margin: 0 16px;
  padding: 10px 0; }

.auth__links a:hover,
.auth__links a:focus {
  color: #f3f6f8; }

.auth__self-hosted-instructions {
  color: #fff;
  background: #005082;
  border-radius: 8px;
  padding: 40px;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 320px;
  max-width: 60%;
  max-height: 80%;
  overflow: auto;
  text-align: left;
  counter-reset: item; }
  @media (max-width: 480px) {
    .auth__self-hosted-instructions {
      left: 0;
      top: -8px;
      right: 0;
      bottom: -8px;
      min-width: 0;
      min-height: 0;
      max-width: none;
      max-height: none;
      overflow: auto;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      border-radius: 0; } }
  .auth__self-hosted-instructions ol {
    list-style: none;
    position: relative; }
  .auth__self-hosted-instructions ol li {
    counter-increment: item;
    margin-bottom: 1.5em; }
  .auth__self-hosted-instructions ol li:before {
    margin-right: 2em;
    content: counter(item);
    background: white;
    border-radius: 100%;
    color: #005082;
    width: 24px;
    height: 24px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: -3em;
    font-weight: bold; }
  .auth__self-hosted-instructions h2 {
    font-weight: bold;
    margin-bottom: 1.5em; }
  .auth__self-hosted-instructions a {
    color: #78dcfa;
    text-decoration: underline; }
  .auth__self-hosted-instructions .auth__self-hosted-instructions-close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
    color: white; }
  .auth__self-hosted-instructions .auth__self-hosted-instructions-close:hover {
    color: #78dcfa; }

.auth__welcome {
  color: white; }

.auth__connect-intro {
  width: 420px;
  margin: 0 auto; }

.auth__connect .button,
.auth__connect .button:visited {
  background: #00a8db;
  border: #00a8db;
  color: white; }

.auth .pulsing-dot {
  top: 40%; }

.wp-login.main {
  max-width: 400px; }

.wp-login__header {
  color: #668eaa;
  font-size: 16px;
  margin-bottom: 16px;
  text-align: center; }

.wp-login__footer {
  text-align: center; }
  .wp-login__footer a {
    border-bottom: 1px solid #c8d7e1;
    color: #87a6bc;
    display: block;
    font-weight: 500;
    line-height: 4em;
    text-decoration: none; }
  .wp-login__footer a:last-of-type {
    border-bottom: none; }

.app-promo {
  position: relative;
  max-width: 300px;
  margin: 0 auto 15px auto;
  padding: 5px 0;
  overflow: hidden; }
  @media (max-width: 660px) {
    .app-promo {
      display: none; } }

.app-promo .app-promo__icon {
  position: absolute;
  top: 15px;
  left: 20px; }

.app-promo .app-promo__dismiss {
  position: absolute;
  right: 17px;
  top: 12px;
  cursor: pointer; }
  .app-promo .app-promo__dismiss svg {
    fill: #c8d7e1; }

.app-promo .app-promo__link {
  display: block;
  margin: 0 10px;
  padding: 8px 34px 8px 50px;
  background-color: white;
  color: #0068ff;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .app-promo .app-promo__link:hover {
    text-decoration: underline; }

.author-compact-profile {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .author-compact-profile .reader-avatar {
    margin-bottom: 18px; }
  .author-compact-profile .gravatar,
  .author-compact-profile .site-icon {
    margin: auto; }
  .author-compact-profile .follow-button {
    border: 0;
    border-radius: 0;
    padding: 0; }
    .author-compact-profile .follow-button .gridicon__follow {
      fill: #0068ff; }
    .author-compact-profile .follow-button .follow-button__label {
      color: #0068ff; }
      @media (max-width: 660px) {
        .author-compact-profile .follow-button .follow-button__label {
          display: inline-block; } }
    .author-compact-profile .follow-button.is-following .follow-button__label {
      color: #4ab866; }
    .author-compact-profile .follow-button.is-following:hover .gridicon__follow {
      fill: #4ab866; }
    .author-compact-profile .follow-button.is-following:hover .follow-button__label {
      color: #4ab866; }
  .author-compact-profile.has-author-link .author-compact-profile__site-link {
    font-weight: inherit;
    margin-top: 4px; }

.author-compact-profile .reader-author-link,
.author-compact-profile__site-link,
.author-compact-profile__follow {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0068ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .author-compact-profile .reader-author-link:hover,
  .author-compact-profile__site-link:hover,
  .author-compact-profile__follow:hover {
    color: #537994; }

.author-compact-profile .reader-author-link,
.author-compact-profile__site-link {
  font-weight: 600; }

.author-compact-profile__follow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 11px 0; }
  .author-compact-profile__follow .follow-button {
    padding: 5px; }

.author-compact-profile__follow-count {
  color: #87a6bc;
  padding: 5px; }

.author-compact-profile__site-link.is-placeholder,
.author-compact-profile__follow-count.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .author-compact-profile__site-link.is-placeholder:after,
  .author-compact-profile__follow-count.is-placeholder:after {
    content: '\00a0'; }

@media (min-width: 661px) {
  .author-compact-profile__site-link.is-placeholder {
    margin-left: 50px;
    margin-right: 50px; } }

.author-compact-profile__follow-count.is-placeholder {
  padding: 0; }

.author-selector__author-toggle {
  cursor: pointer; }
  .author-selector__author-toggle .gridicon {
    display: inline;
    vertical-align: middle;
    color: #668eaa; }
  .author-selector__author-toggle.is-open .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .author-selector__author-toggle:hover .gridicon,
  .author-selector__author-toggle:hover .editor-author__name, .author-selector__author-toggle.is-open .gridicon,
  .author-selector__author-toggle.is-open .editor-author__name {
    color: #3d596d; }

.author-selector__author-toggle .editor-author__name {
  margin: 0 3px 0 8px; }

.author-selector__infinite-list {
  max-height: 280px;
  overflow-y: auto;
  padding: 4px 0;
  width: 200px;
  max-width: 200px;
  white-space: nowrap; }

.author-selector__menu-item {
  width: 100%; }
  .author-selector__menu-item .user {
    overflow: hidden;
    text-overflow: ellipsis; }
  .author-selector__menu-item .user__name {
    font-size: 13px; }

.author-selector__popover.popover {
  z-index: 100; }

.author-selector__popover .search {
  border-top: 0px;
  border-bottom: 1px solid #e9eff3;
  border-radius: 5px;
  margin-bottom: 0; }
  .author-selector__popover .search.is-open {
    width: 200px; }
  .author-selector__popover .search + .author-selector__infinite-list {
    padding-top: 0; }

.author-selector__no-users {
  padding: 8px 16px;
  line-height: 26px;
  width: 168px;
  font-size: 14px;
  font-style: italic;
  color: #87a6bc; }

.calendar-button .async-load {
  display: none; }

.calendar-popover__popover .popover__inner {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }

.comment-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  padding: 4px;
  position: relative; }
  .comment-button:hover, .comment-button:focus, .comment-button:active {
    color: #0068ff; }
  .comment-button .comment-button__label-count {
    margin-right: 4px; }
  @media (max-width: 480px) {
    .comment-button .comment-button__label-status {
      display: none; } }

.comment-button__label {
  font-size: 14px;
  margin-left: 4px; }

.comment-button__icon {
  position: relative;
  top: 1px; }

.comments__comment-list {
  border-top: 1px solid #c8d7e1;
  clear: both;
  margin: 36px 0 0;
  padding-top: 11px; }
  .comments__comment-list .segmented-control {
    margin: 20px; }

.comments__count {
  text-align: center;
  color: #87a6bc;
  float: right; }

.comments__form {
  position: relative;
  padding: 0 0 0 48px;
  margin-top: 24px; }
  .comments__form .gravatar {
    position: absolute;
    top: 0;
    left: 8px;
    border-radius: 48px; }
  .comments__form input {
    font-size: 14px;
    padding: 5px 10px; }
  .comments__form .expanding-area {
    position: relative; }
    .comments__form .expanding-area pre,
    .comments__form .expanding-area textarea {
      max-height: 400px;
      min-height: 33px;
      margin: 0;
      padding: 5px 60px 5px 5px;
      font-size: 14px;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      line-height: 21px;
      white-space: pre-wrap;
      word-wrap: break-word; }
    .comments__form .expanding-area textarea {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      resize: none; }
    .comments__form .expanding-area pre {
      border: 1px solid #87a6bc;
      box-sizing: border-box;
      display: block;
      visibility: hidden; }
    .comments__form .expanding-area.focused {
      min-height: 70px; }
  .comments__form button {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a8bece;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .comments__form button.is-active {
      color: #0068ff;
      cursor: pointer; }
    .comments__form button.is-visible {
      opacity: 1; }
  .comments__form button:focus {
    outline: dotted 1px #0068ff;
    color: #0087be; }
  .comments__form .comments__cancel-reply {
    font-size: 12px;
    cursor: pointer; }

.comments__form-closed {
  color: #87a6bc;
  margin-top: 20px;
  margin-bottom: -3px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  border-top: 1px solid #e9eff3;
  padding-top: 22px;
  font-size: 14px; }

.comments__list {
  list-style: none;
  margin: 0; }
  .comments__list.is-root {
    margin-top: 0; }
  .comments__list.is-children {
    margin-left: -2px;
    border-left: 2px solid #a8bece; }
    .comments__list.is-children .comments__comment-author .gravatar {
      left: -15px; }
  .comments__list .comments__form {
    margin-top: 10px; }

.comments__edit-form {
  position: relative;
  padding: 0;
  margin-top: 5px; }
  .comments__edit-form input {
    font-size: 14px;
    padding: 5px 10px; }
  .comments__edit-form .expanding-area {
    position: relative; }
    .comments__edit-form .expanding-area pre,
    .comments__edit-form .expanding-area textarea {
      max-height: 400px;
      min-height: 33px;
      margin: 0;
      padding: 5px 60px 5px 5px;
      font-size: 14px;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      line-height: 21px;
      white-space: pre-wrap;
      word-wrap: break-word; }
    .comments__edit-form .expanding-area textarea {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      resize: none; }
    .comments__edit-form .expanding-area pre {
      border: 1px solid #87a6bc;
      box-sizing: border-box;
      display: block;
      visibility: hidden; }
    .comments__edit-form .expanding-area.focused {
      min-height: 70px; }
  .comments__edit-form button {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a8bece;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .comments__edit-form button.is-active {
      color: #0068ff;
      cursor: pointer; }
    .comments__edit-form button.is-visible {
      opacity: 1; }
  .comments__edit-form button:focus {
    outline: dotted 1px #0068ff;
    color: #0087be; }
  .comments__edit-form .comments__cancel-reply {
    font-size: 12px;
    cursor: pointer; }

.comments__comment {
  padding: 6px 0 0;
  margin: 24px 0 0;
  position: relative; }
  .comments__comment.depth-0, .comments__comment.depth-1, .comments__comment.depth-2 {
    padding-left: 48px;
    margin-top: 12px; }
    .comments__comment.depth-0 > .comments__comment-author .gravatar, .comments__comment.depth-1 > .comments__comment-author .gravatar, .comments__comment.depth-2 > .comments__comment-author .gravatar {
      left: 8px; }
  .comments__comment.depth-2 .comments__view-replies-btn {
    margin-left: -40px; }
  .comments__comment.is-child {
    background: transparent; }
  .comments__comment.is-error {
    padding: 0; }
    .comments__comment.is-error .notice {
      margin-top: 10px; }

.comments__comment-author {
  font-weight: 600;
  color: #3d596d; }
  .comments__comment-author .gravatar {
    position: absolute;
    top: 14px;
    left: -41px;
    border-radius: 48px; }
    @media (max-width: 480px) {
      .comments__comment-author .gravatar {
        top: 12px; } }

.comments__comment-trackbackicon {
  position: absolute;
  top: 12px;
  left: 8px;
  border-radius: 50%;
  background-color: #f3f6f8;
  width: 32px;
  height: 32px; }
  .comments__comment-trackbackicon .gridicon {
    height: 24px;
    fill: #a8bece;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px; }

.comments__comment-username {
  font-size: 15px;
  color: #3d596d; }

a.comments__comment-username {
  color: #0068ff; }
  a.comments__comment-username:hover {
    color: #78dcfa; }

.comments__comment-timestamp {
  margin-top: -8px; }
  @media (max-width: 480px) {
    .comments__comment-timestamp {
      margin-top: -4px; } }

.comments__comment-timestamp a {
  font-weight: normal;
  font-size: 13px;
  color: #a8bece;
  text-decoration: none; }
  .comments__comment-timestamp a:hover {
    color: #33bbe3; }

.comments__comment-moderation {
  color: #87a6bc;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 12px; }

.comments__comment-content {
  padding-top: 4px;
  font-size: 15px;
  line-height: 1.8;
  word-break: break-word; }
  .comments__comment-content p {
    color: #3d596d; }
    .comments__comment-content p:last-child {
      margin-bottom: 0; }
  .comments__comment-content blockquote {
    padding: 8px 16px;
    margin: 8px 0 16px;
    border-left: 2px solid #87a6bc;
    color: #3d596d;
    background: #e9eff3; }

.comments__comment-actions {
  list-style: none;
  margin-left: -4px;
  color: #87a6bc;
  font-size: 14px; }
  .comments__comment-actions button {
    display: inline-block;
    color: #87a6bc;
    padding: 4px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 14px; }
    .comments__comment-actions button .gridicon {
      position: relative;
      top: 4px;
      margin-right: 4px; }
    .comments__comment-actions button .like-button__like-icons {
      margin-right: 18px; }
    .comments__comment-actions button.comments__comment-actions-reply .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .comments__comment-actions button.like-button .gridicon {
      position: absolute; }
    .comments__comment-actions button:hover {
      color: #0068ff; }
    .comments__comment-actions button.comments__comment-actions-cancel-reply {
      float: right;
      margin-top: 4px;
      margin-right: 0; }
  .comments__comment-actions .comments__comment-actions-approve,
  .comments__comment-actions .comments__comment-actions-trash,
  .comments__comment-actions .comments__comment-actions-spam,
  .comments__comment-actions .comments__comment-actions-edit {
    display: none; }
  @media (min-width: 661px) {
    .comments__comment-actions .comments__comment-actions-approve,
    .comments__comment-actions .comments__comment-actions-trash,
    .comments__comment-actions .comments__comment-actions-spam,
    .comments__comment-actions .comments__comment-actions-edit {
      display: inline; }
    .comments__comment-actions .ellipsis-menu {
      display: none; } }
  @media (max-width: 480px) {
    .comments__comment-actions .like-button .like-button__label-status {
      display: inline; } }

.comments__comment-actions-approve .gridicon .gridicon-checkmark, .comments__comment-actions-approve.is-approved {
  color: #f0821e; }

.comments__comment-actions-moderation-tools {
  display: inline-block; }

.comments__info-bar {
  margin: 0 24px -24px 0;
  overflow: auto; }
  .comments__info-bar.is-no-comments {
    display: none; }

.comments__view-earlier {
  color: #87a6bc;
  cursor: pointer;
  display: block !important;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 15px !important; }
  .comments__view-earlier:hover {
    color: #78dcfa; }

.comments__view-replies-btn {
  cursor: pointer;
  background-color: #f3f6f8;
  width: 100%;
  color: #668eaa;
  text-align: left;
  margin-top: 15px;
  padding: 5px 10px 10px 12px; }
  .comments__view-replies-btn .gridicon {
    position: relative;
    top: 4px;
    margin-right: 4px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.comments__comment-count {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin: 8px 0 17px; }

.comments__comment-count-phrase {
  text-transform: uppercase; }

.daily-post-button {
  margin-top: 20px;
  display: inline-block; }
  .daily-post-button .daily-post-button__button {
    text-transform: capitalize; }
    .daily-post-button .daily-post-button__button .gridicon {
      margin-right: 5px; }

.disconnect-jetpack-dialog.dialog.card, .disconnect-jetpack-dialog.dialog.editor-drawer-well__placeholder {
  text-align: center;
  max-width: 400px; }

.disconnect-jetpack-dialog .dialog__content {
  color: #4f748e; }
  .disconnect-jetpack-dialog .dialog__content h1 {
    color: #2e4453;
    font-size: 24px;
    font-weight: 300;
    height: 2em;
    line-height: 32px;
    margin-top: .5em;
    margin-bottom: .5em; }

.disconnect-jetpack-dialog__highlight {
  color: #668eaa;
  margin-bottom: 1.5em;
  font-size: 16px; }

.disconnect-jetpack-dialog__feature {
  padding: 14px 24px 14px 44px;
  text-align: left;
  font-size: 13px;
  border-bottom: 1px solid #d9e3ea; }
  .disconnect-jetpack-dialog__feature:first-of-type {
    border-top: 1px solid #d9e3ea; }
  .disconnect-jetpack-dialog__feature .gridicon {
    float: left;
    width: 18px;
    height: 18px;
    margin-left: -28px; }

.disconnect-jetpack-dialog__button-wrap {
  margin-top: 32px;
  margin-bottom: 16px; }
  .disconnect-jetpack-dialog__button-wrap .button {
    margin: 0 4px; }

.disconnect-jetpack-dialog__more-info-link {
  font-size: 13px; }

.disconnect-jetpack-dialog__dialog__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }
  .disconnect-jetpack-dialog__dialog__action-buttons .button {
    margin-left: 10px;
    min-width: 80px; }
    .disconnect-jetpack-dialog__dialog__action-buttons .button .is-left-aligned {
      float: left;
      margin-left: 0;
      margin-right: 10px; }

.dismissible-card__close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #87a6bc;
  cursor: pointer; }

.domain-to-plan-nudge {
  margin-top: 9px; }
  @media (min-width: 661px) {
    .domain-to-plan-nudge {
      margin-top: 17px; } }

.edit-gravatar__image-container {
  display: inline-block;
  position: relative; }
  .edit-gravatar__image-container.is-uploading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(46, 68, 83, 0.5);
    border-radius: 50%;
    height: 150px;
    width: 150px; }

.edit-gravatar__image-container .gravatar.is-missing {
  display: block;
  width: 150px;
  height: 150px; }

.edit-gravatar__spinner,
.edit-gravatar__spinner.is-fallback.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.edit-gravatar-modal.dialog.card, .edit-gravatar-modal.dialog.editor-drawer-well__placeholder {
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .edit-gravatar-modal.dialog.card, .edit-gravatar-modal.dialog.editor-drawer-well__placeholder {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .edit-gravatar-modal.dialog.card, .edit-gravatar-modal.dialog.editor-drawer-well__placeholder {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.edit-gravatar-modal .dialog__content {
  height: 100%; }

.edit-gravatar__label-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(46, 68, 83, 0.5);
  color: #fff;
  text-align: center; }
  .edit-gravatar__label-container .gridicon {
    display: block;
    margin: 2em auto 0; }

.edit-gravatar__label {
  display: inline-block;
  line-height: 1.2em;
  padding: 0 1em; }

.edit-gravatar .spinner__border {
  fill: rgba(46, 68, 83, 0.5); }

.follow-button:focus,
button.follow-button:focus {
  box-shadow: none; }

.follow-button .gridicon__follow,
button.follow-button .gridicon__follow {
  opacity: 1;
  pointer-events: auto; }

.follow-button .gridicon__following,
button.follow-button .gridicon__following {
  display: none;
  pointer-events: auto; }

.follow-button::-moz-focus-inner,
button.follow-button::-moz-focus-inner {
  border: 0; }

.follow-button:hover,
button.follow-button:hover {
  color: #0068ff; }
  .follow-button:hover .gridicon__follow,
  button.follow-button:hover .gridicon__follow {
    fill: #0068ff; }

@media (max-width: 660px) {
  .follow-button,
  button.follow-button {
    padding: 7px 8px 9px 14px; } }

.follow-button .gridicon,
button.follow-button .gridicon {
  height: 18px;
  padding-right: 4px;
  top: 5px;
  width: 18px; }

.follow-button .gridicon__following,
button.follow-button .gridicon__following {
  opacity: 0;
  pointer-events: none; }

.follow-button .gridicon__unfollow .gridicon__follow,
button.follow-button .gridicon__unfollow .gridicon__follow {
  opacity: 0;
  pointer-events: none; }

.follow-button .gridicon__unfollow .gridicon__following,
button.follow-button .gridicon__unfollow .gridicon__following {
  opacity: 1;
  pointer-events: auto; }

.follow-button.is-following,
button.follow-button.is-following {
  color: #4ab866; }
  .follow-button.is-following .gridicon,
  button.follow-button.is-following .gridicon {
    fill: #4ab866; }
  .follow-button.is-following .gridicon__follow,
  button.follow-button.is-following .gridicon__follow {
    display: none;
    pointer-events: none; }
  .follow-button.is-following .gridicon__following,
  button.follow-button.is-following .gridicon__following {
    display: inline-block;
    opacity: 1;
    pointer-events: auto; }
  .follow-button.is-following:hover,
  button.follow-button.is-following:hover {
    color: #4ab866; }
    .follow-button.is-following:hover .gridicon,
    button.follow-button.is-following:hover .gridicon {
      fill: #4ab866; }

.follow-button.is-disabled,
button.follow-button.is-disabled {
  color: #c8d7e1;
  border-color: #c8d7e1;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .follow-button.is-disabled .gridicon,
  button.follow-button.is-disabled .gridicon {
    fill: #c8d7e1; }
  .follow-button.is-disabled:hover,
  button.follow-button.is-disabled:hover {
    color: #c8d7e1;
    cursor: default; }
    .follow-button.is-disabled:hover .gridicon,
    button.follow-button.is-disabled:hover .gridicon {
      fill: #c8d7e1; }
  .follow-button.is-disabled:active,
  button.follow-button.is-disabled:active {
    border-width: 1px 1px 2px; }

@media (max-width: 660px) {
  .follow-button__label {
    display: none; } }

.eligibility-warnings {
  margin-top: 16px;
  font-size: 14px; }

.eligibility-warnings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .eligibility-warnings__placeholder:after {
    content: '\00a0'; }
  .eligibility-warnings__placeholder .section-header__label-text,
  .eligibility-warnings__placeholder .eligibility-warnings__message {
    color: #f3f6f8;
    background-color: #f3f6f8; }
  .eligibility-warnings__placeholder .eligibility-warnings__message {
    height: 24px; }
  .eligibility-warnings__placeholder .eligibility-warnings__hold .gridicon {
    color: #f3f6f8; }
  .eligibility-warnings__placeholder .button,
  .eligibility-warnings__placeholder .eligibility-warnings__confirm-box {
    display: none; }

.eligibility-warnings .card, .eligibility-warnings .editor-drawer-well__placeholder {
  margin: 0; }

.eligibility-warnings .banner {
  margin-bottom: 16px; }
  .eligibility-warnings .banner .banner__icon-circle {
    line-height: 32px;
    padding: 4px; }

.eligibility-warnings__hold,
.eligibility-warnings__warning,
.eligibility-warnings__confirm-box.card,
.eligibility-warnings__confirm-box.editor-drawer-well__placeholder {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.eligibility-warnings__hold,
.eligibility-warnings__warning {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  margin-bottom: 16px; }
  .eligibility-warnings__hold:last-child,
  .eligibility-warnings__warning:last-child {
    margin-bottom: 0; }

.eligibility-warnings__hold .gridicon,
.eligibility-warnings__warning > .gridicon {
  color: #d94f4f;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.eligibility-warnings__message {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 24px;
  padding: 0 16px; }
  .eligibility-warnings__message .eligibility-warnings__message-title {
    font-weight: 600; }
  .eligibility-warnings__message .eligibility-warnings__message-description {
    color: #537994; }

.eligibility-warnings__action a .gridicons-help-outline {
  color: #87a6bc; }

.eligibility-warnings__action a:hover .gridicons-help-outline {
  color: #0087be; }

.eligibility-warnings__no-conflicts.card, .eligibility-warnings__no-conflicts.editor-drawer-well__placeholder {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .eligibility-warnings__no-conflicts.card .gridicon, .eligibility-warnings__no-conflicts.editor-drawer-well__placeholder .gridicon {
    color: #537994;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .eligibility-warnings__no-conflicts.card span, .eligibility-warnings__no-conflicts.editor-drawer-well__placeholder span {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 16px; }

.eligibility-warnings__confirm-box {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .eligibility-warnings__confirm-box .eligibility-warnings__confirm-text {
    color: #537994;
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-style: italic;
    padding: 8px 0; }
  .eligibility-warnings__confirm-box .button {
    margin-left: 16px; }

.image-editor {
  position: relative;
  width: 100%;
  height: 100%; }

.image-editor__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #151e25; }

.image-editor__toolbar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 60px;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center; }

.image-editor__toolbar-button {
  background: rgba(255, 255, 255, 0);
  border: none;
  color: white;
  margin: 0 10px;
  cursor: pointer; }

.image-editor__toolbar-button .gridicon {
  display: block;
  margin: 0 auto; }

.image-editor__toolbar-button:hover {
  color: #87a6bc; }

.image-editor__canvas-container {
  -webkit-box-flex: 10;
  -webkit-flex: 10;
      -ms-flex: 10;
          flex: 10;
  position: relative;
  width: 100%;
  height: 80%;
  overflow: hidden; }

.image-editor__canvas {
  position: absolute;
  top: 50%;
  left: 50%; }
  .image-editor__canvas.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #3d596d;
    color: transparent; }
    .image-editor__canvas.is-placeholder:after {
      content: '\00a0'; }

.image-editor__crop {
  position: absolute;
  border: 1px solid white;
  cursor: move; }

.image-editor__crop-background {
  position: absolute;
  background: #151e25;
  opacity: 0.5; }

.image-editor__crop-handle {
  position: absolute;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 50%;
  border: 2px solid white;
  background: #151e25; }
  .image-editor__crop-handle:before {
    border-radius: 100%;
    content: ' ';
    display: block;
    height: 24px;
    margin: -8px auto auto -8px;
    width: 24px; }

.image-editor__crop-handle-nesw {
  cursor: nesw-resize; }

.image-editor__crop-handle-nwse {
  cursor: nwse-resize; }

.image-editor__buttons {
  border-top: 1px solid #2e4453;
  padding: 16px;
  text-align: right; }

.image-editor__buttons-button.button {
  margin-left: 10px; }

.like-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  color: #87a6bc;
  position: relative;
  box-sizing: border-box; }
  .like-button .gridicon {
    position: absolute;
    left: 0; }
  .like-button .gridicons-star {
    opacity: 0;
    pointer-events: none;
    fill: #f0821e;
    -webkit-transform: scale(4) rotate(90deg);
            transform: scale(4) rotate(90deg); }
  .like-button.is-animated .gridicons-star {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button.is-animated .gridicons-star-outline {
    -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button:hover {
    cursor: pointer;
    color: #0068ff; }
  .like-button.is-liked {
    color: #537994; }
    .like-button.is-liked .gridicons-star {
      opacity: 1;
      fill: #f0821e;
      pointer-events: auto;
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); }
    .like-button.is-liked .gridicons-star-outline {
      opacity: 0;
      pointer-events: none;
      fill: #f0821e;
      -webkit-transform: translateX(-10px) rotate(1deg) scale(0.3);
              transform: translateX(-10px) rotate(1deg) scale(0.3); }
    .like-button.is-liked .like-button__label {
      color: #f0821e; }
  .like-button.has-count.has-label .like-button__label-status:before {
    content: ' '; }
  @media (max-width: 480px) {
    .like-button .like-button__label-status {
      display: none; } }

.like-button__like-icons {
  height: 24px;
  width: 24px; }

.like-button__label {
  margin-left: 1px;
  font-size: 14px;
  min-width: 10px; }

.card.nps-survey, .nps-survey.editor-drawer-well__placeholder {
  margin: 0;
  padding: 0; }

.dialog__content .card.nps-survey, .dialog__content .nps-survey.editor-drawer-well__placeholder {
  box-shadow: unset; }

.nps-survey__question {
  padding: 16px; }
  @media (min-width: 481px) {
    .nps-survey__question {
      padding: 24px; } }

.nps-survey__buttons {
  padding: 16px 16px 7px;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
  -webkit-transition: -webkit-transform .1s ease-in;
  transition: -webkit-transform .1s ease-in;
  transition: transform .1s ease-in;
  transition: transform .1s ease-in, -webkit-transform .1s ease-in; }

.button.nps-survey__finish-button,
.button.nps-survey__not-answer-button,
.button.nps-survey__dismiss-button {
  display: block;
  margin: 0 auto;
  min-width: 170px; }

.button.nps-survey__finish-button {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in; }

.nps-survey.is-recommendation-selected .nps-survey__buttons {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.nps-survey.is-recommendation-selected .button.nps-survey__finish-button {
  opacity: 1;
  visibility: visible; }

.nps-survey__recommendation-select-wrapper {
  background-color: #f3f6f8;
  border-top: 1px solid #c8d7e1;
  border-bottom: 1px solid #c8d7e1;
  padding: 16px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .nps-survey__recommendation-select-wrapper {
      padding: 16px; } }

.nps-survey__recommendation-select {
  box-sizing: border-box;
  display: inline-block; }

.nps-survey__scale-labels,
.nps-survey__recommendation-option {
  padding: 0 3px;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .nps-survey__scale-labels,
    .nps-survey__recommendation-option {
      padding: 0 6px; } }

.nps-survey__scale-labels {
  color: #537994;
  text-align: left; }

.nps-survey__very-likely-label {
  float: right; }

.nps-survey__recommendation-option {
  display: inline-block; }

.nps-survey__recommendation-option.is-selected {
  color: #0057d6;
  font-weight: bold; }

.nps-survey__recommendation-option input[type=radio] {
  margin: 0 2px; }

.nps-survey__recommendation-option input[type=radio] + span {
  clear: both;
  margin-left: 0;
  text-align: center; }

.plan-storage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.plan-storage__bar {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 12px;
  width: 100%; }

.plan-storage__storage-label,
.plan-storage__storage-link {
  font-size: 11px;
  line-height: 1;
  margin-top: 6px; }

.plan-storage__storage-label {
  color: #2e4453;
  font-weight: 500; }

.plan-storage__storage-link {
  margin-left: 12px;
  text-decoration: none; }

.plan-storage__bar .progress-bar__progress {
  background-color: #4ab866; }

.plan-storage__bar.is-warn .progress-bar__progress {
  background-color: #f0b849; }

.plan-storage__bar.is-alert .progress-bar__progress {
  background-color: #d94f4f; }

.card.login__form, .login__form.editor-drawer-well__placeholder {
  margin-bottom: 0; }

.login__form-userdata label {
  display: block;
  line-height: 2em;
  font-weight: 500;
  padding-bottom: 8px; }

.login__form-action {
  margin-top: 10px; }
  .login__form-action button {
    width: 100%; }

.login__form-header-title {
  font-size: 22px;
  margin-bottom: 16px;
  text-align: center; }

.login__form-remember-me {
  margin: 5px 0 15px; }
  .login__form-remember-me input {
    margin-right: 10px; }

.plan-thank-you-card .thank-you-card__main-icon {
  margin-bottom: 8px; }

.plan-thank-you-card.is-free-plan .thank-you-card {
  background-color: #0053cc; }

.plan-thank-you-card.is-free-plan .thank-you-card .thank-you-card__header {
  background-color: #0068ff; }

.plan-thank-you-card.is-free-plan .thank-you-card__name.is-placeholder {
  background-color: #cce1ff; }

.plan-thank-you-card.is-free-plan .thank-you-card__price {
  color: #cce1ff; }
  .plan-thank-you-card.is-free-plan .thank-you-card__price.is-placeholder {
    background-color: #cce1ff; }

.plan-thank-you-card.is-free-plan .thank-you-card__button,
.plan-thank-you-card.is-free-plan .thank-you-card__button:visited {
  color: #002a66;
  border-color: #003e99; }
  .plan-thank-you-card.is-free-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-free-plan .thank-you-card__button:visited.is-placeholder {
    background-color: #cce1ff; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:hover {
  border-color: #002a66;
  color: #0053cc; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:focus {
  color: #0053cc; }

.plan-thank-you-card.is-free-plan .thank-you-card__button:active {
  color: #002a66; }

.plan-thank-you-card.is-personal-plan .thank-you-card {
  background-color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card .thank-you-card__header {
  background-color: #f0b849; }

.plan-thank-you-card.is-personal-plan .thank-you-card__name.is-placeholder {
  background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__price {
  color: white; }
  .plan-thank-you-card.is-personal-plan .thank-you-card__price.is-placeholder {
    background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button,
.plan-thank-you-card.is-personal-plan .thank-you-card__button:visited {
  color: #94660c;
  border-color: #c38710; }
  .plan-thank-you-card.is-personal-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-personal-plan .thank-you-card__button:visited.is-placeholder {
    background-color: white; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:hover {
  border-color: #94660c;
  color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:focus {
  color: #eca61a; }

.plan-thank-you-card.is-personal-plan .thank-you-card__button:active {
  color: #94660c; }

.plan-thank-you-card.is-personal-plan .thank-you-card__header .plan-icon .plan-icon__personal-0 {
  fill: #eca61a; }

.plan-thank-you-card.is-premium-plan .thank-you-card__header .plan-icon .plan-icon__premium-0 {
  fill: #3a9551; }

.plan-thank-you-card.is-business-plan .thank-you-card {
  background-color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card .thank-you-card__header {
  background-color: #855DA6; }

.plan-thank-you-card.is-business-plan .thank-you-card__name.is-placeholder {
  background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__price {
  color: #e8e1ee; }
  .plan-thank-you-card.is-business-plan .thank-you-card__price.is-placeholder {
    background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__button,
.plan-thank-you-card.is-business-plan .thank-you-card__button:visited {
  color: #362644;
  border-color: #513865; }
  .plan-thank-you-card.is-business-plan .thank-you-card__button.is-placeholder,
  .plan-thank-you-card.is-business-plan .thank-you-card__button:visited.is-placeholder {
    background-color: #e8e1ee; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:hover {
  border-color: #362644;
  color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:focus {
  color: #6b4a86; }

.plan-thank-you-card.is-business-plan .thank-you-card__button:active {
  color: #362644; }

.plan-thank-you-card.is-business-plan .thank-you-card__header .plan-icon .plan-icon__business-0 {
  fill: #6b4a86; }

.post-actions {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
  margin: 10px 0; }
  .post-actions .post-actions__item {
    margin-right: 13px; }
    .post-actions .post-actions__item.post-actions__relative-time {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 20px; }
    .post-actions .post-actions__item a, .post-actions .post-actions__item.post-actions__relative-time {
      color: #537994; }
      .post-actions .post-actions__item a:hover, .post-actions .post-actions__item.post-actions__relative-time:hover {
        color: #0068ff; }
    .post-actions .post-actions__item:last-child {
      margin-right: 10px; }
    .post-actions .post-actions__item .comment-button,
    .post-actions .post-actions__item .like-button {
      padding: 0; }

.post-edit-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  padding: 4px;
  position: relative; }
  .post-edit-button:hover, .post-edit-button:focus, .post-edit-button:active {
    color: #0068ff; }
  @media (max-width: 480px) {
    .post-edit-button .post-edit-button__label {
      display: none; } }

.post-edit-button__label {
  font-size: 14px;
  margin-left: 4px; }
  @media (max-width: 480px) {
    .post-edit-button__label {
      display: none; } }

.post-edit-button__icon {
  position: relative;
  top: 1px; }

.card.post-item, .post-item.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.post-item__detail {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-right: auto; }
  .post-item__detail::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 40px;
    height: auto;
    right: 0; }

.post-item__title-meta {
  padding: 6px 0; }

.post-item__title {
  margin-bottom: 2px;
  font-weight: 700;
  white-space: nowrap; }

a.post-item__title-link {
  color: #2e4453; }
  a.post-item__title-link:hover {
    color: #4f748e; }
  .post-item.is-untitled a.post-item__title-link {
    color: #87a6bc;
    font-style: italic; }
  .post-item.is-placeholder a.post-item__title-link {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .post-item.is-placeholder a.post-item__title-link:after {
      content: '\00a0'; }

.post-item__meta {
  font-size: 12px;
  color: #537994; }

.post-item__meta .post-relative-time,
.post-item__meta .post-status,
.post-item__meta .post-type-post-author {
  float: left;
  margin-right: 12px; }

.post-item__meta .post-relative-time,
.post-item__meta .post-status {
  margin-bottom: 0; }

.post-item__meta .post-relative-time__icon,
.post-item__meta .post-status__icon {
  width: 14px;
  height: 14px;
  margin-top: -1px;
  margin-right: 6px; }

.post-item.is-mini.card.is-compact, .post-item.is-mini.is-compact.editor-drawer-well__placeholder {
  padding: 8px 16px; }
  .post-item.is-mini.card.is-compact .post-item__meta, .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-item__meta {
    display: none; }
  .post-item.is-mini.card.is-compact .post-item__title, .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-item__title {
    display: inline;
    font-size: 13px;
    margin: 0; }
  .post-item.is-mini.card.is-compact .post-actions-ellipsis-menu, .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-actions-ellipsis-menu {
    margin: 0; }

.post-likes {
  font-size: 13px; }
  .post-likes .post-likes__item {
    display: inline-block;
    margin: 2px 8px 2px 0;
    vertical-align: top; }
    .post-likes .post-likes__item .gravatar {
      display: block; }
  .post-likes .post-likes__placeholder {
    vertical-align: top;
    margin-top: 6px;
    line-height: 14px;
    border-radius: 12px;
    display: inline-block;
    border: solid 1px #87a6bc;
    color: #537994;
    padding: 1px 6px;
    font-weight: 600;
    font-size: 11px; }

.post-relative-time.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .post-relative-time.is-placeholder:after {
    content: '\00a0'; }

.post-relative-time,
.post-relative-time__icon,
.post-relative-time__text {
  display: inline-block; }

.post-relative-time__icon {
  margin-right: 8px; }

.post-relative-time__icon,
.post-relative-time__text {
  vertical-align: middle; }

.post-relative-time__text {
  line-height: 1; }
  .post-relative-time__text::first-letter {
    text-transform: capitalize; }

.post-status,
.post-status__icon,
.post-status__text {
  display: inline-block; }

.post-status__icon,
.post-status__text {
  vertical-align: middle; }

.post-status__icon {
  margin-right: 8px; }

.post-status__text {
  line-height: 1; }

.post-status.is-pending {
  color: #f0b849; }

.reader-author-link {
  color: #87a6bc; }

.reader-author-link:hover,
.reader-author-link:active {
  color: #0068ff; }

.reader-author-link:focus {
  color: #87a6bc; }

.reader-avatar {
  margin: 0 auto;
  max-height: 105px; }
  .reader-avatar.is-compact {
    max-height: 32px; }

.reader-avatar.has-site-and-author-icon .site-icon {
  height: 96px;
  width: 96px; }
  .reader-avatar.has-site-and-author-icon .site-icon .gridicon {
    height: 96px;
    width: 96px; }

.reader-avatar.has-site-and-author-icon .gravatar {
  border: 2px solid white;
  height: 80px;
  position: relative;
  left: 30px;
  top: -75px;
  width: 80px;
  background-color: white; }

.reader-avatar.is-compact.has-gravatar {
  min-width: 32px;
  min-height: 32px; }

.reader-avatar.is-compact.has-site-and-author-icon .site-icon {
  height: 32px;
  width: 32px; }
  .reader-avatar.is-compact.has-site-and-author-icon .site-icon .gridicon {
    height: 32px;
    width: 32px; }

.reader-avatar.is-compact.has-site-and-author-icon .gravatar {
  height: 24px;
  left: 12px;
  top: -22px;
  width: 24px; }

/* Header */
.reader-combined-card__header {
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 32px;
  margin-bottom: 20px; }

.reader-avatar.has-site-icon {
  margin-right: 12px; }

.reader-combined-card__header-details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 32px; }

.reader-combined-card__site-link {
  line-height: 1em;
  margin-bottom: 0;
  top: 0;
  color: #0068ff; }
  .reader-combined-card__site-link:hover {
    color: #78dcfa; }

.reader-combined-card__header-post-count {
  color: #87a6bc;
  margin-bottom: 0;
  line-height: 1em;
  margin-top: 4px; }

/* Posts */
.reader-combined-card__post-details {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  width: 100%; }
  @media (max-width: 960px) {
    .reader-combined-card__post-details {
      width: calc( 100% - 100px); } }
  @media (max-width: 660px) {
    .reader-combined-card__post-details {
      width: calc( 100% - 75px); } }

.reader-combined-card__post-title-link,
.reader-combined-card__post-title-link:visited {
  color: #2e4453;
  cursor: pointer;
  display: block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: -2px;
  max-height: 22.4px;
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
  white-space: nowrap; }
  .reader-combined-card__post-title-link:hover, .reader-combined-card__post-title-link:focus,
  .reader-combined-card__post-title-link:visited:hover,
  .reader-combined-card__post-title-link:visited:focus {
    color: #2e4453; }
  .reader-combined-card__post-title-link::after,
  .reader-combined-card__post-title-link:visited::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto;
    height: 22.4px; }

.reader-combined-card__post.has-featured-asset .reader-combined-card__featured-asset-wrapper {
  min-width: 64px;
  margin-right: 15px; }
  @media (min-width: 661px) {
    .reader-combined-card__post.has-featured-asset .reader-combined-card__featured-asset-wrapper {
      min-width: 100px; } }

@media (min-width: 661px) {
  .reader-combined-card__featured-asset-wrapper {
    min-width: 100px;
    margin-right: 15px; } }

.reader-combined-card .reader-featured-image {
  display: block;
  height: 64px; }

.reader-combined-card__post-list {
  margin-left: 0;
  margin-bottom: 18px;
  width: 100%; }

.reader-combined-card__post {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px;
  position: relative; }
  .reader-combined-card__post.is-selected::before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: 2px;
    left: -8px;
    width: 2px;
    background: #0087be; }
    @media (min-width: 661px) {
      .reader-combined-card__post.is-selected::before {
        left: -16px; } }
  .reader-combined-card__post.is-placeholder .reader-combined-card__featured-asset-wrapper,
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-title,
  .reader-combined-card__post.is-placeholder .reader-excerpt,
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder,
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .reader-combined-card__post.is-placeholder .reader-combined-card__featured-asset-wrapper:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__post-title:after,
    .reader-combined-card__post.is-placeholder .reader-excerpt:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder:after,
    .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp:after {
      content: '\00a0'; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-title {
    height: 1.1em; }
  .reader-combined-card__post.is-placeholder .reader-excerpt {
    height: 1em;
    margin-top: 0.5em; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder,
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    height: 1em;
    margin-top: 0.4em; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__visit-link-placeholder {
    width: 50px;
    margin-right: 30px; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__timestamp {
    width: 130px; }
  .reader-combined-card__post.is-placeholder .reader-combined-card__post-author-and-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .reader-combined-card__post:last-of-type {
    margin-bottom: 18px; }

.reader-combined-card__post-author-and-time {
  font-size: 13px;
  color: #87a6bc;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  overflow: hidden;
  max-height: 18.2px;
  word-wrap: break-word;
  position: relative;
  margin-top: 3px; }
  .reader-combined-card__post-author-and-time:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.reader-combined-card .reader-visit-link {
  margin-left: -9px;
  margin-right: 26px; }
  .reader-combined-card .reader-visit-link .reader-visit-link__label {
    margin-left: 4px; }

.reader-combined-card .reader-visit-link,
.reader-combined-card .reader-author-link,
.reader-combined-card__timestamp-link {
  color: #87a6bc;
  cursor: pointer; }
  .reader-combined-card .reader-visit-link:focus, .reader-combined-card .reader-visit-link:link, .reader-combined-card .reader-visit-link:visited,
  .reader-combined-card .reader-author-link:focus,
  .reader-combined-card .reader-author-link:link,
  .reader-combined-card .reader-author-link:visited,
  .reader-combined-card__timestamp-link:focus,
  .reader-combined-card__timestamp-link:link,
  .reader-combined-card__timestamp-link:visited {
    color: #87a6bc; }
  .reader-combined-card .reader-visit-link:hover, .reader-combined-card .reader-visit-link:active,
  .reader-combined-card .reader-author-link:hover,
  .reader-combined-card .reader-author-link:active,
  .reader-combined-card__timestamp-link:hover,
  .reader-combined-card__timestamp-link:active {
    color: #0068ff; }

.reader-combined-card__post .reader-excerpt {
  font-size: 15px;
  font-weight: 100;
  overflow: hidden;
  max-height: 22.4px;
  word-wrap: break-word;
  position: relative;
  margin-top: 4px; }
  .reader-combined-card__post .reader-excerpt:not(.is-placeholder)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.reader-combined-card__site-link:focus, .reader-combined-card__site-link:link, .reader-combined-card__site-link:visited {
  color: #0068ff; }

.reader-combined-card__site-link:hover, .reader-combined-card__site-link:active {
  color: #78dcfa; }

.reader-combined-card.card, .reader-combined-card.editor-drawer-well__placeholder {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin: 0 15px;
  padding: 18px 0 0;
  position: relative; }
  @media (min-width: 661px) {
    .reader-combined-card.card, .reader-combined-card.editor-drawer-well__placeholder {
      margin: 0; } }

.reader-combined-card__header .follow-button {
  border: 0;
  border-radius: 0;
  float: right;
  padding: 0;
  position: absolute;
  right: 0;
  top: 13px; }
  .reader-combined-card__header .follow-button .gridicon {
    fill: #0068ff; }
  .reader-combined-card__header .follow-button .follow-button__label {
    color: #0068ff; }
  .reader-combined-card__header .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .reader-combined-card__header .follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .reader-combined-card__header .follow-button.is-discover {
    position: relative;
    top: 0;
    float: none;
    margin-top: 10px;
    margin-bottom: 3px; }
    @media (max-width: 660px) {
      .reader-combined-card__header .follow-button.is-discover .follow-button__label {
        display: inline; } }

.reader-excerpt sup, .reader-excerpt sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.83em; }

.reader-excerpt sup {
  top: -0.4em; }

.reader-excerpt sub {
  bottom: -0.2em; }

.reader-export-button {
  cursor: pointer; }
  .reader-export-button:hover .reader-export-button__icon {
    fill: #0068ff; }
  .reader-export-button:hover .reader-export-button__label {
    color: #0068ff; }

.reader-export-button__icon {
  fill: #87a6bc;
  vertical-align: middle; }

.reader-export-button__label {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 4px; }

.reader-feed-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 0; }
  @media (max-width: 660px) {
    .reader-feed-header {
      margin: 20px 13px; } }
  .reader-feed-header .site__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0; }
  .reader-feed-header .site .site-icon {
    height: 96px !important;
    margin-right: 0;
    width: 96px !important; }
    .reader-feed-header .site .site-icon.is-blank {
      display: none; }
  .reader-feed-header .site__info {
    margin-top: 20px;
    width: 100%; }
  .reader-feed-header .site__title {
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
    font-size: 21px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: normal; }
    .reader-feed-header .site__title::after {
      background: none;
      content: '';
      height: 22px;
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 15%;
      height: auto;
      top: calc( 100% - 32px); }
      @media (min-width: 661px) {
        .reader-feed-header .site__title::after {
          content: '';
          display: block;
          position: absolute;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          pointer-events: none;
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
          top: 0px;
          bottom: 0px;
          right: 0px;
          left: auto;
          width: 10%;
          height: auto;
          top: 0; } }
    @media (min-width: 661px) {
      .reader-feed-header .site__title {
        height: 30px; } }
  .reader-feed-header .site__domain {
    display: none; }
  .reader-feed-header .reader-feed-header__back-and-follow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    margin-left: auto; }
    @media (max-width: 960px) {
      .reader-feed-header .reader-feed-header__back-and-follow {
        height: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: 0; } }
    .reader-feed-header .reader-feed-header__back-and-follow .reader-feed-header__follow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      z-index: 1;
      position: relative;
      top: -4px; }
      @media (max-width: 960px) {
        .reader-feed-header .reader-feed-header__back-and-follow .reader-feed-header__follow {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 10px; } }
  .reader-feed-header .reader-feed-header__site {
    z-index: 0; }
  .reader-feed-header.has-back-button .reader-feed-header__back-and-follow {
    height: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0; }
    .reader-feed-header.has-back-button .reader-feed-header__back-and-follow .reader-feed-header__follow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .reader-feed-header.has-back-button .reader-feed-header__site {
    margin-top: 0; }
  .reader-feed-header .reader-feed-header__details {
    font-size: 14px;
    text-align: center; }
  .reader-feed-header .reader-feed-header__follow-count {
    color: #537994;
    font-size: 14px; }
  .reader-feed-header .reader-feed-header__follow-button .follow-button {
    margin-left: 20px;
    padding: 0; }
    .reader-feed-header .reader-feed-header__follow-button .follow-button .gridicon {
      fill: #0068ff; }
    .reader-feed-header .reader-feed-header__follow-button .follow-button .follow-button__label {
      color: #0068ff; }
      @media (max-width: 660px) {
        .reader-feed-header .reader-feed-header__follow-button .follow-button .follow-button__label {
          display: inline-block; } }
    .reader-feed-header .reader-feed-header__follow-button .follow-button.is-following .gridicon {
      fill: #4ab866; }
    .reader-feed-header .reader-feed-header__follow-button .follow-button.is-following .follow-button__label {
      color: #4ab866; }

.reader-feed-header .reader-feed-header__byline {
  display: block; }

.reader-feed-header .card, .reader-feed-header .editor-drawer-well__placeholder {
  background: none;
  box-shadow: none;
  padding: 0; }
  @media (max-width: 660px) {
    .reader-feed-header .card, .reader-feed-header .editor-drawer-well__placeholder {
      box-sizing: border-box;
      padding: 16px; } }
  .reader-feed-header .card.reader-feed-header__site, .reader-feed-header .reader-feed-header__site.editor-drawer-well__placeholder {
    margin: 0 auto;
    padding: 0;
    width: 100%; }

.reader-feed-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .reader-feed-header.is-placeholder .site__title,
  .reader-feed-header.is-placeholder .site__domain,
  .reader-feed-header.is-placeholder .feed-header__description,
  .reader-feed-header.is-placeholder .feed-header__follow-count {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.reader-featured-image {
  border: 1px solid #e9eff3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }

.reader-featured-video__video iframe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.reader-featured-video__play-icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.reader-featured-image:hover .reader-featured-video__play-icon {
  opacity: 1; }

.is-section-devdocs .reader-featured-video__video {
  margin-bottom: 16px; }

.is-section-devdocs .reader-featured-video-example .reader-featured-image {
  min-height: 100px;
  margin-bottom: 16px; }

.reader-full-post__story-content {
  margin: 0;
  padding-top: 16px;
  position: relative;
  font-size: 17px;
  line-height: 1.7;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .reader-full-post__story-content h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px; }
  .reader-full-post__story-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader-full-post__story-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader-full-post__story-content h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px; }
  .reader-full-post__story-content h5 {
    font-weight: 700; }
  .reader-full-post__story-content p, .reader-full-post__story-content > div {
    margin: 0 0 24px; }
    .reader-full-post__story-content p:last-child, .reader-full-post__story-content > div:last-child {
      margin-bottom: 0; }
  .reader-full-post__story-content blockquote {
    padding: 0 24px 0 32px;
    margin: 16px 0 32px;
    border-left: 3px solid #e9eff3;
    color: #4f748e;
    font-weight: normal;
    background: transparent; }
  .reader-full-post__story-content hr {
    background: #e9eff3;
    margin: 24px -32px; }
  .reader-full-post__story-content img {
    max-width: 100%;
    height: auto;
    display: inline;
    margin: auto; }
    .reader-full-post__story-content img.emoji {
      height: 1em;
      margin-bottom: 0; }
  .reader-full-post__story-content audio {
    display: block;
    width: 100%;
    margin: 24px auto; }
  .reader-full-post__story-content iframe[class^="twitter-"],
  .reader-full-post__story-content iframe[class^="instagram-"],
  .reader-full-post__story-content .fb_iframe_widget {
    display: block;
    margin: 24px auto !important; }
  @media (min-width: 661px) {
    .reader-full-post__story-content .alignleft {
      max-width: 100%;
      float: left;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-right: 32px; }
    .reader-full-post__story-content .alignright {
      max-width: 100%;
      float: right;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-left: 32px; } }
  @media (max-width: 660px) {
    .reader-full-post__story-content .alignleft,
    .reader-full-post__story-content .alignright {
      clear: both;
      margin-top: 24px;
      margin-bottom: 24px; } }
  .reader-full-post__story-content .aligncenter {
    clear: both;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader-full-post__story-content .wp-caption.alignnone {
    clear: both;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader-full-post__story-content .wp-caption {
    position: relative;
    max-width: 100%; }
    .reader-full-post__story-content .wp-caption.alignright {
      float: right; }
    .reader-full-post__story-content .wp-caption.alignleft {
      float: left; }
    .reader-full-post__story-content .wp-caption.alignright, .reader-full-post__story-content .wp-caption.alignleft {
      max-width: 100%; }
      @media (min-width: 661px) {
        .reader-full-post__story-content .wp-caption.alignright, .reader-full-post__story-content .wp-caption.alignleft {
          max-width: 50%; } }
      .reader-full-post__story-content .wp-caption.alignright img.alignright,
      .reader-full-post__story-content .wp-caption.alignright img.alignleft, .reader-full-post__story-content .wp-caption.alignleft img.alignright,
      .reader-full-post__story-content .wp-caption.alignleft img.alignleft {
        float: none; }
    .reader-full-post__story-content .wp-caption img {
      display: block;
      margin: 0 auto; }
      .reader-full-post__story-content .wp-caption img.emoji {
        display: inline; }
  .reader-full-post__story-content .wp-caption-text,
  .reader-full-post__story-content figure figcaption,
  .reader-full-post__story-content figure .caption,
  .reader-full-post__story-content .wp-caption .wp-media-credit {
    padding: 12px;
    margin: 0;
    font-size: 13px;
    text-align: center;
    color: #668eaa; }
  .reader-full-post__story-content .video-plh-notice {
    position: relative;
    margin-bottom: 24px;
    padding: 11px 24px;
    border-radius: 1px;
    background: #f3f6f8;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4285;
    -webkit-animation: appear .3s ease-in-out;
            animation: appear .3s ease-in-out; }
    @media (min-width: 661px) {
      .reader-full-post__story-content .video-plh-notice {
        padding: 13px 48px;
        font-size: inherit; }
        .reader-full-post__story-content .video-plh-notice::before {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font: normal 16px/1 Noticons;
          vertical-align: middle;
          content: '\f456';
          position: absolute;
          top: 23px;
          left: 20px;
          margin: -12px 0px 0 -8px;
          font-size: 24px;
          line-height: 1; } }
  .reader-full-post__story-content sup, .reader-full-post__story-content sub {
    vertical-align: baseline;
    position: relative;
    font-size: 0.83em; }
  .reader-full-post__story-content sup {
    top: -0.4em; }
  .reader-full-post__story-content sub {
    bottom: -0.2em; }
  .reader-full-post__story-content table th,
  .reader-full-post__story-content table td {
    padding: 10px; }
  .reader-full-post__story-content img:first-child {
    margin-top: 0; }

.blog-53424024 .reader-full-post__story-content .intro {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 24px 0; }
  .blog-53424024 .reader-full-post__story-content .intro:first-child:first-letter {
    float: left;
    margin: 18px 12px 0 0;
    font-size: 66px;
    font-weight: 400;
    line-height: 0.5; }

@-moz-document url-prefix() {
  .blog-53424024 .reader-full-post__story-content .intro:first-child:first-letter {
    margin-top: 9px; } }

.blog-53424024 .reader-full-post__story-content blockquote.sidenote {
  margin: 0;
  padding: 16px;
  border: none;
  background: none;
  font-size: 13px;
  width: 175px; }
  .blog-53424024 .reader-full-post__story-content blockquote.sidenote.left, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignleft {
    float: left;
    padding: 0 16px 16px 0; }
  @media (min-width: 1400px) {
    .blog-53424024 .reader-full-post__story-content blockquote.sidenote.right, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignright {
      position: absolute;
      right: -207px;
      margin-right: 0; } }
  @media (max-width: 1400px) {
    .blog-53424024 .reader-full-post__story-content blockquote.sidenote.right, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignright, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.left, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignleft {
      float: none;
      background: #e9eff3;
      margin: 0 0 24px 0;
      padding: 16px;
      width: auto; }
      .blog-53424024 .reader-full-post__story-content blockquote.sidenote.right img, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignright img, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.left img, .blog-53424024 .reader-full-post__story-content blockquote.sidenote.alignleft img {
        display: block;
        margin-bottom: 8px; } }

.is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left,
.is-reader-page .blog-489937 .reader-full-post__story-content blockquote.alignleft,
.is-reader-page .blog-489937 .reader-full-post__story-content blockquote.align-left,
.is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left-align {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  width: 175px;
  position: relative; }
  @media (min-width: 1400px) {
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.alignleft,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.align-left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left-align {
      position: absolute;
      left: inherit;
      right: -207px;
      margin-left: 0; } }
  @media (max-width: 1400px) {
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.alignleft,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.align-left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left-align {
      background: #e9eff3;
      margin: 0 0 24px 0;
      padding: 16px;
      width: calc( 100% - 32px); } }
  @media (max-width: 480px) {
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.alignleft,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.align-left,
    .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left-align {
      margin: 0 0 24px 0;
      background: #e9eff3;
      padding: 16px; }
      .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left img,
      .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.alignleft img,
      .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.align-left img,
      .is-reader-page .blog-489937 .reader-full-post__story-content blockquote.left-align img {
        display: block;
        margin-bottom: 8px; } }

.reader-full-post.feed-10080096 .align--bleed {
  display: none; }

.reader-full-post twitterwidget {
  margin: 0 auto;
  margin-bottom: 24px !important; }

.reader-full-post .jp-relatedposts-headline,
.reader-full-post .jp-relatedposts {
  display: none; }

.is-reader-page .reader-full-post__story-content {
  padding-top: 0 !important; }

.reader-full-post.main {
  max-width: none;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-perspective: none;
          perspective: none; }

.reader-full-post__content {
  margin: 0 auto; }
  @media (min-width: 1281px) {
    .reader-full-post__content {
      width: 720px;
      padding-left: 260px; } }
  @media (min-width: 1041px) and (max-width: 1280px) {
    .reader-full-post__content {
      width: 720px;
      padding-left: 240px; } }
  @media (min-width: 661px) and (max-width: 1040px) {
    .reader-full-post__content {
      width: auto;
      margin: 0;
      padding-left: 240px; } }
  @media (max-width: 660px) {
    .reader-full-post__content {
      width: auto;
      padding: 0 20px; } }

.reader-full-post__back-container {
  margin: 0;
  position: fixed;
  top: 47px;
  left: 0;
  z-index: 99999; }
  .reader-full-post__back-container .button.is-compact.is-borderless {
    padding: 18px 40px 18px 20px; }
    @media (max-width: 660px) {
      .reader-full-post__back-container .button.is-compact.is-borderless {
        padding: 20px 8px 16px; } }
  @media (max-width: 660px) {
    .reader-full-post__back-container {
      top: 0;
      left: 0;
      right: 0;
      height: 46px;
      background: white;
      border-bottom: 1px solid #f3f6f8; } }

@media (max-width: 660px) {
  .reader-full-post__back-container .reader-full-post__back-label {
    display: none; } }

.reader-full-post__visit-site-container {
  background: white;
  border-bottom: 1px solid #f3f6f8;
  font-size: 11px;
  font-weight: 500;
  height: 46px;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  text-transform: uppercase;
  z-index: 99999; }
  .reader-full-post__visit-site-container .external-link .gridicons-external {
    fill: #668eaa;
    top: 5px; }
    @media (min-width: 661px) {
      .reader-full-post__visit-site-container .external-link .gridicons-external {
        top: 3px; } }
  @media (min-width: 661px) {
    .reader-full-post__visit-site-container {
      top: 47px; } }
  .reader-full-post__visit-site-container .external-link {
    color: #668eaa;
    display: block;
    padding: 10px 10px 15px 6px; }
    @media (min-width: 661px) {
      .reader-full-post__visit-site-container .external-link {
        padding: 10px 20px 15px 20px; } }
    .reader-full-post__visit-site-container .external-link:hover {
      color: #2e4453; }
      .reader-full-post__visit-site-container .external-link:hover .gridicons-external {
        fill: #2e4453; }
  @media (max-width: 660px) {
    .reader-full-post__visit-site-container .reader-full-post__visit-site-label {
      display: none; } }
  @media (min-width: 661px) {
    .reader-full-post__visit-site-container {
      border: 0;
      position: absolute;
      z-index: 0; } }

.reader-full-post__sidebar {
  width: 220px;
  position: fixed;
  text-align: center; }
  @media (min-width: 1281px) {
    .reader-full-post__sidebar {
      left: calc( 50% - 490px); } }
  @media (min-width: 1041px) and (max-width: 1280px) {
    .reader-full-post__sidebar {
      left: calc( 50% - 480px); } }
  @media (min-width: 661px) and (max-width: 1040px) {
    .reader-full-post__sidebar {
      left: 20px; } }
  @media (max-width: 660px) {
    .reader-full-post__sidebar {
      position: static;
      width: auto;
      text-align: left; } }

.reader-full-post__story {
  max-width: 720px;
  font-size: 17px;
  line-height: 28px; }
  @media (max-width: 480px) {
    .reader-full-post__story {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 660px) {
    .reader-full-post__story {
      margin-top: -35px; } }

.reader-full-post__story-content {
  color: #2e4453; }

.reader-full-post__story-content img {
  margin-bottom: 12px; }

.reader-full-post__story-content figure img {
  margin-bottom: 0; }

.reader-full-post .author-compact-profile {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 660px) {
    .reader-full-post .author-compact-profile {
      margin-bottom: 35px;
      overflow: hidden;
      text-overflow: clip;
      padding-right: 10px;
      position: relative;
      white-space: nowrap; }
      .reader-full-post .author-compact-profile::after {
        height: 40px; }
      .reader-full-post .author-compact-profile:not(.is-placeholder)::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 15%;
        height: auto; } }
  .reader-full-post .author-compact-profile .reader-author-link {
    margin-top: 0; }
  @media (max-width: 660px) {
    .reader-full-post .author-compact-profile {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-top: 20px; }
      .reader-full-post .author-compact-profile .reader-avatar {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0 0 0 -9px; }
        .reader-full-post .author-compact-profile .reader-avatar.has-site-and-author-icon, .reader-full-post .author-compact-profile .reader-avatar.has-site-icon, .reader-full-post .author-compact-profile .reader-avatar.has-gravatar {
          margin: 0 10px 5px 0; }
        .reader-full-post .author-compact-profile .reader-avatar.has-gravatar .gravatar {
          height: 32px !important;
          width: 32px !important;
          max-width: none; }
        .reader-full-post .author-compact-profile .reader-avatar.has-site-and-author-icon.has-site-icon.has-gravatar {
          margin-bottom: -15px; }
          .reader-full-post .author-compact-profile .reader-avatar.has-site-and-author-icon.has-site-icon.has-gravatar .gravatar {
            height: 24px !important;
            margin-right: 1em;
            position: relative;
            left: 18px;
            top: -18px;
            vertical-align: bottom;
            width: 24px !important; }
        .reader-full-post .author-compact-profile .reader-avatar .site-icon {
          height: 32px !important;
          width: 32px !important;
          line-height: 32px !important;
          font-size: 32px !important; } }
      @media (max-width: 660px) and (max-width: 660px) {
        .reader-full-post .author-compact-profile .reader-avatar .site-icon .gridicon {
          height: 32px !important;
          width: 32px !important;
          line-height: 32px !important;
          font-size: 32px !important; } }
  @media (max-width: 660px) {
      .reader-full-post .author-compact-profile .reader-author-link {
        font-weight: 700;
        display: inline;
        margin-right: 5px; }
        .reader-full-post .author-compact-profile .reader-author-link::after {
          content: ',';
          font-weight: normal; }
      .reader-full-post .author-compact-profile .author-compact-profile__site-link {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
            -ms-flex: 1 0 0;
                flex: 1 0 0;
        display: inline; } }
    @media (max-width: 660px) and (max-width: 660px) {
      .reader-full-post .author-compact-profile .author-compact-profile__site-link {
        margin-top: 0; } }
  @media (max-width: 660px) {
      .reader-full-post .author-compact-profile .reader-author-link,
      .reader-full-post .author-compact-profile .author-compact-profile__site-link {
        padding-top: 5px; }
      .reader-full-post .author-compact-profile .author-compact-profile__follow .follow-button {
        position: fixed;
        top: 10px;
        right: 48px;
        z-index: 100000; }
      .reader-full-post .author-compact-profile .author-compact-profile__follow-count {
        display: none; } }

.reader-full-post .reader-full-post__sidebar {
  color: #537994; }
  .reader-full-post .reader-full-post__sidebar a.reader-author-link,
  .reader-full-post .reader-full-post__sidebar a.author-compact-profile__site-link {
    color: #0068ff; }
    .reader-full-post .reader-full-post__sidebar a.reader-author-link:hover,
    .reader-full-post .reader-full-post__sidebar a.author-compact-profile__site-link:hover {
      color: #78dcfa; }

.reader-full-post .reader-post-actions {
  margin-bottom: 20px;
  clear: both; }
  .reader-full-post .reader-post-actions .post-edit-button__label,
  .reader-full-post .reader-post-actions .comment-button__label,
  .reader-full-post .reader-post-actions .like-button__label {
    font-size: 17px; }

@media (max-width: 660px) {
  .reader-full-post__sidebar .like-button {
    position: fixed;
    right: 160px;
    top: 10px;
    z-index: 100000; } }

.reader-full-post__sidebar .like-button .like-button__label-status {
  display: none; }

.reader-full-post__sidebar .comment-button__label,
.reader-full-post__sidebar .like-button__label {
  font-size: 14px; }

.reader-full-post__sidebar .comment-button {
  margin-right: 18px; }
  @media (max-width: 660px) {
    .reader-full-post__sidebar .comment-button {
      position: fixed;
      top: 10px;
      right: 232px;
      z-index: 100000;
      margin-right: 0; } }
  .reader-full-post__sidebar .comment-button .comment-button__label-status {
    display: none; }

.reader-full-post .has-author-link .author-compact-profile__avatar-link {
  display: none; }

.reader-full-post .has-author-link.has-author-icon {
  margin-top: 5px; }
  .reader-full-post .has-author-link.has-author-icon .reader-author-link {
    margin-top: 0; }
  .reader-full-post .has-author-link.has-author-icon .author-compact-profile__avatar-link {
    display: block; }

.reader-full-post .has-author-link {
  margin-top: 14px; }

@media (min-width: 661px) {
  .reader-full-post .has-author-link .reader-author-link {
    margin-top: 4px; } }

.reader-full-post__header.is-missing-title {
  margin-top: 60px; }
  .reader-full-post__header.is-missing-title .reader-full-post__header-meta {
    margin-bottom: 20px; }

.reader-full-post__header-title {
  clear: none;
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
  margin: 56px 0 0;
  max-width: 750px; }
  @media (min-width: 961px) {
    .reader-full-post__header-title {
      font-size: 36px;
      line-height: 46px; } }
  @media (min-width: 481px) and (max-width: 960px) {
    .reader-full-post__header-title {
      font-size: 32px;
      line-height: 40px; } }
  @media (max-width: 660px) {
    .reader-full-post__header-title {
      margin-top: 8px; } }
  .reader-full-post__header-title .reader-full-post__header-title-link {
    display: block; }
  .reader-full-post__header-title .reader-full-post__header-title-link,
  .reader-full-post__header-title .reader-full-post__header-title-link:hover {
    color: #2e4453; }

.reader-full-post__header-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 15px;
  max-width: 750px; }

.reader-full-post__header-date {
  line-height: 1.6; }
  @media (max-width: 480px) {
    .reader-full-post__header-date {
      line-height: 1.4; } }

.reader-full-post__header-date-link {
  margin-right: 25px; }

.reader-full-post__header-date-link,
.reader-full-post__header-date-link:visited {
  color: #87a6bc; }
  .reader-full-post__header-date-link:hover,
  .reader-full-post__header-date-link:visited:hover {
    color: #78dcfa; }

.reader-full-post__header-tags {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 120px); }
  .reader-full-post__header-tags .gridicon {
    fill: #87a6bc;
    margin-right: 5px;
    position: relative;
    top: 4px; }
    @media (max-width: 480px) {
      .reader-full-post__header-tags .gridicon {
        top: 2px; } }

.reader-full-post__header-tag-list {
  color: #87a6bc;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: -2px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }
  .reader-full-post__header-tag-list::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20px;
    height: auto; }

.reader-full-post__header-tag-list-item {
  color: #87a6bc;
  display: inline;
  margin-right: 5px; }
  .reader-full-post__header-tag-list-item::after {
    content: ','; }
  .reader-full-post__header-tag-list-item:last-child {
    margin-right: 0; }
    .reader-full-post__header-tag-list-item:last-child::after {
      content: ''; }

.reader-full-post__header-tag-list-item-link,
.reader-full-post__header-tag-list-item-link:visited {
  color: #87a6bc; }
  .reader-full-post__header-tag-list-item-link:hover,
  .reader-full-post__header-tag-list-item-link:visited:hover {
    color: #78dcfa; }

.reader-full-post__header {
  margin-bottom: 23px; }

.reader-full-post__featured-image {
  margin: 28px 0 26px; }

.reader-full-post .embed-youtube,
.reader-full-post .embed-vimeo {
  display: block;
  margin-bottom: 25px;
  position: relative;
  padding: 25px 0 56.25%;
  text-align: initial !important; }
  .reader-full-post .embed-youtube iframe,
  .reader-full-post .embed-vimeo iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }

.reader-full-post .embed-vimeo {
  margin-bottom: 0; }

.reader-full-post__unavailable-message {
  margin-top: 1em; }

.reader-full-post__header-title.is-placeholder,
.reader-full-post__header-date.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-full-post__header-title.is-placeholder:after,
  .reader-full-post__header-date.is-placeholder:after {
    content: '\00a0'; }

.reader-full-post__header-date.is-placeholder {
  margin-top: 4px; }

.reader-full-post__story-content-placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  margin-bottom: 16px;
  min-height: 200px; }
  .reader-full-post__story-content-placeholder-text:after {
    content: '\00a0'; }

.reader-import-button {
  cursor: pointer; }
  .reader-import-button:hover .reader-import-button__icon {
    fill: #0068ff; }
  .reader-import-button:hover .reader-import-button__label {
    color: #0068ff; }

.reader-import-button__icon {
  fill: #87a6bc;
  vertical-align: middle; }

.reader-import-button__label {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 4px; }

.reader-post-actions {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
  margin: 10px 0 0; }

.reader-post-actions .reader-post-actions__item {
  margin-right: 13px; }
  .reader-post-actions .reader-post-actions__item.reader-post-actions__visit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .reader-post-actions .reader-post-actions__item.reader-post-actions__visit .reader-visit-link {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      box-sizing: border-box;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 4px 4px 4px 0;
      position: relative; }
  .reader-post-actions .reader-post-actions__item:last-child {
    margin-right: 0; }

.is-reader-page .is-site-stream .reader-post-card.card:nth-child(2), .is-reader-page .is-site-stream .reader-post-card.editor-drawer-well__placeholder:nth-child(2) {
  border-top: 1px solid #c8d7e1; }

.is-reader-page .is-discover-stream.is-site-stream .reader-post-card.card:nth-child(2), .is-reader-page .is-discover-stream.is-site-stream .reader-post-card.editor-drawer-well__placeholder:nth-child(2) {
  border-top: 0; }

.reader-post-card.card, .reader-post-card.editor-drawer-well__placeholder {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin: 0 15px;
  padding: 18px 0 20px;
  position: relative; }
  @media (min-width: 661px) {
    .reader-post-card.card, .reader-post-card.editor-drawer-well__placeholder {
      margin: 0; } }
  .reader-post-card.card.is-selected::before, .reader-post-card.is-selected.editor-drawer-well__placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    width: 2px;
    background: #0087be; }
    @media (min-width: 661px) {
      .reader-post-card.card.is-selected::before, .reader-post-card.is-selected.editor-drawer-well__placeholder::before {
        left: -16px; } }
  .reader-post-card.card.has-thumbnail .reader-featured-image, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-featured-image {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 20px;
    max-width: 190px;
    box-sizing: border-box; }
    @media (min-width: 961px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-featured-image {
        max-width: 250px; } }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-featured-image {
        height: 100px;
        max-width: none;
        width: 100%;
        margin-bottom: 10px; } }
    @media (max-width: 550px) {
      .reader-post-card.card.has-thumbnail .reader-featured-image, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-featured-image {
        height: 100px;
        max-width: none;
        width: 100%;
        margin-bottom: 10px; } }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post-details, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__post-details,
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__social, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__social {
    padding-left: 0; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__post-details, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__post-details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
            flex: 0 auto;
    margin: 0;
    padding-top: 8px; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__title, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__title {
    color: white;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    position: relative;
    bottom: 30px;
    left: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    width: calc( 100% - 44px);
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 0;
    margin-bottom: -15px;
    height: 19px;
    white-space: nowrap; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-card__title .reader-post-card__title-link, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-card__title .reader-post-card__title-link {
    color: white;
    display: inline;
    font-size: 12px;
    letter-spacing: 0.01em; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-actions, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-actions {
    margin: 0; }
  .reader-post-card.card.has-thumbnail.is-photo .reader-post-actions .reader-post-actions__visit, .reader-post-card.has-thumbnail.is-photo.editor-drawer-well__placeholder .reader-post-actions .reader-post-actions__visit {
    margin-left: -3px; }
  .reader-post-card.card.has-thumbnail .reader-post-card__post, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-post-card__post, .reader-post-card.card.is-gallery .reader-post-card__post, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post {
    margin-top: 18px; }
  .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post-details {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
                flex: 0 auto;
        margin-top: 7px;
        width: 100%; } }
    @media (max-width: 550px) {
      .reader-post-card.card.has-thumbnail .reader-post-card__post-details, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder .reader-post-card__post-details, .reader-post-card.card.is-gallery .reader-post-card__post-details, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post-details {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
                flex: 0 auto;
        margin-top: 7px;
        width: 100%; } }
  .reader-post-card.card.is-gallery .reader-post-card__post, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .reader-post-card.card.is-gallery .reader-post-card__post, .reader-post-card.is-gallery.editor-drawer-well__placeholder .reader-post-card__post, .reader-post-card.card.is-photo .reader-post-card__post, .reader-post-card.is-photo.editor-drawer-well__placeholder .reader-post-card__post {
    margin-top: 16px; }
  .reader-post-card.card .reader-post-actions, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions {
    margin: 4px 0 0; }

.reader-post-card__photo {
  border: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  top: 0;
  height: 225px;
  margin-right: 0;
  margin-bottom: 0;
  max-width: 100%; }
  .reader-post-card__photo:hover {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .reader-post-card__photo.is-expanded {
    background-position: center !important;
    min-width: 100%;
    max-width: 100%;
    background-size: cover; }
    .reader-post-card__photo.is-expanded:hover {
      cursor: pointer; }
  .reader-post-card__photo::before {
    content: '';
    background: -webkit-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.37) 73%, black 100%);
    background: linear-gradient(to bottom, transparent 36%, rgba(0, 0, 0, 0.37) 73%, black 100%);
    height: 225px;
    opacity: .4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.reader-post-card__byline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px; }

.reader-post-card__author::after {
  content: ', '; }

.reader__content .reader-post-card__timestamp-link,
.reader__content .reader-post-card__tag-link {
  color: #87a6bc;
  margin-top: 2px;
  cursor: pointer; }
  .reader__content .reader-post-card__timestamp-link:hover,
  .reader__content .reader-post-card__tag-link:hover {
    color: #0068ff; }

.reader-post-card__byline-details {
  color: #0068ff;
  width: 100%; }

/* Fix for IE11 unable to handle nested flexbox min-height.
 * See issue: https://github.com/Automattic/wp-calypso/issues/9412
 */
.is-reader-page .reader-post-card.is-gallery .reader-post-card__post-details {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit; }

.reader-post-card__byline-author-site {
  overflow: hidden;
  position: relative;
  height: 20px;
  width: calc( 100% - 25px); }
  .reader-post-card__byline-author-site a, .reader-post-card__byline-author-site a:visited {
    color: #0068ff; }
  .reader-post-card__byline-author-site a:hover {
    color: #78dcfa; }
  .reader-post-card__byline-author-site::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }
  @media (min-width: 661px) {
    .reader-post-card__byline-author-site {
      width: calc( 100% - 90px); } }

.reader-post-card__timestamp-and-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: -2px; }

.reader-post-card__timestamp {
  display: inline-table; }

.reader-post-card__tags {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  position: relative;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 10px;
  color: #87a6bc; }
  .reader-post-card__tags::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.reader-post-card__tag {
  white-space: nowrap; }
  .reader-post-card__tag::after {
    content: ', '; }
  .reader-post-card__tag:last-child:after {
    display: none; }

.reader-post-card__tags .gridicons-tag {
  height: 18px;
  margin: -4px 5px 0 0;
  position: relative;
  top: 5px;
  width: 15px;
  fill: #87a6bc; }

.reader-post-card__byline .reader-avatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .reader-post-card__byline .reader-avatar.has-gravatar {
    margin-right: 6px; }
  .reader-post-card__byline .reader-avatar .gravatar {
    float: left;
    height: 32px;
    margin: 2px 6px 0 0;
    vertical-align: text-top;
    width: 32px; }
  .reader-post-card__byline .reader-avatar.has-site-icon {
    margin: 0 9px 0 -1px; }
  .reader-post-card__byline .reader-avatar .site-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important; }

.reader-post-card .has-site-and-author-icon .gravatar {
  display: none; }

.reader-post-card__link,
.reader-post-card__link:visited {
  color: #0068ff;
  cursor: pointer; }

.reader-post-card__post {
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 14px; }
  .reader-post-card__post .reader-post-card__post-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 100%; }
  @media (min-width: 961px) and (max-width: 1040px) {
    .reader-post-card__post {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 550px) {
    .reader-post-card__post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.reader-post-card__post-details {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }

.reader-post-card__title {
  line-height: 1.4; }

.reader__content .reader-post-card__title-link,
.reader__content .reader-post-card__title-link:visited,
.reader-post-card__title-link,
.reader-post-card__title-link:visited {
  color: #2e4453;
  cursor: pointer;
  font-size: 19px;
  font-weight: 700;
  display: block; }
  .reader__content .reader-post-card__title-link:hover,
  .reader__content .reader-post-card__title-link:visited:hover,
  .reader-post-card__title-link:hover,
  .reader-post-card__title-link:visited:hover {
    color: #2e4453; }
  @media (min-width: 481px) {
    .reader__content .reader-post-card__title-link,
    .reader__content .reader-post-card__title-link:visited,
    .reader-post-card__title-link,
    .reader-post-card__title-link:visited {
      font-size: 19px; } }

.reader-post-card .reader-excerpt {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 100;
  margin-top: 9px;
  word-break: break-word;
  position: relative; }
  .reader-post-card .reader-excerpt p {
    margin: 0; }

.reader-post-card.card:not(.is-discover) .reader-excerpt, .reader-post-card.editor-drawer-well__placeholder:not(.is-discover) .reader-excerpt {
  overflow: hidden;
  max-height: 72px; }
  @media (min-width: 961px) {
    .reader-post-card.card:not(.is-discover) .reader-excerpt, .reader-post-card.editor-drawer-well__placeholder:not(.is-discover) .reader-excerpt {
      max-height: 48px; } }
  .reader-post-card.card:not(.is-discover) .reader-excerpt::before, .reader-post-card.editor-drawer-well__placeholder:not(.is-discover) .reader-excerpt::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 120px;
    height: auto;
    top: inherit;
    height: 24px; }

.reader-post-card.card:not(.is-discover) .reader-excerpt[direction=rtl]::before, .reader-post-card.editor-drawer-well__placeholder:not(.is-discover) .reader-excerpt[direction=rtl]::before {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #fff 90%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: auto;
  width: 120px;
  height: auto;
  top: inherit;
  height: 24px; }

.reader-post-card.card:not(.is-discover) .reader-excerpt[direction=ltr]::before, .reader-post-card.editor-drawer-well__placeholder:not(.is-discover) .reader-excerpt[direction=ltr]::before {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 120px;
  height: auto;
  top: inherit;
  height: 24px; }

.reader-post-card.card.has-thumbnail:not(.is-gallery):not(.is-discover) .reader-excerpt, .reader-post-card.has-thumbnail.editor-drawer-well__placeholder:not(.is-gallery):not(.is-discover) .reader-excerpt {
  max-height: 72px;
  overflow: hidden; }

.reader-post-card.card .reader-post-actions__item, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item {
  font-size: 14px;
  height: 22px; }
  .reader-post-card.card .reader-post-actions__item.reader-post-actions__visit, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item.reader-post-actions__visit {
    margin-left: -2px; }
    .reader-post-card.card .reader-post-actions__item.reader-post-actions__visit .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item.reader-post-actions__visit .gridicon {
      position: relative;
      left: -8px;
      top: -1px; }
  .reader-post-card.card .reader-post-actions__item .gridicons-external, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .gridicons-external {
    margin-right: -2px; }
  .reader-post-card.card .reader-post-actions__item .like-button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .like-button .gridicon {
    top: 5px; }
  .reader-post-card.card .reader-post-actions__item .like-button__label, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .like-button__label {
    margin: -4px 0 0 -5px; }
  .reader-post-card.card .reader-post-actions__item .comment-button, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .comment-button {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start; }
  .reader-post-card.card .reader-post-actions__item .comment-button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .comment-button .gridicon {
    top: 2px;
    margin-right: 2px; }
  .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share_button .gridicon {
    position: relative; }
    @media (min-width: 961px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
    @media (min-width: 1100px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share_button .gridicon {
        top: 0; } }
    @media (min-width: 661px) and (max-width: 940px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
    @media (max-width: 660px) {
      .reader-post-card.card .reader-post-actions__item .reader-share_button .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share_button .gridicon {
        top: 1px; } }
  @media (min-width: 961px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .like-button__label-status {
      display: none; } }
  @media (min-width: 1100px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .like-button__label-status {
      display: inline; } }
  @media (max-width: 660px) {
    .reader-post-card.card .reader-post-actions__item .reader-share__button-label, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .reader-share__button-label,
    .reader-post-card.card .reader-post-actions__item .comment-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .comment-button__label-status,
    .reader-post-card.card .reader-post-actions__item .like-button__label-status, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .like-button__label-status {
      display: none; } }
  .reader-post-card.card .reader-post-actions__item .ellipsis-menu .button.is-borderless .gridicon, .reader-post-card.editor-drawer-well__placeholder .reader-post-actions__item .ellipsis-menu .button.is-borderless .gridicon {
    left: 2px;
    top: -2px; }

.reader-post-card.card .follow-button, .reader-post-card.editor-drawer-well__placeholder .follow-button {
  border: 0;
  border-radius: 0;
  float: right;
  padding: 0;
  position: absolute;
  right: 0;
  top: 16px; }
  .reader-post-card.card .follow-button .gridicon, .reader-post-card.editor-drawer-well__placeholder .follow-button .gridicon {
    fill: #0068ff; }
  .reader-post-card.card .follow-button .follow-button__label, .reader-post-card.editor-drawer-well__placeholder .follow-button .follow-button__label {
    color: #0068ff; }
  .reader-post-card.card .follow-button.is-following .gridicon, .reader-post-card.editor-drawer-well__placeholder .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .reader-post-card.card .follow-button.is-following .follow-button__label, .reader-post-card.editor-drawer-well__placeholder .follow-button.is-following .follow-button__label {
    color: #4ab866; }
  .reader-post-card.card .follow-button.is-discover, .reader-post-card.editor-drawer-well__placeholder .follow-button.is-discover {
    position: relative;
    top: 0;
    float: none;
    margin-top: 10px;
    margin-bottom: 3px; }
    @media (max-width: 660px) {
      .reader-post-card.card .follow-button.is-discover .follow-button__label, .reader-post-card.editor-drawer-well__placeholder .follow-button.is-discover .follow-button__label {
        display: inline; } }

@media (min-width: 1040px) {
  .is-group-reader.has-chat .reader-post-card__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .is-group-reader.has-chat .reader-post-card__post .reader-featured-image {
    height: 100px;
    margin-right: 0;
    max-width: 100%; }
  .is-group-reader.has-chat .reader-share__button-label,
  .is-group-reader.has-chat .comment-button__label-status,
  .is-group-reader.has-chat .like-button__label-status {
    display: none; } }

.reader-post-card__gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 17px;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__gallery {
      margin: 0 0 10px; } }
  @media (max-width: 550px) {
    .reader-post-card__gallery {
      margin: 0 0 10px; } }

.reader-post-card__gallery-item {
  border: 1px solid #e9eff3;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  list-style-type: none;
  margin-right: 1px; }
  .reader-post-card__gallery-item:last-child {
    margin-right: 0; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card__gallery-item:last-child {
      display: none; } }
  @media (max-width: 480px) {
    .reader-post-card__gallery-item:nth-last-of-type(-n+2) {
      display: none; } }

.reader-post-card .reader-featured-video__video {
  padding-bottom: 17px; }
  @media (min-width: 661px) and (max-width: 940px) {
    .reader-post-card .reader-featured-video__video {
      padding-bottom: 10px; } }
  @media (max-width: 550px) {
    .reader-post-card .reader-featured-video__video {
      padding-bottom: 10px; } }

.reader-post-card__gallery-image {
  height: 100px; }
  @media (min-width: 961px) {
    .reader-post-card__gallery-image {
      height: 130px; } }

.reader-post-card.card .daily-post-button, .reader-post-card.editor-drawer-well__placeholder .daily-post-button {
  margin-bottom: 10px; }

.reader-post-card__blocked-description {
  margin-bottom: 0;
  color: #2e4453; }

.reader-post-card__blocked-undo {
  padding-left: 2px;
  cursor: pointer; }

.is-section-devdocs .reader-post-card.card, .is-section-devdocs .reader-post-card.editor-drawer-well__placeholder {
  padding: 16px; }

.reader-post-options-menu .button.is-borderless,
.reader-post-options-menu .ellipsis-menu .button.is-borderless {
  color: #87a6bc; }
  .reader-post-options-menu .button.is-borderless:hover, .reader-post-options-menu .button.is-borderless:focus, .reader-post-options-menu .button.is-borderless:active,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:hover,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:focus,
  .reader-post-options-menu .ellipsis-menu .button.is-borderless:active {
    color: #0068ff; }

.reader-post-options-menu.is-menu-visible .button.is-borderless,
.reader-post-options-menu .ellipsis-menu.is-menu-visible .button.is-borderless {
  color: #0087be; }

.reader-post-options-menu__hr {
  margin: 8px 0;
  background: #e9eff3; }

.reader-post-options-menu__popover .popover__menu .follow-button .gridicon {
  position: absolute;
  left: 14px;
  top: 11px; }

.reader-post-options-menu__popover .popover__menu .follow-button:hover, .reader-post-options-menu__popover .popover__menu .follow-button:focus {
  background-color: #0068ff;
  color: white; }
  .reader-post-options-menu__popover .popover__menu .follow-button:hover .gridicon, .reader-post-options-menu__popover .popover__menu .follow-button:focus .gridicon {
    fill: white; }

.reader-post-options-menu__popover .popover__menu .follow-button.is-following:hover, .reader-post-options-menu__popover .popover__menu .follow-button.is-following:focus {
  color: white;
  background: #4ab866; }
  .reader-post-options-menu__popover .popover__menu .follow-button.is-following:hover .gridicon, .reader-post-options-menu__popover .popover__menu .follow-button.is-following:focus .gridicon {
    fill: white; }

.reader-post-options-menu__popover .popover__menu .follow-button__label {
  display: inline-block; }

.reader-related-card-v2__link-block {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  @media (max-width: 535px) {
    .reader-related-card-v2__link-block {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__link-block {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.reader-related-card-v2__heading {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  display: -webkit-box;
  letter-spacing: 0.01em;
  max-height: 22px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  .reader-related-card-v2__heading::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }
  @media (max-width: 660px) {
    .reader-related-card-v2__heading {
      margin-bottom: 0;
      padding-bottom: 20px; } }

.reader-related-card-v2__link,
.reader-related-card-v2__link:visited {
  color: #0068ff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  .reader-related-card-v2__link:hover,
  .reader-related-card-v2__link:visited:hover {
    color: #78dcfa; }

.reader-related-card-v2__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__list {
      display: block; } }
  @media (max-width: 660px) {
    .reader-related-card-v2__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__list {
      display: block; } }

.reader-related-card-v2__list-item {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style-type: none;
  margin-top: -3px;
  min-width: 0; }
  .reader-related-card-v2__list-item:first-child {
    margin-right: 15px; }
    @media (max-width: 660px) {
      .reader-related-card-v2__list-item:first-child {
        margin-right: 10px; } }
  .reader-related-card-v2__list-item:last-child {
    margin-left: 15px; }
    @media (max-width: 660px) {
      .reader-related-card-v2__list-item:last-child {
        margin-left: 10px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 480px) {
    .reader-related-card-v2__list-item:first-child, .reader-related-card-v2__list-item:last-child {
      margin: 0 0 20px 0; } }
  .reader-related-card-v2__list-item:only-child {
    margin: 0; }

.reader-related-card-v2.card.is-compact, .reader-related-card-v2.is-compact.editor-drawer-well__placeholder {
  box-shadow: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0; }
  @media (max-width: 480px) {
    .reader-related-card-v2.card.is-compact, .reader-related-card-v2.is-compact.editor-drawer-well__placeholder {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2.card.is-compact, .reader-related-card-v2.is-compact.editor-drawer-well__placeholder {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 535px) {
    .reader-related-card-v2.card.is-compact, .reader-related-card-v2.is-compact.editor-drawer-well__placeholder {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.reader-related-card-v2.card, .reader-related-card-v2.editor-drawer-well__placeholder {
  z-index: 0; }
  .reader-related-card-v2.card .reader-related-card-v2__meta, .reader-related-card-v2.editor-drawer-well__placeholder .reader-related-card-v2__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    z-index: 1;
    width: 100%; }
  .reader-related-card-v2.card .reader-related-card-v2__post, .reader-related-card-v2.editor-drawer-well__placeholder .reader-related-card-v2__post {
    display: block;
    overflow: hidden; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2.card .reader-related-card-v2__post, .reader-related-card-v2.editor-drawer-well__placeholder .reader-related-card-v2__post {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media (max-width: 535px) {
      .reader-related-card-v2.card .reader-related-card-v2__post, .reader-related-card-v2.editor-drawer-well__placeholder .reader-related-card-v2__post {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .reader-related-card-v2.card .reader-related-card-v2__post::after, .reader-related-card-v2.editor-drawer-well__placeholder .reader-related-card-v2__post::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto;
      bottom: 0;
      height: 25px;
      top: inherit;
      visibility: visible; }
  @media (max-width: 535px) {
    .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__site-info, .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__site-info {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__site-info, .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__site-info {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; } }
  .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__title, .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__title {
    font-size: 17px; }
  .reader-related-card-v2.card.has-thumbnail .reader-related-card-v2__excerpt, .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__excerpt {
    font-size: 15px; }
  .reader-related-card-v2.card.has-excerpt .reader-related-card-v2__title, .reader-related-card-v2.has-excerpt.editor-drawer-well__placeholder .reader-related-card-v2__title {
    margin-bottom: 10px; }

.reader-related-card-v2__blocks {
  border-top: 1px solid #c8d7e1;
  padding-top: 11px; }
  .reader-related-card-v2__blocks .reader-related-card-v2__post {
    max-height: 127px; }
    @media (max-width: 480px) {
      .reader-related-card-v2__blocks .reader-related-card-v2__post {
        max-height: 126px; } }
    .reader-related-card-v2__blocks .reader-related-card-v2__post::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 30%;
      height: auto;
      bottom: 0;
      height: 22px;
      top: inherit;
      visibility: visible; }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__meta {
    display: none !important; }
  .reader-related-card-v2__blocks.is-same-site .reader-related-card-v2__featured-image {
    margin: 0 0 19px; }
  .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
    max-height: 219px; }
    @media (max-width: 960px) {
      .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
        max-height: 240px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
        max-height: 126px; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-same-site .has-thumbnail .reader-related-card-v2__post {
        max-height: 126px; } }
  .reader-related-card-v2__blocks.is-other-site {
    margin-top: 40px; }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
      max-height: 222px; }
      @media (max-width: 960px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 249px; } }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 155px; } }
      @media (max-width: 535px) {
        .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__post {
          max-height: 142px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    @media (max-width: 535px) {
      .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
      max-height: 219px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
          max-height: 170px; } }
      @media (max-width: 535px) {
        .reader-related-card-v2__blocks.is-other-site .has-thumbnail .reader-related-card-v2__post {
          max-height: 162px; } }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2 {
      margin-top: -5px; }
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      margin: 0 0 19px; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      margin: 0 15px 0 0; } }
  @media (max-width: 535px) {
    .reader-related-card-v2__blocks.is-other-site .reader-related-card-v2__featured-image {
      margin: 0 15px 0 0; } }

.reader-related-card-v2__meta .gravatar {
  height: 32px;
  margin: 5px 8px 0 0;
  vertical-align: middle;
  width: 32px; }

.reader-related-card-v2__byline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  margin-top: 3px;
  min-height: 38px; }

.reader-related-card-v2__byline-author {
  margin-top: -5px;
  word-wrap: break-word; }

.reader-related-card-v2__byline-site {
  margin-top: -4px;
  word-wrap: break-word; }

.reader-related-card-v2__byline-author,
.reader-related-card-v2__byline-site {
  color: #0068ff;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 23px;
  overflow: hidden;
  position: relative; }
  .reader-related-card-v2__byline-author::after,
  .reader-related-card-v2__byline-site::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }

.reader-related-card-v2__meta .follow-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin-bottom: 12px;
  margin-top: -6px;
  padding: 0;
  z-index: 1; }
  .reader-related-card-v2__meta .follow-button .gridicon__follow {
    fill: #0068ff; }
  .reader-related-card-v2__meta .follow-button .follow-button__label {
    color: #0068ff; }
    @media (max-width: 960px) {
      .reader-related-card-v2__meta .follow-button .follow-button__label {
        display: none; } }
  @media (max-width: 960px) {
    .reader-related-card-v2__meta .follow-button .gridicon {
      padding-right: 0; } }
  .reader-related-card-v2__meta .follow-button.is-following .follow-button__label {
    color: #4ab866; }

.reader-related-card-v2__featured-image {
  border: 1px solid #e9eff3;
  min-height: 90px; }
  @media (max-width: 535px) {
    .reader-related-card-v2__featured-image {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: auto;
      margin: 0 15px 0 0; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-related-card-v2__featured-image {
      height: auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0 15px 0 0; } }

.reader-related-card-v2__title,
.reader-related-card-v2__excerpt {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }

.reader-related-card-v2__site-info {
  position: relative; }

.reader-related-card-v2__title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4; }
  @media (max-width: 660px) {
    .reader-related-card-v2__title {
      overflow: hidden;
      max-height: 44.8px;
      word-wrap: break-word; }
      .reader-related-card-v2__title::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto;
        top: 22.4px;
        height: 22.4px; } }
  @media (min-width: 661px) {
    .reader-related-card-v2__title {
      overflow: hidden;
      max-height: 67.2px;
      word-wrap: break-word; }
      .reader-related-card-v2__title::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto;
        top: 44.8px;
        height: 22.4px; } }

.reader-related-card-v2__excerpt {
  line-height: 1.6;
  word-wrap: break-word; }
  .reader-related-card-v2__excerpt::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto;
    height: 22px;
    top: inherit; }
  .reader-related-card-v2__excerpt.post-excerpt {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: none;
    -webkit-line-clamp: initial;
    word-wrap: break-word; }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__title,
.reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt,
.reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__title:after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt:after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image:after {
    content: '\00a0'; }
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__title::after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__excerpt::after,
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image::after {
    content: none; }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__featured-image {
  border: 0; }

@media (min-width: 661px) and (max-width: 730px) {
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__site-info {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2; } }

@media (max-width: 535px) {
  .reader-related-card-v2.is-placeholder .reader-related-card-v2__site-info {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2; } }

.reader-related-card-v2.is-placeholder .reader-related-card-v2__post::after {
  content: none; }

.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author,
.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author:after,
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site:after {
    content: '\00a0'; }
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-author::after,
  .reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site::after {
    content: none; }

.reader-related-card-v2__meta.is-placeholder .reader-related-card-v2__byline-site {
  margin-top: 4px; }

.is-section-devdocs .reader-related-card-v2__blocks.is-same-site {
  border: 0;
  padding-top: 0; }

.is-section-devdocs .reader-related-card-v2__blocks.is-other-site {
  margin-top: 20px;
  padding-top: 20px; }

.reader-share__button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  color: #87a6bc;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  position: relative; }
  .reader-share__button:hover, .reader-share__button:focus, .reader-share__button:active {
    cursor: pointer;
    color: #0068ff; }
  .reader-share__button .gridicon {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .reader-share__button.is-active {
    color: #0087be; }
    .reader-share__button.is-active .gridicon {
      fill: #0087be; }

.reader-share__button-label {
  margin-left: 6px; }
  @media (max-width: 480px) {
    .reader-share__button-label {
      display: none; } }

@media (max-width: 480px) {
  .reader-share__popover {
    width: 152px;
    padding-right: 2px; } }

@media (max-width: 480px) {
  .reader-share__popover-item {
    width: 150px; } }

.reader-share__popover-item span {
  display: inline-block;
  line-height: 24px;
  margin-left: 34px; }
  @media (min-width: 481px) {
    .reader-share__popover-item span {
      margin-left: 27px; } }

.reader-share__popover-item .gridicon,
.reader-share__popover-item .social-logo {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 8px;
  left: 18px;
  padding: 0;
  fill: #87a6bc; }
  @media (min-width: 481px) {
    .reader-share__popover-item .gridicon,
    .reader-share__popover-item .social-logo {
      left: 11px; } }

.reader-share__popover-item .gridicons-my-sites {
  fill: #0087be; }

.reader-share__popover-item .social-logo.twitter {
  fill: #2aa9e0; }

.reader-share__popover-item .social-logo.facebook {
  fill: #3B5998; }

.reader-share__popover-item:hover .gridicon,
.reader-share__popover-item:hover .social-logo, .reader-share__popover-item:focus .gridicon,
.reader-share__popover-item:focus .social-logo {
  fill: white; }

.sites-popover.reader-share__sites-popover .site-selector__sites {
  max-height: 25vh; }

.reader-subscription-list-item__by-text {
  color: #87a6bc; }

.reader-subscription-list-item .gravatar {
  float: left;
  margin: 2px 6px 0 0;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px; }

.reader-subscription-list-item {
  font-size: 14px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.reader-subscription-list-item .follow-button {
  border: 0;
  border-radius: 0;
  float: right;
  padding: 0; }
  .reader-subscription-list-item .follow-button .gridicon {
    fill: #0068ff; }
  .reader-subscription-list-item .follow-button .follow-button__label {
    color: #0068ff; }
  .reader-subscription-list-item .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .reader-subscription-list-item .follow-button.is-following .follow-button__label {
    color: #4ab866; }

.reader-subscription-list-item__settings-menu {
  color: #87a6bc;
  float: right; }

.reader-subscription-list-item__site-url, .reader-subscription-list-item__site-url a {
  color: #87a6bc; }

.reader-subscription-list-item__site-title {
  font-weight: 600; }

.reader-subscription-list-item__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  width: 90px;
  min-width: 90px; }

.reader-visit-link__icon {
  fill: #87a6bc; }

.reader-visit-link__label {
  color: #87a6bc; }

.reader-visit-link:hover .reader-visit-link__icon,
.reader-visit-link:active .reader-visit-link__icon {
  fill: #0068ff; }

.reader-visit-link:hover .reader-visit-link__label,
.reader-visit-link:active .reader-visit-link__label {
  color: #0068ff;
  cursor: pointer; }

.sharing-preview-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media (min-width: 661px) {
    .sharing-preview-pane {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.sharing-preview-pane__sidebar {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sharing-preview-pane__sidebar .vertical-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
      border: 0;
      padding: 8px; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
      border-left: 0;
      border-bottom: 3px solid #0087be; }
    .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
      display: none; }
    @media (min-width: 661px) {
      .sharing-preview-pane__sidebar .vertical-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border-bottom: 1px solid #c8d7e1; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
          border-top: 1px solid #c8d7e1;
          padding: 0; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
          border-left: 3px solid #0087be;
          border-bottom: 0; }
        .sharing-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
          display: block; } }
  @media (min-width: 661px) {
    .sharing-preview-pane__sidebar {
      border-right: 1px solid #c8d7e1;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 250px;
          -ms-flex: 0 0 250px;
              flex: 0 0 250px; } }

.sharing-preview-pane__explanation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 20px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  .sharing-preview-pane__explanation .sharing-preview-pane__title {
    font-size: 16px; }
  .sharing-preview-pane__explanation .sharing-preview-pane__description {
    font-size: 12px;
    color: #87a6bc; }
  @media (min-width: 661px) {
    .sharing-preview-pane__explanation {
      margin: 40px 0 40px 20px;
      max-width: 200px; } }

.sharing-preview-pane__preview-area {
  background-color: #f2f6f8;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 10px; }

.sharing-preview-pane__message {
  padding: 10px;
  text-align: center; }

.taxonomy-manager {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.taxonomy-manager__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  background: white; }

.taxonomy-manager__header .search-card {
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  box-shadow: none; }

.taxonomy-manager__header .search-card .search {
  height: 58px; }

.taxonomy-manager__actions {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 16px 24px; }

.taxonomy-manager__nested-list {
  margin-left: 2em; }

.taxonomy-manager__list-item {
  background-color: #f3f6f8; }

.taxonomy-manager__list-item-card {
  cursor: pointer; }

.taxonomy-manager__list-item-card.card.is-compact, .taxonomy-manager__list-item-card.is-compact.editor-drawer-well__placeholder {
  padding: 0; }

.taxonomy-manager__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .taxonomy-manager__item .taxonomy-manager__icon {
    padding: 15px;
    color: #87a6bc; }
    .taxonomy-manager__item .taxonomy-manager__icon .gridicon {
      display: block; }
  .taxonomy-manager__item.is-default .taxonomy-manager__icon {
    color: #0068ff; }
  .taxonomy-manager__item .taxonomy-manager__label {
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative; }
    .taxonomy-manager__item .taxonomy-manager__label::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
    .taxonomy-manager__list-item.is-placeholder .taxonomy-manager__item .taxonomy-manager__label {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .taxonomy-manager__item .taxonomy-manager__label .taxonomy-manager__default-label {
      text-transform: uppercase;
      color: #0068ff;
      font-size: 12px;
      margin-left: 10px; }
  .taxonomy-manager__item .count {
    margin: 18px 2px; }
  .taxonomy-manager__item .ellipsis-menu .ellipsis-menu__toggle.button.is-borderless {
    cursor: pointer;
    font-size: 24px;
    color: #87a6bc;
    padding: 15px 24px;
    min-width: 24px; }
    .taxonomy-manager__item .ellipsis-menu .ellipsis-menu__toggle.button.is-borderless .gridicon {
      top: 2px; }
  .taxonomy-manager__item .ellipsis-menu.is-menu-visible .ellipsis-menu__toggle.button.is-borderless {
    color: #0068ff; }

.taxonomy-manager .virtual-list__list-row.is-empty {
  padding: 16px 24px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.term-form-dialog {
  max-height: 100%;
  overflow-y: auto; }

.term-form-dialog .dialog__content {
  min-width: 40vw; }

.term-form-dialog .form-input-validation {
  padding-bottom: 0; }

@media (max-width: 660px) {
  .term-form-dialog {
    width: 90%; }
  .term-form-dialog .dialog__content {
    min-width: none; } }

.term-form-dialog textarea {
  resize: vertical; }

.term-tree-selector__search {
  position: relative;
  margin-bottom: 4px; }

.term-tree-selector__search .gridicon {
  position: absolute;
  left: 8px;
  top: 9px; }

.term-tree-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

.term-tree-selector {
  position: relative;
  background-color: white;
  border: 1px solid #c8d7e1; }
  .term-tree-selector.is-small {
    background-color: transparent;
    border: none; }
  .term-tree-selector.is-error {
    border-color: #d94f4f; }

.term-tree-selector__search {
  position: relative; }

.term-tree-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  border-width: 0;
  border-bottom-width: 1px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

input[type=radio].term-tree-selector__input,
input[type=checkbox].term-tree-selector__input,
.term-tree-selector__input.checkbox-tristate {
  margin-top: 4px; }
  input[type=radio].term-tree-selector__input + label,
  input[type=checkbox].term-tree-selector__input + label, .term-tree-selector__input.checkbox-tristate + label {
    display: block;
    margin-left: 24px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color: #2e4453; }
    input[type=radio].term-tree-selector__input + label:hover,
    input[type=checkbox].term-tree-selector__input + label:hover, .term-tree-selector__input.checkbox-tristate + label:hover {
      color: #0068ff; }

input[type=checkbox].term-tree-selector__input, .term-tree-selector__input.checkbox-tristate {
  margin-right: 8px; }

.term-tree-selector__nested-list {
  margin-left: 24px; }

.term-tree-selector__list-item {
  position: relative;
  padding: 4px 8px;
  font-size: 13px; }
  .term-tree-selector.is-compact.is-small .term-tree-selector__list-item {
    padding-left: 0; }
  .term-tree-selector__list-item.is-empty {
    padding-top: 4px; }
  .term-tree-selector__nested-list .term-tree-selector__list-item {
    padding-left: 0;
    padding-right: 0; }

.term-tree-selector__label {
  position: relative;
  display: block;
  margin-left: 24px;
  margin-top: 2px; }
  .term-tree-selector.is-compact .term-tree-selector__label {
    font-size: 12px;
    margin-top: 0; }
  .term-tree-selector__list-item.is-placeholder .term-tree-selector__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.term-tree-selector__label-type {
  display: none;
  margin-left: 8px;
  font-size: 11px;
  text-transform: uppercase;
  color: #87a6bc; }
  .term-tree-selector.is-type-labels-visible .term-tree-selector__label-type {
    display: block; }

.accordion {
  box-shadow: 0 -1px 0 #dce5ec, 0 1px 0 #dce5ec;
  margin-top: 1px;
  position: relative; }

.accordion__header {
  position: relative; }

.accordion__toggle {
  display: block;
  width: 100%;
  cursor: pointer;
  margin: 0;
  padding: 16px;
  padding-right: 38px;
  color: #2e4453;
  background-color: white;
  text-align: left;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .accordion__toggle:hover {
    background-color: #fafbfc; }
    .accordion__toggle:hover .accordion__title {
      color: #0068ff; }
    .accordion__toggle:hover .accordion__arrow {
      color: #0068ff; }
  .accordion__toggle .accordion__arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #668eaa;
    height: 24px; }
    .accordion__toggle .accordion__arrow .gridicon {
      -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .accordion.has-subtitle .accordion__toggle {
    padding-top: 8px;
    padding-bottom: 8px; }

.accordion.is-expanded .accordion__toggle {
  background-color: white; }
  .accordion.is-expanded .accordion__toggle .accordion__arrow .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.accordion.is-expanded .accordion__content {
  overflow: visible; }

.accordion__icon {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 3px; }
  .accordion__icon .gridicon {
    width: 20px;
    height: 20px; }

.accordion__title,
.accordion__subtitle {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .accordion.has-icon .accordion__title, .accordion.has-icon
  .accordion__subtitle {
    padding-left: 28px; }
  .accordion.has-status .accordion__title, .accordion.has-status
  .accordion__subtitle {
    padding-right: 28px; }

.accordion__subtitle {
  font-size: 11px;
  color: #537994;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  height: 16px; }

.accordion:not(.is-expanded) .accordion__toggle .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion:not(.is-expanded) .accordion__toggle:hover .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(250, 251, 252, 0), #fafbfc 90%);
  background: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion.is-expanded .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.accordion__content {
  overflow: hidden;
  height: 0;
  background-color: white; }

.accordion.is-expanded .accordion__content {
  height: auto; }

.accordion__content-wrap {
  padding: 0 16px 16px 16px; }

.accordion__section {
  margin-bottom: 24px; }

.accordion__section:last-child {
  margin-bottom: 0; }

.accordion__status {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 4px; }
  .accordion__status::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%; }
  .accordion__status .gridicon {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: -2px; }
  .accordion__status.is-warning {
    color: #f0b849; }
    .accordion__status.is-warning:hover {
      color: #f2c161; }
  .accordion__status.is-error {
    color: #d94f4f; }
    .accordion__status.is-error:hover {
      color: #de6464; }
  .accordion__status.is-info {
    color: #0087be; }
    .accordion__status.is-info:hover {
      color: #0099d8; }

.animate__appear {
  -webkit-animation: animate__appear 600ms cubic-bezier(0.1, 0.82, 0.25, 1);
          animation: animate__appear 600ms cubic-bezier(0.1, 0.82, 0.25, 1);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

@-webkit-keyframes animate__appear {
  0%,
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes animate__appear {
  0%,
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

.animate__fade-in {
  -webkit-animation: fade-in-scale 0.5s ease-out;
          animation: fade-in-scale 0.5s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.async-load {
  background: #cfdbe4;
  border-radius: 20px;
  content: '';
  display: block;
  height: 8px;
  width: 80px;
  margin: 0 16px;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }

.banner.card, .banner.editor-drawer-well__placeholder {
  border-left: 3px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 6px 12px 12px;
  line-height: 29px;
  border-left-color: #0087be; }
  .banner.card.is-dismissible, .banner.is-dismissible.editor-drawer-well__placeholder {
    padding-right: 48px; }
  .banner.card .banner__icon, .banner.editor-drawer-well__placeholder .banner__icon {
    color: #0087be; }
  .banner.card .banner__icon-circle, .banner.editor-drawer-well__placeholder .banner__icon-circle {
    background-color: #0087be; }
  .banner.card.is-upgrade-personal, .banner.is-upgrade-personal.editor-drawer-well__placeholder {
    border-left-color: #f0b849; }
    .banner.card.is-upgrade-personal .banner__icon, .banner.is-upgrade-personal.editor-drawer-well__placeholder .banner__icon {
      color: #f0b849; }
    .banner.card.is-upgrade-personal .banner__icon-circle, .banner.is-upgrade-personal.editor-drawer-well__placeholder .banner__icon-circle {
      background-color: #f0b849; }
  .banner.card.is-upgrade-premium, .banner.is-upgrade-premium.editor-drawer-well__placeholder {
    border-left-color: #4ab866; }
    .banner.card.is-upgrade-premium .banner__icon, .banner.is-upgrade-premium.editor-drawer-well__placeholder .banner__icon {
      color: #4ab866; }
    .banner.card.is-upgrade-premium .banner__icon-circle, .banner.is-upgrade-premium.editor-drawer-well__placeholder .banner__icon-circle {
      background-color: #4ab866; }
  .banner.card.is-upgrade-business, .banner.is-upgrade-business.editor-drawer-well__placeholder {
    border-left-color: #855DA6; }
    .banner.card.is-upgrade-business .banner__icon, .banner.is-upgrade-business.editor-drawer-well__placeholder .banner__icon {
      color: #855DA6; }
    .banner.card.is-upgrade-business .banner__icon-circle, .banner.is-upgrade-business.editor-drawer-well__placeholder .banner__icon-circle {
      background-color: #855DA6; }
  .banner.card .card__link-indicator, .banner.editor-drawer-well__placeholder .card__link-indicator {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #0087be;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .banner.card:hover, .banner.editor-drawer-well__placeholder:hover {
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out; }
    .banner.card:hover.is-card-link, .banner.editor-drawer-well__placeholder:hover.is-card-link {
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
    .banner.card:hover .card__link-indicator, .banner.editor-drawer-well__placeholder:hover .card__link-indicator {
      color: #005082; }
  @media (min-width: 481px) {
    .banner.card, .banner.editor-drawer-well__placeholder {
      padding: 12px 16px; }
      .banner.card.is-dismissible, .banner.is-dismissible.editor-drawer-well__placeholder {
        padding-right: 16px; } }

.banner__icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .banner__icons .banner__icon,
  .banner__icons .banner__icon-circle {
    border-radius: 50%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 24px;
    margin-right: 16px;
    margin-top: -2px;
    text-align: center;
    top: 4px;
    width: 24px; }
  .banner__icons .banner__icon {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    color: white;
    display: block; }
  .banner__icons .banner__icon-circle {
    color: white;
    display: none;
    padding: 3px 4px 4px 3px; }
  @media (min-width: 481px) {
    .banner__icons {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; }
      .banner__icons .banner__icon {
        display: none; }
      .banner__icons .banner__icon-circle {
        display: block; } }

.banner__icon-plan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px; }
  .banner__icon-plan .plan-icon {
    height: 32px;
    width: 32px; }
  @media (min-width: 481px) {
    .banner__icon-plan {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; } }

.banner__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 481px) {
    .banner__content {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.banner__info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.4;
  width: 100%; }
  .banner__info .banner__title,
  .banner__info .banner__description,
  .banner__info .banner__list {
    color: #2e4453; }
  .banner__info .banner__title {
    font-size: 14px;
    font-weight: 500; }
  .banner__info .banner__description {
    font-size: 12px;
    margin-top: 3px; }
  .banner__info .banner__list {
    font-size: 12px;
    list-style: none;
    margin: 0; }
    .banner__info .banner__list li {
      margin: 6px 0; }
      .banner__info .banner__list li .gridicon {
        color: #87a6bc;
        display: none; }
  @media (min-width: 481px) {
    .banner__info {
      width: auto; }
      .banner__info .banner__list li .gridicon {
        display: inline;
        margin-right: 12px;
        vertical-align: bottom; } }

.banner__action {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 12px;
  margin: 8px 0 0 0;
  text-align: left;
  width: 100%; }
  .banner__action .banner__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .banner__action .banner__prices .plan-price {
      margin-bottom: 0; }
    .banner__action .banner__prices .plan-price.is-discounted,
    .banner__action .banner__prices .plan-price.is-discounted .plan-price__currency-symbol {
      color: #2e4453; }
    .has-call-to-action .banner__action .banner__prices .plan-price {
      margin-bottom: 8px; }
  @media (min-width: 481px) {
    .banner__action {
      margin: 0 -6px 0 8px;
      text-align: center;
      width: auto; }
      .is-dismissible .banner__action {
        margin-top: 40px; }
      .banner__action .banner__prices {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right; } }

.bulk-select {
  display: inline-block; }

.bulk-select__container {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .bulk-select__container .gridicon {
    color: #0068ff;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px; }
  .bulk-select__container > .count {
    margin-left: 8px; }

input[type=checkbox].bulk-select__box, .bulk-select__box.checkbox-tristate {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 16px;
  margin: 0;
  min-width: 16px;
  padding: 0;
  width: 16px; }

button {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: baseline; }

.button {
  background: white;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  padding: 7px 14px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }
  .button:hover {
    border-color: #a8bece;
    color: #2e4453; }
  .button:active {
    border-width: 2px 1px 1px; }
  .button:visited {
    color: #2e4453; }
  .button[disabled], .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button, .button:disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3;
    cursor: default; }
    .button[disabled]:active, .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button:active, .button:disabled:active {
      border-width: 1px 1px 2px; }
  .accessible-focus .button:focus {
    border-color: #0068ff;
    box-shadow: 0 0 0 2px #78dcfa; }
  .button.is-compact {
    padding: 7px;
    color: #537994;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .button.is-compact:disabled {
      color: #e9eff3; }
    .button.is-compact .gridicon {
      top: 4px;
      margin-top: -8px; }
    .button.is-compact .gridicons-plus-small {
      margin-left: -4px; }
    .button.is-compact .gridicons-plus-small:last-of-type {
      margin-left: 0; }
    .button.is-compact .gridicons-plus-small + .gridicon {
      margin-left: -4px; }
  .button.is-busy {
    -webkit-animation: button__busy-animation 3000ms infinite linear;
            animation: button__busy-animation 3000ms infinite linear;
    background-size: 120px 100%;
    background-image: -webkit-linear-gradient(135deg, #e9eff3 28%, white 28%, white 72%, #e9eff3 72%);
    background-image: linear-gradient(-45deg, #e9eff3 28%, white 28%, white 72%, #e9eff3 72%); }
  .button.hidden {
    display: none; }
  .button .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }

.button.is-primary {
  background: #0068ff;
  border-color: #0057d6;
  color: white; }
  .button.is-primary:hover, .button.is-primary:focus {
    border-color: #005082;
    color: white; }
  .button.is-primary.is-compact {
    color: white; }
  .button.is-primary[disabled], .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .button.is-primary:disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3; }
  .button.is-primary.is-busy {
    background-size: 120px 100%;
    background-image: -webkit-linear-gradient(135deg, #0068ff 28%, #005ee6 28%, #005ee6 72%, #0068ff 72%);
    background-image: linear-gradient(-45deg, #0068ff 28%, #005ee6 28%, #005ee6 72%, #0068ff 72%); }

.button.is-scary {
  color: #d94f4f; }
  .button.is-scary:hover, .button.is-scary:focus {
    border-color: #d94f4f; }
  .button.is-scary:focus {
    box-shadow: 0 0 0 2px #eba3a3; }
  .button.is-scary[disabled], .editor-drawer-well__placeholder[disabled] .is-scary.editor-drawer-well__button, .button.is-scary:disabled {
    color: #f4cdcd;
    border-color: #e9eff3; }

.button.is-primary.is-scary {
  background: #d94f4f;
  border-color: #a02222;
  color: white; }
  .button.is-primary.is-scary:hover, .button.is-primary.is-scary:focus {
    border-color: #4c1010; }
  .button.is-primary.is-scary[disabled], .editor-drawer-well__placeholder[disabled] .is-primary.is-scary.editor-drawer-well__button, .button.is-primary.is-scary:disabled {
    background: #eba3a3;
    border-color: #e48484; }

.button.is-borderless {
  border: none;
  background: none;
  color: #537994;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0; }
  .button.is-borderless:hover, .button.is-borderless:focus {
    box-shadow: none;
    color: #2e4453; }
  .button.is-borderless .gridicon {
    width: 24px;
    height: 24px;
    top: 6px; }
  .button.is-borderless[disabled], .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button, .button.is-borderless:disabled {
    color: #e9eff3;
    cursor: default; }
    .button.is-borderless[disabled]:active, .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button:active, .button.is-borderless:disabled:active {
      border-width: 0; }
  .button.is-borderless.is-scary {
    color: #d94f4f; }
    .button.is-borderless.is-scary:hover, .button.is-borderless.is-scary:focus {
      color: #a02222; }
    .button.is-borderless.is-scary[disabled], .editor-drawer-well__placeholder[disabled] .is-borderless.is-scary.editor-drawer-well__button {
      color: #f4cdcd; }
  .button.is-borderless.is-compact .gridicon {
    width: 18px;
    height: 18px;
    top: 5px; }
  .button.is-borderless.is-compact .gridicons-arrow-left {
    top: 4px;
    margin-right: 4px; }
  .button.is-borderless.is-compact .gridicons-arrow-right {
    top: 4px;
    margin-left: 4px; }

.layout__content input[type=reset], .layout__content input[type=reset]:hover, .layout__content input[type=reset]:active, .layout__content input[type=reset]:focus,
.dialog__content input[type=reset],
.dialog__content input[type=reset]:hover,
.dialog__content input[type=reset]:active,
.dialog__content input[type=reset]:focus {
  background: 0 0;
  border: 0;
  padding: 0 2px 1px;
  width: auto;
  box-shadow: none; }

.layout__content p .button,
.dialog__content p .button {
  vertical-align: baseline; }

.layout__content button::-moz-focus-inner,
.layout__content input[type=reset]::-moz-focus-inner,
.layout__content input[type=button]::-moz-focus-inner,
.layout__content input[type=submit]::-moz-focus-inner,
.dialog__content button::-moz-focus-inner,
.dialog__content input[type=reset]::-moz-focus-inner,
.dialog__content input[type=button]::-moz-focus-inner,
.dialog__content input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button.is-link {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #0068ff;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.65; }
  .button.is-link:hover, .button.is-link:focus, .button.is-link:active {
    color: #33bbe3;
    box-shadow: none; }

.button.noticon {
  line-height: inherit; }
  .button.noticon:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal; }

@-webkit-keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

@keyframes button__busy-animation {
  0% {
    background-position: 240px 0; } }

.button-group .button {
  border-left-width: 0;
  border-radius: 0; }
  .button-group .button:focus {
    position: relative;
    z-index: 1;
    box-shadow: inset 1px 0 0 #0068ff, 0 0 0 2px #78dcfa; }
  .button-group .button.is-primary:focus {
    box-shadow: inset 1px 0 0 #005082, 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:focus {
    box-shadow: inset 1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; }
  .button-group .button.is-primary.is-scary:focus {
    box-shadow: inset 1px 0 0 #761919, 0 0 0 2px #eba3a3; }
  .button-group .button:first-child:focus {
    box-shadow: 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:first-child:focus {
    box-shadow: 0 0 0 2px #eba3a3; }

.button-group .button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.button-group .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.section-header .button-group .button {
  margin-right: 0; }

.button-group.example {
  margin-bottom: 16px;
  display: inline-block; }

.card, .editor-drawer-well__placeholder {
  display: block;
  position: relative;
  margin: 0 auto 10px auto;
  padding: 16px;
  box-sizing: border-box;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .card:after, .editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 481px) {
    .card, .editor-drawer-well__placeholder {
      margin-bottom: 16px;
      padding: 24px; } }
  .card.is-compact, .is-compact.editor-drawer-well__placeholder {
    margin-bottom: 1px; }
    @media (min-width: 481px) {
      .card.is-compact, .is-compact.editor-drawer-well__placeholder {
        margin-bottom: 1px;
        padding: 16px 24px; } }
  .card.is-card-link, .is-card-link.editor-drawer-well__placeholder {
    padding-right: 48px; }

.card__link-indicator {
  color: #c8d7e1;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }

a.card:hover .card__link-indicator, a.editor-drawer-well__placeholder:hover .card__link-indicator {
  color: #a8bece; }

a.card:focus, a.editor-drawer-well__placeholder:focus {
  outline: 0; }
  a.card:focus .card__link-indicator, a.editor-drawer-well__placeholder:focus .card__link-indicator {
    color: #33bbe3; }

.chart {
  position: relative;
  box-sizing: border-box;
  background-color: white;
  padding: 8px 0 8px 20px; }

.chart .chart__y-axis-markers {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 200px; }

.chart .chart__y-axis-marker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e9eff3; }

.chart__bar-marker {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid rgba(233, 239, 243, 0.1); }

.chart__bar-marker.is-fifty,
.chart__y-axis-label.is-fifty,
.chart .chart__y-axis-marker.is-fifty {
  top: 50%; }

.chart__bar-marker.is-zero,
.chart__y-axis-label.is-zero,
.chart .chart__y-axis-marker.is-zero {
  top: 100%; }

.chart__y-axis {
  position: relative;
  float: right;
  height: 200px;
  padding: 0 20px 0 10px;
  font-size: 11px;
  color: #668eaa;
  margin-bottom: 30px; }

.chart__y-axis-label {
  position: absolute;
  top: 0;
  right: 20px;
  text-align: right; }

.chart__y-axis-width-fix {
  color: rgba(255, 255, 255, 0); }

.chart__x-axis {
  position: relative;
  font-size: 0;
  padding: 5px 0;
  min-height: 18px;
  color: #3d596d; }

.chart__x-axis-label {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  text-align: center; }

.chart__x-axis-label::before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -.5px;
  width: 1px;
  height: 5px;
  background: #f3f6f8;
  background-image: -webkit-linear-gradient(top, #f3f6f8 0%, #c8d7e1 100%);
  background-image: linear-gradient(to bottom, #f3f6f8 0%, #c8d7e1 100%); }

.chart__bars {
  position: relative;
  font-size: 0;
  height: 200px;
  text-align: center;
  overflow: hidden;
  display: -ms-flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.chart__bar {
  text-align: center;
  display: inline-block;
  position: relative;
  height: 200px;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-shrink: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1; }
  .chart__bar.is-weekend {
    background-color: rgba(233, 239, 243, 0.5); }
  .chart__bar:hover {
    cursor: pointer;
    background-color: rgba(233, 239, 243, 0.3); }
  .chart__bar.is-selected {
    cursor: default;
    background-color: rgba(240, 130, 30, 0.1); }

.chart__bar-section {
  display: inline-block;
  background-color: #0087be;
  position: absolute;
  top: 0;
  right: 16%;
  bottom: 0;
  left: 16%;
  z-index: 2; }
  .chart__bar:hover .chart__bar-section.is-bar {
    background-color: #0068ff; }
  .chart__bar.is-selected .chart__bar-section.is-bar {
    background-color: #f0821e; }
  .chart__bar-section.is-spacer {
    z-index: 0;
    background-color: rgba(255, 255, 255, 0); }
  .chart__bar-section.is-ghost::after {
    content: "";
    display: block;
    position: absolute;
    top: 160px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(233, 239, 243, 0.5));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(233, 239, 243, 0.5)); }
    .chart__bar:hover .chart__bar-section.is-ghost::after {
      display: none; }

.chart__bar-section-inner {
  background: #004069;
  position: absolute;
  right: 23.33%;
  bottom: 0;
  left: 23.33%; }
  .chart__bar.is-selected .chart__bar-section-inner {
    background-color: #d54e21; }

.chart__legend {
  margin-bottom: -8px; }
  .chart__legend:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.chart__legend .chart__legend-options {
  float: right;
  color: #537994;
  list-style-type: none;
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  @media (max-width: 480px) {
    .chart__legend .chart__legend-options {
      width: 100%; } }

.chart__legend-option {
  display: inline;
  text-align: left; }
  @media (max-width: 480px) {
    .chart__legend-option {
      width: 50%;
      display: inline-block; } }

.chart__legend-label {
  display: inline-block;
  padding: 12px 19px 10px 20px; }
  .chart__legend-label.is-selectable {
    cursor: pointer; }
    .chart__legend-label.is-selectable:focus, .chart__legend-label.is-selectable:hover {
      color: #33bbe3; }
  @media (max-width: 480px) {
    .chart__legend-label {
      display: block; } }

.chart__legend-option .chart__legend-color {
  width: 10px;
  height: 10px;
  background: #0087be;
  display: inline-block;
  border-radius: 1px;
  vertical-align: top;
  margin: 3px 5px 3px 8px; }

@media (max-width: 480px) {
  .chart__legend-option:first-child .chart__legend-color {
    margin-left: 2px; } }

.chart__legend-color.is-dark-blue {
  background: #004069; }

.chart__legend-option .chart__legend-checkbox {
  margin: 0;
  float: none;
  vertical-align: top; }

.chart__empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.chart__empty_notice {
  position: relative;
  top: 97px;
  padding: 11px 24px;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4285;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  @media (min-width: 661px) {
    .chart__empty_notice {
      padding: 13px 48px;
      font-size: inherit; }
      .chart__empty_notice::before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font: normal 16px/1 Noticons;
        vertical-align: middle;
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.chart__tooltip .popover__inner {
  width: 230px;
  text-align: left; }
  .chart__tooltip .popover__inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .chart__tooltip .popover__inner ul:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    .chart__tooltip .popover__inner ul li {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 100;
      height: 24px;
      letter-spacing: 0.1em;
      border: 0; }
      .chart__tooltip .popover__inner ul li .wrapper {
        display: block;
        line-height: inherit;
        line-height: 24px;
        clear: both; }
      .chart__tooltip .popover__inner ul li .value {
        text-align: right;
        float: right;
        min-width: 22px;
        color: #c8d7e1; }
      .chart__tooltip .popover__inner ul li .label {
        display: block;
        overflow: hidden;
        word-break: break-all;
        vertical-align: baseline; }
      .chart__tooltip .popover__inner ul li .gridicon {
        vertical-align: middle;
        margin-right: 6px;
        margin-top: -3px; }

.chart__tooltip.is-streak .popover__inner {
  width: 160px; }
  .chart__tooltip.is-streak .popover__inner li {
    height: 14px; }
    .chart__tooltip.is-streak .popover__inner li .label {
      width: 100%;
      float: left;
      text-align: center; }
      .rtl .chart__tooltip.is-streak .popover__inner li .label {
        font-size: 11px; }
      .chart__tooltip.is-streak .popover__inner li .label .post-count {
        font-weight: bold; }
    .chart__tooltip.is-streak .popover__inner li .value {
      float: none; }

.chart__tooltip .module-content-list-item.is-date-label {
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #426177;
  padding-bottom: 2px; }

.chart__tooltip .module-content-list-item.is-published-item {
  height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .label {
    text-transform: none;
    color: #c8d7e1;
    overflow: hidden;
    letter-spacing: 0;
    height: 19px; }
  .chart__tooltip .module-content-list-item.is-published-item .value {
    width: 0;
    min-width: 0; }
    .chart__tooltip .module-content-list-item.is-published-item .value::before {
      content: '';
      position: relative;
      background-image: -webkit-linear-gradient(left, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d);
      background-image: linear-gradient(to right, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d);
      left: -30px;
      width: 30px;
      height: 24px;
      display: block; }

.clipboard-button-input {
  position: relative; }

.clipboard-button-input .clipboard-button {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: visible; }
  .clipboard-button-input .clipboard-button:not(:disabled)::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 16px;
    height: auto;
    right: calc( 100% + 1px); }
  .clipboard-button-input .clipboard-button:focus::before {
    right: calc( 100% + 3px); }

.count {
  display: inline-block;
  padding: 1px 6px;
  border: solid 1px #87a6bc;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  color: #537994;
  text-align: center; }

.credit-card-form-fields__extras {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -15px; }
  .credit-card-form-fields__extras .credit-card-form-fields__field {
    -webkit-flex-basis: calc( 100% - 15px);
        -ms-flex-preferred-size: calc( 100% - 15px);
            flex-basis: calc( 100% - 15px);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 15px; }
  .credit-card-form-fields__extras .country label {
    display: none; }
  @media (min-width: 481px) {
    .credit-card-form-fields__extras .cvv,
    .credit-card-form-fields__extras .expiration-date {
      -webkit-flex-basis: calc( 50% - 15px);
          -ms-flex-preferred-size: calc( 50% - 15px);
              flex-basis: calc( 50% - 15px); }
    .credit-card-form-fields__extras .country {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; }
    .credit-card-form-fields__extras .postal-code {
      -webkit-flex-basis: 8em;
          -ms-flex-preferred-size: 8em;
              flex-basis: 8em; } }

.credit-card-form-fields__field {
  margin-bottom: 15px;
  position: relative; }
  .credit-card-form-fields__field select {
    font-size: 15px;
    width: 100%; }
  .credit-card-form-fields__field input[disabled] {
    cursor: not-allowed; }

.credit-card-form-fields__label label {
  color: #668eaa;
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  left: 13px;
  top: 12px; }

.date-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.date-picker__day {
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0);
  width: 24px;
  height: 24px;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  line-height: 24px;
  text-align: center;
  margin: 0 auto; }
  .date-picker__day.is-selected {
    color: white; }
    .date-picker__day.is-selected:hover {
      color: white; }
  .date-picker__day:hover {
    color: #668eaa; }

.date-picker__day_event:not(.is-selected) {
  border-color: #a8bece; }

.date-picker__day-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  -webkit-transition: color 90ms ease;
  transition: color 90ms ease; }

.date-picker__day-selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 125ms ease-out;
  transition: transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  border-radius: 50%;
  background-color: #0068ff; }

.date-picker__day.is-selected .date-picker__day-selected {
  -webkit-transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  transition: opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  transition: transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08), opacity 125ms ease-out;
  transition: transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08), opacity 125ms ease-out, -webkit-transform 125ms cubic-bezier(0.105, 1.075, 0.94, 1.08);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

/**
 * The follow class names are coming from react-day-picker component
 * and they aren't possible change them without change its code base.
 */
.DayPicker-Month {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0; }

.DayPicker-NavBar {
  position: absolute;
  left: 0;
  right: 0;
  height: 50px; }

.DayPicker-NavButton {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  font-size: 18px; }
  .DayPicker-NavButton:before {
    height: 20px; }

.DayPicker-NavButton--prev {
  color: #87a6bc;
  left: 0; }
  .DayPicker-NavButton--prev:before {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.DayPicker-NavButton--next {
  color: #87a6bc;
  right: 0; }
  .DayPicker-NavButton--next:before {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.DayPicker-Caption {
  display: table-caption;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 300;
  margin: 0 30px;
  position: relative;
  cursor: pointer; }
  .DayPicker-Caption:first-letter {
    text-transform: uppercase; }

.DayPicker-Weekdays {
  margin-top: 10px;
  border-top: 1px solid #d9e3ea;
  display: table-header-group; }

.DayPicker-WeekdaysRow {
  display: table-row; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 15px 0 10px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: #4f748e;
  text-transform: uppercase; }
  .DayPicker-Weekday abbr {
    border-bottom: none;
    cursor: auto;
    text-decoration: none; }

.DayPicker-Body {
  display: table-row-group; }

.DayPicker-Week {
  display: table-row; }

.DayPicker-Day {
  display: table-cell;
  position: relative;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600; }

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default; }

.DayPicker-Day--today .date-picker__day:not(.is-selected) {
  color: white; }
  .DayPicker-Day--today .date-picker__day:not(.is-selected) .date-picker__day-selected {
    background-color: #2e4453;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .DayPicker-Day--today .date-picker__day:not(.is-selected):hover .date-picker__day-selected {
    background-color: #4f748e; }

.DayPicker-Day--disabled {
  color: #c8d7e1;
  cursor: default; }

.DayPicker-Day--sunday {
  color: #f3f6f8; }

.DayPicker-Day--outside {
  cursor: pointer;
  font-weight: normal; }
  .DayPicker-Day--outside .date-picker__day:not(.is-selected) {
    color: #87a6bc; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: white;
  background-color: #f3f6f8; }

.DayPicker--ar {
  direction: rtl; }

.dialog__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  z-index: 100200; }
  .dialog__backdrop.dialog-enter, .dialog__backdrop.dialog-leave.dialog-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .dialog__backdrop, .dialog__backdrop.dialog-enter.dialog-enter-active, .dialog__backdrop.dialog-leave {
    background-color: rgba(233, 239, 243, 0.8); }
  .dialog__backdrop.is-full-screen {
    top: 0; }

.dialog.card, .dialog.editor-drawer-well__placeholder {
  max-width: 90%;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  margin: auto 0; }
  .dialog-enter .dialog.card, .dialog-enter .dialog.editor-drawer-well__placeholder,
  .dialog-leave.dialog-leave-active .dialog.card,
  .dialog-leave.dialog-leave-active .dialog.editor-drawer-well__placeholder {
    opacity: 0; }
  .dialog.card, .dialog.editor-drawer-well__placeholder,
  .dialog-enter.dialog-enter-active .dialog.card,
  .dialog-enter.dialog-enter-active .dialog.editor-drawer-well__placeholder,
  .dialog-leave .dialog.card,
  .dialog-leave .dialog.editor-drawer-well__placeholder {
    opacity: 1; }

.dialog__content {
  color: #4f748e; }
  .dialog__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.dialog__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }

.dialog__action-buttons .button {
  margin-left: 10px;
  min-width: 80px; }
  .dialog__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.dialog__action-buttons .is-left-aligned {
  float: left; }

.domain-mapping-suggestion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 661px) {
    .domain-mapping-suggestion .domain-product-price {
      margin-top: 5px; } }
  @media (min-width: 661px) {
    .domain-mapping-suggestion .domain-product-price.is-free-domain {
      margin-top: 5px; } }
  .domain-mapping-suggestion .domain-suggestion__action {
    margin-top: 20px; }
    @media (min-width: 661px) {
      .domain-mapping-suggestion .domain-suggestion__action {
        margin-top: 10px; } }

@media (min-width: 661px) {
  .domain-mapping-suggestion__domain-description {
    width: 75%; } }

.domain-mapping-suggestion__domain-description > p {
  color: #2e4453;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  opacity: 0.7; }
  @media (min-width: 961px) {
    .domain-mapping-suggestion__domain-description > p {
      margin-bottom: 8px; } }

.domain-product-price {
  color: #3d596d;
  display: inline-block;
  font-size: 17px;
  font-weight: 600; }
  @media (min-width: 661px) {
    .domain-product-price {
      min-width: 130px; } }
  @media (max-width: 660px) {
    .domain-product-price {
      font-size: 14px; } }
  .domain-product-price.is-with-plans-only:not(.is-free-domain) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 280px;
        -ms-flex: 1 1 280px;
            flex: 1 1 280px; }
    .domain-product-price.is-with-plans-only:not(.is-free-domain) small {
      font-size: 12px; }
  @media (max-width: 660px) {
    .map-domain-step .domain-product-price {
      padding-bottom: 5px; } }
  .domain-product-price small {
    font-weight: 400;
    opacity: .6; }
  .domain-product-price .domain-product-price__premium-text {
    cursor: pointer; }
  .domain-product-price .domain-product-price__free-text {
    color: #4ab866;
    display: block;
    font-size: 11px;
    text-transform: uppercase; }
  .domain-product-price.is-free-domain {
    display: block;
    font-size: 13px; }
    @media (min-width: 961px) {
      .domain-product-price.is-free-domain {
        margin-top: -6px; } }
    .domain-product-price.is-free-domain small {
      font-size: 100%;
      opacity: 1; }
    .domain-product-price.is-free-domain .domain-product-price__price {
      opacity: .6;
      text-decoration: line-through; }
    @media (min-width: 661px) {
      .domain-product-price.is-free-domain.no-price {
        padding-top: 7px; } }
    @media (min-width: 961px) {
      .domain-product-price.is-free-domain.no-price {
        padding-top: 13px; } }
  @media (min-width: 661px) {
    .is-placeholder .domain-product-price {
      display: none; } }
  @media (max-width: 660px) {
    .is-placeholder .domain-product-price {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      background-color: #e9eff3;
      color: transparent; } }

.domain-search-results__domain-availability .notice.is-success {
  margin: 0; }

.domain-search-results__domain-availability .domain-suggestion.card, .domain-search-results__domain-availability .domain-suggestion.editor-drawer-well__placeholder {
  border: solid 2px #4ab866;
  box-shadow: none;
  opacity: 1;
  position: static;
  top: auto;
  margin-bottom: 20px; }
  @media (min-width: 661px) {
    .domain-search-results__domain-availability .domain-suggestion.card, .domain-search-results__domain-availability .domain-suggestion.editor-drawer-well__placeholder {
      margin-bottom: 30px; } }

.domain-search-results__domain-availability .notice small {
  display: block;
  font-size: 12px; }

.map-domain-step .domain-search-results__domain-availability {
  margin-top: 30px; }

.domain-suggestion {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .domain-suggestion:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (min-width: 661px) {
    .domain-suggestion {
      padding: 15px 20px; }
      .domain-suggestion .domain-product-price {
        margin-left: 5%; } }
  .domain-suggestion.is-clickable {
    cursor: pointer; }
    .domain-suggestion.is-clickable:hover {
      box-shadow: 0 0 0 1px #87a6bc;
      z-index: 1; }
  .domain-suggestion.is-added {
    background-color: #fafbfc; }
    .domain-suggestion.is-added .domain-suggestion__content h3, .domain-suggestion.is-added .domain-suggestion__content .domain-product-price {
      color: #87a6bc; }

.domain-suggestion__content {
  width: 100%;
  min-height: 32px; }
  @media (min-width: 661px) {
    .domain-suggestion__content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 8px 0 0 0; } }
  .domain-suggestion__content .notice.is-compact {
    margin: 0 0 0 8px; }
  .domain-suggestion__content .notice__icon {
    display: none; }
  .is-placeholder .domain-suggestion__content {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    min-height: 44px; }
  @media (min-width: 661px) {
    .is-placeholder .domain-suggestion__content {
      margin-right: 50%;
      min-height: 22px;
      margin-top: 9px;
      margin-bottom: 9px; }
    .is-placeholder:nth-of-type(2n+1) .domain-suggestion__content {
      margin-right: 52%; }
    .is-placeholder:nth-of-type(1) .domain-suggestion__content {
      margin-right: 40%; } }
  .domain-suggestion__content > h3 {
    word-break: break-all; }
    @media (min-width: 661px) {
      .domain-suggestion__content > h3 {
        width: 75%; } }
    .is-placeholder .domain-suggestion__content > h3 {
      color: transparent; }

.domain-suggestion__action {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 66px;
  text-align: center;
  color: #0068ff; }
  .is-placeholder .domain-suggestion__action {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    border: none;
    border-radius: 0;
    color: transparent;
    margin-left: 40px;
    min-height: 26px; }

.domain-suggestion__chevron {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #87a6bc; }
  .is-placeholder .domain-suggestion__chevron {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    color: #e9eff3; }

.example-domain-suggestions {
  box-sizing: border-box;
  position: relative;
  padding-top: 16px;
  padding-right: 348px;
  max-width: 600px;
  margin: 0 auto 60px auto; }
  .example-domain-suggestions p {
    color: #4f748e;
    text-align: right;
    margin-bottom: 8px; }
  .example-domain-suggestions a {
    text-decoration: underline; }
  @media (max-width: 660px) {
    .example-domain-suggestions {
      max-width: 100%;
      padding: 16px;
      margin: 0 auto; }
      .example-domain-suggestions p {
        text-align: center; } }

.example-domain-suggestions__browser {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px; }
  .example-domain-suggestions__browser:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%);
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  .example-domain-suggestions__browser:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%);
    background: linear-gradient(to right, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  @media (max-width: 660px) {
    .example-domain-suggestions__browser {
      padding-top: 24px;
      position: relative;
      margin: 0 auto; } }

.map-domain-step {
  padding: 0; }
  .map-domain-step form.map-domain-step__form {
    padding: 20px;
    margin-bottom: 9px; }
  .map-domain-step p {
    color: #2e4453;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    opacity: 0.7; }
  .map-domain-step .domain-product-price {
    float: left;
    margin-bottom: 20px;
    min-width: 0; }
    @media (min-width: 961px) {
      .map-domain-step .domain-product-price {
        float: right;
        margin-top: -5px;
        margin-bottom: 0; } }
  .map-domain-step .notice {
    margin-top: 25px; }

@media (min-width: 961px) {
  .map-domain-step__domain-description {
    max-width: 75%;
    float: left;
    margin-bottom: 20px; } }

.map-domain-step__add-domain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%; }
  @media (min-width: 661px) {
    .map-domain-step__add-domain {
      -webkit-flex-flow: row;
          -ms-flex-flow: row;
              flex-flow: row; } }

input.map-domain-step__external-domain {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto; }

.map-domain-step__go {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 10px 0 0 0; }
  @media (min-width: 661px) {
    .map-domain-step__go {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin: 0 0 0 10px; } }

.register-domain-step__search {
  padding-bottom: 20px; }
  .register-domain-step__search .search {
    margin-bottom: 0; }
    .register-domain-step__search .search.is-refocused {
      -webkit-animation: shake .5s both;
              animation: shake .5s both;
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  @media (min-width: 661px) {
    .register-domain-step__search {
      padding-bottom: 30px; } }
  .register-domain-step__search.disabled {
    border-bottom: none;
    opacity: 0.7;
    -webkit-transition: opacity, 0.3s, ease-in-out;
    transition: opacity, 0.3s, ease-in-out; }
  .register-domain-step__search .search-card {
    margin-bottom: 0; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 60% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  30% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 60% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  30% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); } }

.drop-zone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
  transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
  border: 2px dashed #005082;
  background-color: rgba(0, 135, 190, 0.8); }
  .drop-zone.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s opacity, 0.3s background-color;
    transition: 0.3s opacity, 0.3s background-color; }
  .drop-zone.is-dragging-over-element {
    background-color: rgba(0, 104, 255, 0.8); }
  .drop-zone.is-full-screen {
    position: fixed; }

.drop-zone__content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1010;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  font-size: 24px;
  text-align: center;
  color: white;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.drop-zone.is-dragging-over-element .drop-zone__content {
  -webkit-transform: translateY(-50%) scale(1.05);
          transform: translateY(-50%) scale(1.05); }

.drop-zone__content-icon,
.drop-zone__content-text {
  display: block; }

.drop-zone__content-icon {
  margin: 0 auto;
  line-height: 0; }

.drop-zone.is-full-screen .drop-zone__content {
  font-size: 30px; }

.gridicon.ellipsis-menu__toggle-icon {
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .ellipsis-menu.is-menu-visible .gridicon.ellipsis-menu__toggle-icon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.email-verification-gate__content {
  position: relative;
  pointer-events: none;
  opacity: 0.33; }

.emojify__emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em; }

.empty-content {
  max-width: 960px;
  overflow: hidden;
  margin: 35px auto 0;
  padding-top: 20px;
  text-align: center; }
  @media (max-width: 660px) {
    .empty-content {
      padding-top: 10px;
      margin-left: 15px;
      margin-right: 15px; } }
  .empty-content.has-title-only .empty-content__title {
    margin-bottom: 40px; }

.empty-content__title {
  color: #2e4453;
  font-size: 34px;
  font-weight: 300; }
  @media (max-width: 660px) {
    .empty-content__title {
      font-size: 24px; } }

.empty-content__line {
  color: #87a6bc;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 660px) {
    .empty-content__line {
      font-size: 16px; } }

.empty-content__action {
  margin: 0 0 10px 10px; }

.empty-content.is-compact {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px; }
  .empty-content.is-compact .empty-content__illustration {
    margin-top: -130px; }
    @media (max-width: 660px) {
      .empty-content.is-compact .empty-content__illustration {
        margin-top: -80px; } }
  .empty-content.is-compact .empty-content__title {
    font-size: 30px; }
    @media (max-width: 660px) {
      .empty-content.is-compact .empty-content__title {
        font-size: 24px; } }

.external-link:hover {
  cursor: pointer; }

.external-link .gridicons-external {
  color: currentColor;
  margin-left: 8px;
  top: 2px;
  position: relative; }

.faq {
  padding: 0 16px; }
  @media (min-width: 481px) {
    .faq {
      padding: 0 24px; } }
  @media (min-width: 661px) {
    .faq {
      padding: 0; } }

.faq__heading {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 300;
  color: #668eaa; }

.faq__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  list-style: none; }

.faq__item {
  width: 100%;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 21px; }
  @media (min-width: 480px) and (max-width: 660px), (min-width: 800px) and (max-width: 1040px) {
    .faq__item {
      width: calc( ( 100% - 24px ) / 2);
      margin-left: 24px; }
      .faq__item:nth-child(2n+1) {
        margin-left: 0; } }
  @media (min-width: 1041px) {
    .faq__item {
      width: calc( ( 100% - 48px ) / 3);
      margin-left: 24px; }
      .faq__item:nth-child(3n+1) {
        margin-left: 0; } }

.faq__question {
  margin-bottom: 12px;
  font-weight: 600;
  color: #668eaa; }

.faq__answer {
  margin-bottom: 1em;
  color: #4f748e; }
  .faq__answer a {
    color: #0068ff;
    text-decoration: underline; }

.feature-example {
  max-height: 400px;
  margin-top: 36px;
  position: relative;
  overflow: hidden; }

.feature-example__gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0.4), #f3f6f8);
  background: linear-gradient(to bottom, rgba(243, 246, 248, 0.4), #f3f6f8);
  z-index: 179; }

.is-first-view-active .main {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

.is-first-view-visible .main {
  opacity: 0.3;
  pointer-events: none; }
  @supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .is-first-view-visible .main {
      -webkit-filter: blur(3px);
              filter: blur(3px); } }

.first-view {
  box-sizing: border-box;
  margin: calc( 47px + 10vh) 0 0 0;
  padding: 32px 32px 32px 32px;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 175; }
  @media (max-width: 480px) {
    .first-view {
      padding: 0;
      margin-top: 47px; } }
  @media (min-width: 661px) {
    .first-view {
      padding-left: 260px; } }
  @media (min-width: 961px) {
    .first-view {
      padding-left: 304px; } }
  @media (max-height: 480px) {
    .first-view {
      padding: 0;
      margin: 47px 0; } }

.first-view__content {
  margin: 0 auto;
  max-width: 575px;
  opacity: 0;
  padding: 20px 24px 20px 156px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 8px 30px rgba(135, 166, 188, 0.2);
  position: relative;
  pointer-events: auto;
  -webkit-transform: scale(0.98) translateY(32px);
          transform: scale(0.98) translateY(32px);
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
  @media (max-width: 480px) {
    .first-view__content {
      height: 100%;
      padding-left: 24px;
      text-align: center; } }
  .first-view__content .first-view__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 128px;
    background: #f3f6f8;
    border-right: 1px solid #e9eff3;
    padding: 2px; }
    @media (max-width: 480px) {
      .first-view__content .first-view__icon {
        position: relative;
        width: calc( 100% + 48px);
        border-right: none;
        border-bottom: 1px solid #e9eff3;
        padding: 16px 0;
        margin: -20px -24px 24px -24px; } }
  @media (max-width: 480px) and (max-height: 480px) {
    .first-view__content .first-view__icon {
      display: none; } }
  @media (max-width: 480px) and (max-height: 660px) {
    .first-view__content .first-view__icon {
      width: calc( 100% + 80px);
      margin: -34px -40px 40px -40px;
      zoom: 0.6; } }
    .first-view__content .first-view__icon svg {
      width: 128px;
      height: 128px; }
      @media (max-width: 480px) {
        .first-view__content .first-view__icon svg {
          margin: 0 auto;
          width: 220px;
          height: 220px; } }
  .first-view__content h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    line-height: 1.4; }
    @media (max-width: 480px) {
      .first-view__content h1 {
        font-size: 24px; } }
  .first-view__content p {
    font-size: 15px;
    margin: 0 0 20px 0;
    line-height: 1.5; }
  .first-view__content .button {
    min-width: 120px; }
    @media (max-width: 480px) {
      .first-view__content .button {
        min-width: 200px; } }

.is-first-view-visible .first-view__content {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0); }

.first-view__hide-preference {
  color: #3d596d;
  padding: 8px 0; }
  @media (max-width: 480px) {
    .first-view__hide-preference {
      padding: 24px 0; } }
  @media (min-width: 661px) {
    .first-view__hide-preference {
      display: inline-block;
      padding-left: 32px; } }
  .first-view__hide-preference label {
    cursor: pointer; }
  .first-view__hide-preference input[type='checkbox'] {
    float: none;
    margin-right: 8px;
    margin-top: -2px; }

.foldable-card.card, .foldable-card.editor-drawer-well__placeholder {
  position: relative;
  -webkit-transition: margin .15s linear;
  transition: margin .15s linear;
  padding: 0; }
  .foldable-card.card:after, .foldable-card.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .foldable-card.card.is-expanded, .foldable-card.is-expanded.editor-drawer-well__placeholder {
    margin-bottom: 8px; }

.foldable-card__header {
  min-height: 64px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative; }
  .foldable-card__header.is-clickable {
    cursor: pointer; }
  .foldable-card__header.has-border .foldable-card__summary,
  .foldable-card__header.has-border .foldable-card__summary_expanded {
    margin-right: 48px; }
  .foldable-card__header.has-border .foldable-card__expand {
    border-left: 1px #f3f6f8 solid; }
  .foldable-card.is-compact .foldable-card__header {
    padding: 8px 16px;
    min-height: 40px; }
  .foldable-card.is-expanded .foldable-card__header {
    margin-bottom: 0px;
    height: inherit;
    min-height: 64px; }
  .foldable-card.is-expanded.is-compact .foldable-card__header {
    min-height: 40px; }
  .foldable-card.is-disabled .foldable-card__header {
    opacity: 0.2; }

.foldable-card__action {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
  .foldable-card.is-expanded .foldable-card__action {
    height: 100%; }
  .foldable-card.is-disabled .foldable-card__action {
    cursor: default; }
  .accessible-focus .foldable-card__action:focus {
    outline: thin dotted; }

button.foldable-card__action {
  cursor: pointer; }

.foldable-card__main {
  max-width: calc( 100% - 36px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 2;
  -webkit-flex: 2 1;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px; }
  @media (max-width: 480px) {
    .foldable-card__main {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1; } }

.foldable-card__secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.foldable-card__expand {
  width: 48px; }
  .foldable-card__expand .gridicon {
    fill: #87a6bc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .foldable-card.is-expanded .foldable-card__expand .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .foldable-card__expand .gridicon:hover {
    fill: #87a6bc; }
  .foldable-card__expand:hover .gridicon {
    fill: #0068ff; }

.foldable-card__content {
  display: none; }
  .foldable-card.is-expanded .foldable-card__content {
    display: block;
    padding: 16px;
    border-top: 1px solid #f3f6f8; }
    .foldable-card.is-compact .foldable-card.is-expanded .foldable-card__content {
      padding: 8px; }

.foldable-card__summary,
.foldable-card__summary_expanded {
  margin-right: 40px;
  color: #537994;
  font-size: 12px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  display: inline-block; }
  .foldable-card.has-expanded-summary .foldable-card__summary, .foldable-card.has-expanded-summary
  .foldable-card__summary_expanded {
    -webkit-transition: none;
    transition: none;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    text-align: right; }
  @media (max-width: 480px) {
    .foldable-card__summary,
    .foldable-card__summary_expanded {
      display: none; } }

.foldable-card__summary {
  opacity: 1;
  display: inline-block; }
  .foldable-card.is-expanded .foldable-card__summary {
    display: none; }
    .has-expanded-summary .foldable-card.is-expanded .foldable-card__summary {
      display: none; }

.foldable-card__summary_expanded {
  display: none; }
  .foldable-card.is-expanded .foldable-card__summary_expanded {
    display: inline-block; }

.counted-textarea {
  border: 1px solid #c8d7e1;
  background-color: #f3f6f8; }
  .counted-textarea.is-exceeding-acceptable-length {
    background: #d94f4f; }
    .counted-textarea.is-exceeding-acceptable-length .counted-textarea__count-panel,
    .counted-textarea.is-exceeding-acceptable-length .gridicons-info-outline {
      color: white; }

.counted-textarea__input {
  display: block;
  resize: vertical;
  border: none;
  padding: 8px; }

.counted-textarea__count-panel {
  padding: 8px;
  font-size: 12px;
  color: #4f748e; }

.form-button {
  float: right;
  margin-left: 10px; }

.form-buttons-bar:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

@media (max-width: 480px) {
  .form-buttons-bar {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .form-buttons-bar .button {
      display: block;
      margin-top: 8px; }
    .form-buttons-bar .form-button {
      float: none;
      margin-left: 0; } }

.form-fieldset {
  clear: both;
  margin-bottom: 20px; }

.form-input-validation {
  color: #4ab866;
  position: relative;
  padding: 6px 24px 11px 34px;
  border-radius: 1px;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  .form-input-validation.is-error {
    color: #d94f4f; }
  .form-input-validation.is-warning {
    color: #f0b849; }
  .form-input-validation .gridicon {
    float: left;
    margin-left: -34px; }

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }

.form-label input[type="checkbox"] + span,
.form-label input[type="radio"] + span {
  font-weight: normal; }

.form-legend {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px; }

li .form-legend {
  margin-top: 4px; }

.form-password-input {
  position: relative; }
  .form-password-input .form-text-input {
    padding-right: 32px; }
  .form-password-input .form-password-input__toggle {
    display: none; }
  .form-password-input .form-password-input__toggle-visibility {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 8px /*rtl:ignore*/;
    top: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .form-password-input .form-password-input__toggle-visibility .gridicon {
      fill: #a8bece; }
      .form-password-input .form-password-input__toggle-visibility .gridicon:hover {
        fill: #668eaa; }

.form-range {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 18px;
  margin: 0;
  padding: 0;
  background: #c8d7e1;
  background: -webkit-linear-gradient(top, transparent, transparent 8px, #c8d7e1 8px, #c8d7e1 10px, transparent 10px);
  background: linear-gradient(to bottom, transparent, transparent 8px, #c8d7e1 8px, #c8d7e1 10px, transparent 10px); }

.form-range:focus {
  outline: none; }

.form-range::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border: none;
  background: -webkit-radial-gradient(#0068ff, #0068ff 6px, #005082 7px, transparent 8px, transparent);
  background: radial-gradient(#0068ff, #0068ff 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer;
  -webkit-appearance: none; }

.form-range::-moz-range-track {
  background: transparent;
  border: none; }

.form-range::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border: none;
  background: radial-gradient(#0068ff, #0068ff 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer; }

.form-range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

.form-range::-ms-fill-lower,
.form-range::-ms-fill-upper {
  background: transparent; }

.form-range::-ms-thumb {
  height: 16px;
  width: 16px;
  border: none;
  background: radial-gradient(#0068ff, #0068ff 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer; }

.content-form-range {
  display: inline-block;
  position: relative;
  width: 150px;
  padding: 4px 40px;
  vertical-align: top;
  margin-right: 5px; }
  .content-form-range input {
    position: relative; }
    .content-form-range input[type=range]::-webkit-slider-thumb {
      width: 10px;
      height: 10px;
      margin-top: -4px;
      border-radius: 50%;
      background: #666666; }
    .content-form-range input[type=range]::-webkit-slider-runnable-track {
      height: 2px;
      outline: none;
      background: #666666;
      border: none;
      border-radius: 2px; }
    .content-form-range input[type=range]:focus {
      outline: none; }
    .content-form-range input[type=range]::-moz-range-track {
      height: 2px;
      outline: none;
      background: #666666;
      border: none;
      border-radius: 2px; }
    .content-form-range input[type=range]::-moz-range-thumb {
      width: 10px;
      height: 10px;
      margin-top: -4px;
      border-radius: 50%;
      background: #666666; }
    .content-form-range input[type=range]:-moz-focusring {
      outline: none; }
  .content-form-range .ranger-min, .content-form-range .ranger-max {
    position: absolute;
    top: 3px;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.5; }
  .content-form-range .ranger-min {
    left: 20px; }
    .content-form-range .ranger-min::before {
      content: "\f03e";
      position: absolute;
      top: 2px;
      font-size: 14px; }
  .content-form-range .ranger-max {
    right: 30px; }
    .content-form-range .ranger-max::after {
      content: "\f03e";
      position: absolute;
      font-size: 20px; }

.form-section-heading {
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 20px 0; }

.form-section-heading:first-child {
  margin-top: 0; }

.form-select {
  margin-bottom: 1em; }
  .form-select.is-error {
    border-color: #d94f4f; }
  .form-select.is-error:hover {
    border-color: #c92c2c; }
  .form-select:disabled {
    color: #a8bece; }
  .form-select:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  .form-select:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

.form-select:only-of-type,
.form-select:last-of-type {
  margin-bottom: 0; }

.form-setting-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0 0 0; }
  .form-setting-explanation.is-indented {
    margin-left: 24px; }

.form-tel-input {
  -webkit-appearance: none; }
  .form-tel-input:not(:focus).is-error {
    border-color: #d94f4f; }
  .form-tel-input:not(:focus).is-error:hover {
    border-color: #c92c2c; }

input[type="email"].form-text-input,
input[type="password"].form-text-input,
input[type="url"].form-text-input,
input[type="text"].form-text-input {
  -webkit-appearance: none; }
  input[type="email"].form-text-input.is-valid,
  input[type="password"].form-text-input.is-valid,
  input[type="url"].form-text-input.is-valid,
  input[type="text"].form-text-input.is-valid {
    border-color: #4ab866; }
  input[type="email"].form-text-input.is-valid:hover,
  input[type="password"].form-text-input.is-valid:hover,
  input[type="url"].form-text-input.is-valid:hover,
  input[type="text"].form-text-input.is-valid:hover {
    border-color: #3a9551; }
  input[type="email"].form-text-input.is-error,
  input[type="password"].form-text-input.is-error,
  input[type="url"].form-text-input.is-error,
  input[type="text"].form-text-input.is-error {
    border-color: #d94f4f; }
  input[type="email"].form-text-input.is-error:hover,
  input[type="password"].form-text-input.is-error:hover,
  input[type="url"].form-text-input.is-error:hover,
  input[type="text"].form-text-input.is-error:hover {
    border-color: #c92c2c; }
  input[type="email"].form-text-input:focus.is-valid,
  input[type="password"].form-text-input:focus.is-valid,
  input[type="url"].form-text-input:focus.is-valid,
  input[type="text"].form-text-input:focus.is-valid {
    box-shadow: 0 0 0 2px #caead2; }
  input[type="email"].form-text-input:focus.is-valid:hover,
  input[type="password"].form-text-input:focus.is-valid:hover,
  input[type="url"].form-text-input:focus.is-valid:hover,
  input[type="text"].form-text-input:focus.is-valid:hover {
    box-shadow: 0 0 0 2px #a6dcb3; }
  input[type="email"].form-text-input:focus.is-error,
  input[type="password"].form-text-input:focus.is-error,
  input[type="url"].form-text-input:focus.is-error,
  input[type="text"].form-text-input:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  input[type="email"].form-text-input:focus.is-error:hover,
  input[type="password"].form-text-input:focus.is-error:hover,
  input[type="url"].form-text-input:focus.is-error:hover,
  input[type="text"].form-text-input:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

.form-text-input-with-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .form-text-input-with-action.is-focused {
    border-color: #0087be;
    outline: none;
    box-shadow: 0 0 0 2px #78dcfa; }
    .form-text-input-with-action.is-focused.is-valid {
      box-shadow: 0 0 0 2px #caead2; }
    .form-text-input-with-action.is-focused.is-valid:hover {
      box-shadow: 0 0 0 2px #a6dcb3; }
    .form-text-input-with-action.is-focused.is-error {
      box-shadow: 0 0 0 2px #f9e2e2; }
    .form-text-input-with-action.is-focused.is-error:hover {
      box-shadow: 0 0 0 2px #f0b8b8; }
  .form-text-input-with-action.is-disabled {
    background: #f3f6f8;
    border-color: #e9eff3;
    color: #a8bece;
    opacity: 1;
    -webkit-text-fill-color: #a8bece; }
    .form-text-input-with-action.is-disabled:hover {
      cursor: default; }
    .form-text-input-with-action.is-disabled::-webkit-input-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled::-moz-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled:-ms-input-placeholder {
      color: #a8bece; }
    .form-text-input-with-action.is-disabled::placeholder {
      color: #a8bece; }
  .form-text-input-with-action.is-valid {
    border-color: #4ab866; }
  .form-text-input-with-action.is-valid:hover {
    border-color: #3a9551; }
  .form-text-input-with-action.is-error {
    border-color: #d94f4f; }
  .form-text-input-with-action.is-error:hover {
    border-color: #c92c2c; }

.form-text-input-with-action__button.is-compact {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 4px;
  text-transform: none; }

input[type="text"].form-text-input-with-action__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  border: none;
  min-width: 0; }

input[type="text"].form-text-input-with-action__input:focus {
  border: none;
  box-shadow: none; }

.form-text-input-with-affixes {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .form-text-input-with-affixes.no-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .form-text-input-with-affixes input[type="email"],
  .form-text-input-with-affixes input[type="password"],
  .form-text-input-with-affixes input[type="url"],
  .form-text-input-with-affixes input[type="text"] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .form-text-input-with-affixes input[type="email"]:focus,
    .form-text-input-with-affixes input[type="password"]:focus,
    .form-text-input-with-affixes input[type="url"]:focus,
    .form-text-input-with-affixes input[type="text"]:focus {
      -webkit-transform: scale(1);
              transform: scale(1); }

.form-text-input-with-affixes__prefix,
.form-text-input-with-affixes__suffix {
  background: #f3f6f8;
  border: 1px solid #c8d7e1;
  color: #4f748e;
  padding: 8px 14px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 16px;
  line-height: 1.5; }

.form-text-input-with-affixes__prefix {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__prefix {
      border-bottom: none; } }
  .no-wrap > .form-text-input-with-affixes__prefix {
    border-bottom-left-radius: 2px;
    border-right: none;
    border-top-right-radius: 0; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__prefix {
      border-bottom-left-radius: 2px;
      border-right: none;
      border-top-right-radius: 0; } }

.form-text-input-with-affixes__suffix {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__suffix {
      border-top: none; } }
  .no-wrap > .form-text-input-with-affixes__suffix {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-right-radius: 2px; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__suffix {
      border-bottom-left-radius: 0;
      border-left: none;
      border-top-right-radius: 2px; } }

.form-toggle[type="checkbox"] {
  display: none; }

.form-toggle__switch {
  position: relative;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 2px;
  width: 40px;
  height: 24px;
  vertical-align: middle;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .4s ease, box-shadow 0s;
  transition: all .4s ease, box-shadow 0s; }
  .form-toggle__switch:before, .form-toggle__switch:after {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px; }
  .form-toggle__switch:after {
    left: 0;
    border-radius: 50%;
    background: white;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .form-toggle__switch:before {
    display: none; }
  .accessible-focus .form-toggle__switch:focus {
    box-shadow: 0 0 0 2px #0068ff; }

.form-toggle__label {
  cursor: pointer; }
  .is-disabled .form-toggle__label {
    cursor: default; }
  .form-toggle__label .form-toggle__label-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-left: 12px; }

.accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #0068ff; }

.accessible-focus .form-toggle:focus:checked + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #78dcfa; }

.form-toggle + .form-toggle__label .form-toggle__switch {
  background: #a8bece; }

.form-toggle:not(:disabled) + .form-toggle__label .form-toggle__switch:hover {
  background: #c8d7e1; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch {
  background: #0068ff; }
  .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
    left: 16px; }

.form-toggle:checked:not(:disabled) + .form-toggle__label .form-toggle__switch:hover {
  background: #78dcfa; }

.form-toggle:disabled + label.form-toggle__label span.form-toggle__switch {
  opacity: 0.25;
  cursor: default; }

.form-toggle.is-toggling + .form-toggle__label .form-toggle__switch {
  background: #0068ff; }

.form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch {
  background: #c8d7e1; }

.form-toggle.is-compact + .form-toggle__label .form-toggle__switch {
  border-radius: 8px;
  width: 24px;
  height: 16px; }
  .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:before, .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:after {
    width: 12px;
    height: 12px; }

.form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after {
  left: 8px; }

.range {
  position: relative; }
  .range.has-min-content {
    margin-left: 24px; }
  .range.has-max-content {
    margin-right: 24px; }

.range__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #87a6bc; }
  .range__content.is-min {
    left: -24px; }
  .range__content.is-max {
    right: -24px; }

.range__content > * {
  display: block; }

.range__label {
  position: absolute;
  bottom: 100%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 5px;
  pointer-events: none; }
  .range__label::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: white;
    border-right: 1px solid #c8d7e1 /*rtl:ignore*/;
    border-bottom: 1px solid #c8d7e1 /*rtl:ignore*/; }

.range__label-inner {
  display: block;
  padding: 8px 12px;
  border: 1px solid #c8d7e1;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

.sortable-list__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.sortable-list.is-horizontal .sortable-list__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.sortable-list.is-vertical .sortable-list__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.sortable-list__item {
  display: inline-block; }
  .sortable-list__item.is-active > * {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #0068ff; }
  .sortable-list__item.is-draggable.is-active {
    position: fixed;
    z-index: 1000; }
  .sortable-list__item.is-shadow {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.5; }
  .sortable-list__item.is-draggable > * {
    cursor: move;
    box-shadow: none; }

.sortable-list__navigation {
  margin-top: 18px;
  text-align: right; }

.sortable-list__navigation-button {
  padding: 8px;
  background-color: #f3f6f8;
  border: 1px solid #c8d7e1;
  color: #87a6bc; }
  .sortable-list__navigation-button:not(:disabled):hover {
    cursor: pointer;
    color: #0068ff; }
  .sortable-list__navigation-button:disabled {
    cursor: not-allowed;
    opacity: 0.4; }

.sortable-list.is-horizontal .sortable-list__navigation-button {
  display: inline-block; }
  .sortable-list.is-horizontal .sortable-list__navigation-button.is-previous {
    padding-left: 12px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; }
  .sortable-list.is-horizontal .sortable-list__navigation-button.is-next {
    margin-left: -1px;
    padding-right: 12px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; }

.sortable-list.is-horizontal .sortable-list__navigation-button .noticon {
  -webkit-transform: rotate(90deg) translateX(1px);
          transform: rotate(90deg) translateX(1px); }

.sortable-list.is-vertical .sortable-list__navigation-button {
  display: block;
  margin-left: auto; }
  .sortable-list.is-vertical .sortable-list__navigation-button.is-previous {
    border-top-right-radius: 50%;
    border-top-left-radius: 50%; }
  .sortable-list.is-vertical .sortable-list__navigation-button.is-next {
    margin-top: -1px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%; }

.sortable-list.is-vertical .sortable-list__navigation-button .noticon {
  -webkit-transform: rotate(180deg) translateX(1px);
          transform: rotate(180deg) translateX(1px); }

.sortable-list__navigation-button .noticon {
  font-size: 24px;
  font-weight: bold; }

.gauge__label {
  display: block;
  position: relative;
  text-align: center; }
  .gauge__label .gauge__number {
    color: #3d596d;
    display: block;
    margin-top: -5px; }
  .gauge__label .gauge__metric {
    display: block;
    color: #4f748e;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: .7; }

.global-notices {
  margin-top: 30px;
  right: 15px;
  overflow: hidden;
  text-align: right;
  pointer-events: none;
  z-index: 179;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .global-notices {
      top: 63px;
      right: 16px;
      margin-top: 40px;
      bottom: auto;
      left: auto;
      max-width: calc( 100% - 32px); } }
  @media (min-width: 961px) {
    .global-notices {
      top: 71px;
      right: 24px;
      margin-top: 30px;
      max-width: calc( 100% - 48px); } }
  @media (min-width: 1041px) {
    .global-notices {
      right: 18px;
      margin-top: 30px;
      max-width: calc( 100% - 64px); } }

.global-notices .notice {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 0;
  text-align: left;
  pointer-events: auto; }
  @media (min-width: 661px) {
    .global-notices .notice {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-radius: 20px;
      overflow: hidden;
      margin-bottom: 24px; } }

@media (min-width: 661px) {
  .global-notices .notice__icon {
    padding: 8px 0 8px 16px; } }

.global-notices .notice__content {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 661px) {
    .global-notices .notice__content {
      padding: 9px 13px; } }

@media (min-width: 661px) {
  .global-notices .notice a.notice__action {
    font-size: 14px;
    padding: 9px 16px; } }

.global-notices .notice__dismiss {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media (min-width: 661px) {
    .global-notices .notice__dismiss {
      padding: 8px 16px; } }

/**
 * @component Gravatar
 */
.gravatar {
  border-radius: 50%; }
  .gravatar.is-placeholder {
    display: inline-block;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .gravatar.is-placeholder:after {
      content: '\00a0'; }

.happiness-support.is-placeholder .happiness-support__heading,
.happiness-support.is-placeholder .happiness-support__text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .happiness-support.is-placeholder .happiness-support__heading:after,
  .happiness-support.is-placeholder .happiness-support__text:after {
    content: '\00a0'; }

.happiness-support.is-placeholder .happiness-support__heading {
  width: 78%; }

.happiness-support.is-placeholder .happiness-support__text {
  width: 82%; }

.happiness-support.is-placeholder .happiness-support__gravatar {
  display: none; }

.happiness-support.is-placeholder .happiness-support__buttons .button {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .happiness-support.is-placeholder .happiness-support__buttons .button:after {
    content: '\00a0'; }

.happiness-support__heading {
  color: #668eaa;
  clear: none;
  font-size: 21px; }

.happiness-support__text {
  color: #537994;
  margin-bottom: 16px;
  margin-top: 16px; }

.happiness-support__gravatar {
  float: right;
  margin-left: 30px;
  text-align: center; }
  .happiness-support__gravatar .gravatar {
    display: block; }
    @media (max-width: 660px) {
      .happiness-support__gravatar .gravatar {
        height: 68px;
        width: 68px; } }

.happiness-support__gravatar-name {
  color: #87a6bc;
  font-size: 14px; }

.happiness-support__buttons {
  clear: both; }
  @media (max-width: 660px) {
    .happiness-support__buttons {
      margin-top: 6px;
      text-align: center; } }
  @media (max-width: 660px) {
    .happiness-support__buttons .button {
      margin-top: 10px;
      width: 80%; } }
  @media (min-width: 661px) {
    .happiness-support__buttons .button {
      margin-top: 10px; }
      .happiness-support__buttons .button:first-of-type {
        margin-right: 16px; } }

.header-cake.card, .header-cake.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  padding-top: 11px;
  padding-bottom: 11px; }
  .header-cake.card::after, .header-cake.editor-drawer-well__placeholder::after {
    display: none; }
  @media (max-width: 660px) {
    .header-cake.card, .header-cake.editor-drawer-well__placeholder {
      margin-top: 10px; } }

.header-cake__back {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: block;
  max-width: 33.333%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .header-cake__back.is-spacer {
    opacity: 0;
    cursor: default;
    z-index: -1; }
  .header-cake__back.is-action .gridicon {
    margin-right: 4px; }

.header-cake__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #2e4453;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px; }

.hr-with-text {
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  margin: 20px 0; }
  .hr-with-text > div {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #c8d7e1;
    max-width: 80%; }
    .hr-with-text > div:before, .hr-with-text > div:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 9999px;
      height: 1px;
      background-color: #c8d7e1; }
    .hr-with-text > div:before {
      right: 100%;
      margin-right: 5px; }
    .hr-with-text > div::after {
      left: 100%;
      margin-left: 5px; }

.infinite-list__spacer {
  width: 100%; }

.info-popover .gridicon {
  cursor: pointer;
  color: #a8bece; }
  .info-popover .gridicon:hover {
    color: #2e4453; }

.info-popover.is_active .gridicon {
  color: #2e4453; }

.popover.info-popover__tooltip .popover__inner {
  color: #4f748e;
  font-size: 13px;
  max-width: 220px;
  padding: 16px;
  text-align: left; }

.input-chrono__container {
  position: relative;
  margin: 6px auto; }
  .input-chrono__container .gridicons-calendar {
    color: #c8d7e1;
    z-index: 0;
    font-size: 8px;
    width: 20px;
    position: absolute;
    left: 5px;
    top: 5px; }

.text-chrono,
input.input-chrono {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #e9eff3;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0);
  color: #537994;
  font-size: 12px;
  text-align: left;
  position: relative;
  z-index: 1; }

.text-chrono {
  border: 0; }

.logged-out-form,
.logged-out-form__links {
  margin: 0 auto;
  max-width: 400px; }

.logged-out-form__footer {
  background: #f6f9fa;
  border-top: 1px solid #e9eff3;
  box-shadow: none;
  margin: 0 -16px -16px -16px;
  padding: 16px; }
  @media (min-width: 481px) {
    .logged-out-form__footer {
      margin: 0 -24px -24px -24px;
      padding: 24px; } }
  .logged-out-form__footer .button.is-primary {
    float: none;
    margin: 0;
    width: 100%; }

.logged-out-form__link-item {
  border-bottom: 1px solid #c8d7e1;
  color: #87a6bc;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  padding: 16px 24px;
  cursor: pointer; }
  .logged-out-form__link-item:last-child {
    border-bottom: none; }
  .logged-out-form__link-item:visited {
    color: #87a6bc; }
  .logged-out-form__link-item:hover {
    color: #0068ff; }

.main {
  margin: auto;
  max-width: 720px;
  z-index: 20; }
  .main.themes {
    max-width: 100%; }
  .main.sites {
    max-width: 320px; }
  .main.customize {
    max-width: 100%; }
  .main.is-wide-layout {
    max-width: 1040px; }
  @media (max-width: 660px) {
    .main {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000;
              perspective: 1000; } }

.main .empty-content {
  margin-top: 0; }

.dialog__content .cancel-purchase-form__reason-input {
  margin: 4px 0 0 24px;
  width: calc( 100% - 24px); }

.mobile-back-to-sidebar {
  margin: 0 0 8px 0;
  padding: 15px 0 15px 36px;
  position: relative;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  cursor: pointer; }
  @media (min-width: 661px) {
    .mobile-back-to-sidebar {
      display: none; } }

.mobile-back-to-sidebar__icon {
  position: absolute;
  top: 16px;
  left: 10px;
  fill: #87a6bc;
  height: 20px;
  width: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.mobile-back-to-sidebar__content {
  font-size: 15px;
  color: #2e4453; }

.notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  background: #e9eff3;
  box-sizing: border-box;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  @media (min-width: 481px) {
    .notice {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .notice.is-success {
    background: #4ab866; }
  .notice.is-warning {
    background: #f0b849; }
  .notice.is-error {
    background: #d94f4f; }
  .notice.is-info {
    background: #0087be; }
  .notice.is-success, .notice.is-error, .notice.is-warning, .notice.is-info {
    color: white; }
    .notice.is-success .notice__text a, .notice.is-error .notice__text a, .notice.is-warning .notice__text a, .notice.is-info .notice__text a {
      color: white; }
    .notice.is-success .notice__dismiss, .notice.is-error .notice__dismiss, .notice.is-warning .notice__dismiss, .notice.is-info .notice__dismiss {
      color: white;
      overflow: hidden; }

.notice__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 14px 16px; }
  @media (min-width: 481px) {
    .notice__icon {
      position: relative;
      padding: 13px 0px 13px 16px;
      width: 24px;
      height: 24px; } }

.notice__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 14px 48px;
  font-size: 12px; }
  @media (min-width: 481px) {
    .notice__content {
      font-size: 15px;
      padding: 13px; } }

.notice__text {
  max-width: 680px; }
  .notice__text a {
    text-decoration: underline; }
  .notice__text ul {
    margin-bottom: 0;
    margin-left: 0; }
  .notice__text li {
    margin-left: 2em;
    margin-top: 0.5em; }
  .notice__text p {
    margin-bottom: 0;
    margin-top: 0.5em; }
    .notice__text p:first-child {
      margin-top: 0; }

.notice__button {
  cursor: pointer;
  margin-left: 0.428em; }

.notice__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 14px 16px;
  cursor: pointer;
  color: #87a6bc; }
  .notice__dismiss .gridicon {
    width: 18px;
    height: 18px; }
  @media (min-width: 481px) {
    .notice__dismiss {
      position: relative;
      padding: 13px 16px; }
      .notice__dismiss .gridicon {
        width: 24px;
        height: 24px; } }
  .notice__dismiss:hover, .notice__dismiss:focus {
    color: #2e4453; }
  .notice .notice__dismiss {
    color: #87a6bc;
    opacity: 0.85; }
    .notice .notice__dismiss:hover, .notice .notice__dismiss:focus {
      opacity: 1; }

a.notice__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  box-sizing: border-box;
  margin: 0 8px 8px 8px;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  background: #e3eaef; }
  @media (min-width: 481px) {
    a.notice__action {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      border-radius: 0;
      font-size: 14px;
      margin: 0 0 0 auto;
      padding: 13px 16px; }
      a.notice__action .gridicon {
        width: 24px;
        height: 24px; } }
  .is-success a.notice__action,
  .is-error a.notice__action,
  .is-warning a.notice__action,
  .is-info a.notice__action {
    color: white; }
  .is-success a.notice__action {
    background: #338247; }
  .is-error a.notice__action {
    background: #b52727; }
  .is-warning a.notice__action {
    background: #da9712; }
  .is-info a.notice__action {
    background: #005172; }
  a.notice__action .gridicon {
    margin-left: 8px;
    opacity: 0.7;
    width: 18px;
    height: 18px; }
  a.notice__action:hover, a.notice__action:focus {
    background: rgba(255, 255, 255, 0.2); }

.notice.is-compact {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: auto;
  border-radius: 2px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; }
  .notice.is-compact.is-success, .notice.is-compact.is-error, .notice.is-compact.is-warning, .notice.is-compact.is-info {
    color: white; }
  .notice.is-compact .notice__content {
    font-size: 12px;
    padding: 6px 8px; }
  .notice.is-compact .notice__text {
    line-height: 1; }
  .notice.is-compact .notice__icon {
    position: relative;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin: 0 0 0 8px;
    padding: 0;
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .notice.is-compact .notice__dismiss {
    display: none; }
  .notice.is-compact a.notice__action {
    background: transparent;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-left: 16px;
    padding: 0 8px;
    text-decoration: underline;
    text-transform: uppercase; }
    .notice.is-compact a.notice__action:hover, .notice.is-compact a.notice__action:active, .notice.is-compact a.notice__action:focus {
      background: transparent;
      text-decoration: none; }
    .notice.is-compact a.notice__action .gridicon {
      margin-left: 8px;
      width: 14px;
      height: 14px;
      vertical-align: sub;
      opacity: 1; }

.olark-chatbox__container #habla_topbar_div {
  display: none; }

.olark-chatbox__container #habla_window_div {
  margin: auto !important;
  bottom: auto !important;
  right: auto !important;
  display: block !important;
  position: inherit !important; }
  .olark-chatbox__container #habla_window_div #habla_expanded_div {
    border-top: 1px solid #c8d7e1;
    border-bottom: 1px solid #c8d7e1; }

.olark-chatbox__container .hbl_pal_main_width {
  width: auto !important; }

.payment-logo {
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 35px auto;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 35px; }
  .payment-logo.is-amex {
    background-image: url("/calypso/images/upgrades/cc-amex.svg"); }
  .payment-logo.is-discover {
    background-image: url("/calypso/images/upgrades/cc-discover.svg"); }
  .payment-logo.is-mastercard {
    background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }
  .payment-logo.is-visa {
    background-image: url("/calypso/images/upgrades/cc-visa.svg"); }
  .payment-logo.is-placeholder {
    background-image: url("/calypso/images/upgrades/cc-placeholder.svg"); }
  .payment-logo.is-paypal {
    background-image: url("/calypso/images/upgrades/paypal.svg");
    background-size: 70px;
    width: 70px; }
    .payment-logo.is-paypal.is-compact {
      width: 16px; }

.plan-icon {
  width: inherit;
  height: inherit;
  background-repeat: no-repeat; }

.plan-icon__free .plan-icon__free-0 {
  fill: #78dcfa; }

.plan-icon__free .plan-icon__free-1 {
  fill: white; }

.plan-icon__free .plan-icon__free-2 {
  fill: #006a95; }

.plan-icon__free .plan-icon__free-3 {
  fill: #0087be; }

.plan-icon__free .plan-icon__free-4 {
  fill: #00a4e7; }

.plan-icon__personal .plan-icon__personal-0 {
  fill: #f0b849; }

.plan-icon__personal .plan-icon__personal-1 {
  fill: #87a6bc; }

.plan-icon__personal .plan-icon__personal-2 {
  fill: #c8d7e1; }

.plan-icon__personal .plan-icon__personal-3 {
  fill: white; }

.plan-icon__personal .plan-icon__personal-4 {
  fill: #668eaa; }

.plan-icon__personal .plan-icon__personal-5 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-0 {
  fill: #4ab866; }

.plan-icon__premium .plan-icon__premium-1 {
  fill: #87a6bc; }

.plan-icon__premium .plan-icon__premium-2 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-3 {
  fill: white; }

.plan-icon__premium .plan-icon__premium-4 {
  fill: #c8d7e1; }

.plan-icon__premium .plan-icon__premium-5 {
  fill: #4f748e; }

.plan-icon__premium .plan-icon__premium-6 {
  fill: #3d596d; }

.plan-icon__business .plan-icon__business-0 {
  fill: #855DA6; }

.plan-icon__business .plan-icon__business-1 {
  fill: white; }

.plan-icon__business .plan-icon__business-2 {
  fill: #e9eff3; }

.plan-icon__business .plan-icon__business-3 {
  fill: #0087be; }

.plan-icon__business .plan-icon__business-4 {
  fill: #005082; }

.plan-header .plan-price,
.plan-header .jetpack-plan-price,
.plan-header .wpcom-plan-price {
  color: #2e4453;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.plan-price__billing-period,
.jetpack-plan-price__billing-period,
.wpcom-plan-price__billing-period {
  font-size: 12px;
  font-style: italic;
  color: #668eaa; }

.plan-header .plan-price__discount,
.plan-header .jetpack-plan-price__discount,
.plan-header .wpcom-plan-price__discount,
.plan-price__discount .plan-price__billing-period,
.jetpack-plan-price__discount .jetpack-plan-price__billing-period,
.wpcom-plan-price__discount .wpcom-plan-price__billing-period {
  color: #4ab866; }

.plan-price.is-placeholder,
.jetpack-plan-price.is-placeholder,
.wpcom-plan-price.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .plan-price.is-placeholder:after,
  .jetpack-plan-price.is-placeholder:after,
  .wpcom-plan-price.is-placeholder:after {
    content: '\00a0'; }

.plan-price__discounted,
.jetpack-plan-price__discounted,
.wpcom-plan-price__discounted {
  color: #87a6bc;
  text-decoration: line-through; }

.plans-compare .plan-price,
.plans-compare .jetpack-plan-price,
.plans-compare .wpcom-plan-price {
  font-size: 10px;
  padding: .25em 0; }
  @media (min-width: 481px) {
    .plans-compare .plan-price,
    .plans-compare .jetpack-plan-price,
    .plans-compare .wpcom-plan-price {
      font-size: 12px; } }
  @media (min-width: 661px) {
    .plans-compare .plan-price,
    .plans-compare .jetpack-plan-price,
    .plans-compare .wpcom-plan-price {
      font-size: 16px; } }

.plans-compare .plan-price__billing-period,
.plans-compare .jetpack-plan-price__billing-period,
.plans-compare .wpcom-plan-price__billing-period {
  display: inline;
  opacity: .7; }

.plans-compare .plan-price__discount,
.plans-compare .jetpack-plan-price__discount,
.plans-compare .wpcom-plan-price__discount {
  color: #4ab866; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan-header .plan-price,
  .plans.has-sidebar .plan-header .jetpack-plan-price,
  .plans.has-sidebar .plan-header .wpcom-plan-price {
    padding: 0 20px 0 40px; }
  .plans.has-sidebar .plan-price__billing-period,
  .plans.has-sidebar .jetpack-plan-price__billing-period,
  .plans.has-sidebar .wpcom-plan-price__billing-period {
    margin-left: 3px; }
  .plans.has-sidebar .plans-compare .plan-header .wpcom-plan-price {
    font-size: 13px;
    padding: 0; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan-header .plan-price,
  .plans.has-sidebar .plan-header .jetpack-plan-price,
  .plans.has-sidebar .plan-header .wpcom-plan-price {
    text-align: center;
    font-size: 18px; }
  .plans.has-sidebar .plan-price__billing-period,
  .plans.has-sidebar .jetpack-plan-price__billing-period,
  .plans.has-sidebar .wpcom-plan-price__billing-period {
    display: block; }
  .plans.has-sidebar .plans-compare .plan-header .plan-price {
    font-size: 16px; }
    .plans.has-sidebar .plans-compare .plan-header .plan-price .plan-price__billing-period {
      display: inline;
      margin-left: 3px; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan-header .plan-price,
  .plans.has-no-sidebar .plan-header .jetpack-plan-price,
  .plans.has-no-sidebar .plan-header .wpcom-plan-price {
    padding: 0 20px 0 40px; }
  .plans.has-no-sidebar .plan-price__billing-period,
  .plans.has-no-sidebar .jetpack-plan-price__billing-period,
  .plans.has-no-sidebar .wpcom-plan-price__billing-period {
    margin-left: 3px; }
  .plans.has-no-sidebar .plans-compare .plan-header .wpcom-plan-price {
    font-size: 13px;
    padding: 0; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan-header .plan-price,
  .plans.has-no-sidebar .plan-header .jetpack-plan-price,
  .plans.has-no-sidebar .plan-header .wpcom-plan-price {
    text-align: center;
    font-size: 18px; }
  .plans.has-no-sidebar .plan-price__billing-period,
  .plans.has-no-sidebar .jetpack-plan-price__billing-period,
  .plans.has-no-sidebar .wpcom-plan-price__billing-period {
    display: block; }
  .plans.has-no-sidebar .plans-compare .plan-header .plan-price {
    font-size: 16px; }
    .plans.has-no-sidebar .plans-compare .plan-header .plan-price .plan-price__billing-period {
      display: inline;
      margin-left: 3px; } }

@media (min-width: 1041px) {
  .product-purchase-features-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px; } }

.product-purchase-features-list__item {
  page-break-inside: avoid;
  overflow: hidden;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  padding-top: 12px; }

.product-purchase-features-list__item .purchase-detail {
  background-color: white;
  border-radius: 0;
  margin: 0; }

.premium-popover.popover {
  width: 300px; }
  .premium-popover.popover .popover__inner {
    max-width: 300px !important; }

.premium-popover__content {
  text-align: left; }
  .premium-popover__content .premium-popover__header {
    padding: 24px;
    text-align: center; }
  .premium-popover__content h3 {
    color: #2e4453;
    font-size: 16px;
    font-weight: 600; }
  .premium-popover__content .wpcom-plan-price {
    color: #87a6bc;
    font-size: 12px;
    font-style: italic;
    margin: 0; }
  .premium-popover__content .wpcom-plan-price__billing-period {
    color: #a8bece; }
    .premium-popover__content .wpcom-plan-price__billing-period:before {
      content: ' '; }
  .premium-popover__content .premium-popover__items {
    background: #fafbfc;
    border-top: 1px solid #e9eff3;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 24px; }
    .premium-popover__content .premium-popover__items li {
      line-height: 1.9em;
      color: #87a6bc;
      margin: 0; }
    .premium-popover__content .premium-popover__items .gridicon {
      color: #4ab866;
      margin: 0 4px 0 0;
      vertical-align: middle; }

/**
 * "popover" theme for `component/tip`.
 */
.popover {
  font-size: 11px;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .popover .popover__inner {
    background-color: white;
    border: 1px solid #c8d7e1;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    text-align: center;
    position: relative; }
  .popover .popover__arrow {
    border: 10px dashed #c8d7e1;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .popover.fade {
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms; }
  .popover.is-top .popover__arrow,
  .popover.is-top-left .popover__arrow,
  .popover.is-top-right .popover__arrow {
    bottom: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-top-style: solid/*rtl:ignore*/;
    border-bottom: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .popover.is-top .popover__arrow::before,
    .popover.is-top-left .popover__arrow::before,
    .popover.is-top-right .popover__arrow::before {
      bottom: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-top-style: solid/*rtl:ignore*/;
      border-bottom: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .popover.is-bottom .popover__arrow,
  .popover.is-bottom-left .popover__arrow,
  .popover.is-bottom-right .popover__arrow {
    top: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-bottom-style: solid/*rtl:ignore*/;
    border-top: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .popover.is-bottom .popover__arrow::before,
    .popover.is-bottom-left .popover__arrow::before,
    .popover.is-bottom-right .popover__arrow::before {
      top: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-bottom-style: solid/*rtl:ignore*/;
      border-top: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .popover.is-left .popover__arrow,
  .popover.is-left-top .popover__arrow,
  .popover.is-left-bottom .popover__arrow {
    right: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-left-style: solid/*rtl:ignore*/;
    border-right: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .popover.is-left .popover__arrow::before,
    .popover.is-left-top .popover__arrow::before,
    .popover.is-left-bottom .popover__arrow::before {
      right: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-left-style: solid/*rtl:ignore*/;
      border-right: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .popover.is-right .popover__arrow,
  .popover.is-right-top .popover__arrow,
  .popover.is-right-bottom .popover__arrow {
    left: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-right-style: solid/*rtl:ignore*/;
    border-left: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .popover.is-right .popover__arrow::before,
    .popover.is-right-top .popover__arrow::before,
    .popover.is-right-bottom .popover__arrow::before {
      left: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-right-style: solid/*rtl:ignore*/;
      border-left: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .popover.is-top-left, .popover.is-bottom-left, .popover.is-top-right, .popover.is-bottom-right {
    padding-right: 0;
    padding-left: 0; }
  .popover.is-top-left .popover__arrow,
  .popover.is-bottom-left .popover__arrow {
    left: auto /*rtl:ignore*/;
    right: 5px /*rtl:ignore*/; }
  .popover.is-top-right .popover__arrow,
  .popover.is-bottom-right .popover__arrow {
    left: 15px /*rtl:ignore*/; }
  .popover.is-top .popover__inner,
  .popover.is-top-left .popover__inner,
  .popover.is-top-right .popover__inner {
    top: -10px /*rtl:ignore*/; }
  .popover.is-left .popover__inner,
  .popover.is-top-right .popover__inner,
  .popover.is-bottom-right .popover__inner {
    left: -10px /*rtl:ignore*/; }
  .popover.is-bottom .popover__inner,
  .popover.is-bottom-left .popover__inner,
  .popover.is-bottom-right .popover__inner {
    top: 10px /*rtl:ignore*/; }
  .popover.is-right .popover__inner,
  .popover.is-top-left .popover__inner,
  .popover.is-bottom-left .popover__inner {
    left: 10px /*rtl:ignore*/; }
  .popover.is-dialog-visible {
    z-index: 100300;
    /* Above .dialog */ }

.popover__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 200px; }

.popover__menu-item {
  position: relative;
  background: inherit;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  text-decoration: none;
  line-height: normal;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out; }
  .popover__menu-item:first-child {
    margin-top: 5px; }
  .popover__menu-item, .popover__menu-item:visited {
    color: #2e4453; }
  .popover__menu-item.is-selected, .popover__menu-item:hover, .popover__menu-item:focus {
    background-color: #0068ff;
    border: 0;
    box-shadow: none;
    color: white; }
    .popover__menu-item.is-selected .gridicon, .popover__menu-item:hover .gridicon, .popover__menu-item:focus .gridicon {
      color: white; }
  .popover__menu-item[disabled]:hover, .popover__menu-item[disabled]:focus {
    background: transparent;
    cursor: default; }
  .popover__menu-item:last-child {
    margin-bottom: 5px; }
  .popover__menu-item::-moz-focus-inner {
    border: 0; }
  .popover__menu-item.has-icon {
    padding-left: 42px; }
  .popover__menu-item .gridicon {
    color: #a8bece;
    vertical-align: bottom;
    margin-right: 8px; }
  .popover__menu-item.is-compact {
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }

.popover__menu-separator,
.popover__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-excerpt {
  margin: 0;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  font-size: 16px;
  line-height: 1.618;
  max-height: 72px; }
  @media (max-width: 480px) {
    .post-excerpt {
      font-size: 15px;
      line-height: 22px;
      max-height: 66px; } }
  .post-excerpt p {
    margin: 0; }
  .post-excerpt p[align] {
    text-align: inherit; }
  .post-excerpt.is-long:after {
    content: '';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 24px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }
    @media (max-width: 480px) {
      .post-excerpt.is-long:after {
        height: 22px; } }

.post-schedule {
  position: relative; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 47px;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0;
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-webkit-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container :-ms-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453;
    opacity: 1; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer; }

.post-schedule__year-control-up,
.post-schedule__year-control-down {
  position: absolute;
  width: 100%;
  left: 0;
  height: 16px;
  cursor: pointer;
  color: #a8bece; }
  .post-schedule__year-control-up:hover,
  .post-schedule__year-control-down:hover {
    color: #87a6bc; }

.post-schedule__year-control-up {
  top: -12px; }

.post-schedule__year-control-down {
  bottom: -12px; }

.post-schedule__clock {
  text-align: center;
  margin: 15px auto 10px;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input.post-schedule__clock-time {
  height: 28px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  font-size: 13px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.post-schedule__clock .segmented-control {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 6px;
  vertical-align: bottom; }

.post-schedule__clock .segmented-control__item {
  display: inline-table; }

.post-schedule__clock .segmented-control__link {
  display: inline-block; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  line-height: 20px; }

.post-schedule__clock-timezone {
  text-align: left;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d9e3ea; }

.post-schedule__timezone-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  margin-left: 5px; }

.info-popover__tooltip.post-schedule__timezone-info {
  margin-left: 0; }
  .info-popover__tooltip.post-schedule__timezone-info .popover__inner {
    font-size: 12px;
    max-width: 250px; }

.progress-bar {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 9px;
  background-color: #c8d7e1;
  border-radius: 4.5px; }
  .progress-bar.is-compact {
    height: 4px; }

.progress-bar__progress {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #006fb5;
  border-radius: 4.5px;
  -webkit-transition: width 200ms;
  transition: width 200ms; }

.progress-bar.is-pulsing .progress-bar__progress {
  -webkit-animation: progress-bar-animation 3300ms infinite linear;
          animation: progress-bar-animation 3300ms infinite linear;
  background-size: 50px 100%;
  background-image: -webkit-linear-gradient(135deg, #0087be 28%, #0099d8 28%, #0099d8 72%, #0087be 72%);
  background-image: linear-gradient(-45deg, #0087be 28%, #0099d8 28%, #0099d8 72%, #0087be 72%); }

.plan-thank-you-card.is-personal-plan .progress-bar {
  background-color: #94660c; }

.plan-thank-you-card.is-personal-plan .progress-bar__progress {
  background-color: #f0b849; }

.plan-thank-you-card.is-personal-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: -webkit-linear-gradient(135deg, #f0b849 28%, #f2c161 28%, #f2c161 72%, #f0b849 72%);
  background-image: linear-gradient(-45deg, #f0b849 28%, #f2c161 28%, #f2c161 72%, #f0b849 72%); }

.plan-thank-you-card.is-premium-plan .progress-bar {
  background-color: #1e4b29; }

.plan-thank-you-card.is-premium-plan .progress-bar__progress {
  background-color: #4ab866; }

.plan-thank-you-card.is-premium-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: -webkit-linear-gradient(135deg, #4ab866 28%, #5cbf75 28%, #5cbf75 72%, #4ab866 72%);
  background-image: linear-gradient(-45deg, #4ab866 28%, #5cbf75 28%, #5cbf75 72%, #4ab866 72%); }

.plan-thank-you-card.is-business-plan .progress-bar {
  background-color: #362644; }

.plan-thank-you-card.is-business-plan .progress-bar__progress {
  background-color: #855DA6; }

.plan-thank-you-card.is-business-plan .progress-bar.is-pulsing .progress-bar__progress {
  background-image: -webkit-linear-gradient(135deg, #855DA6 28%, #916daf 28%, #916daf 72%, #855DA6 72%);
  background-image: linear-gradient(-45deg, #855DA6 28%, #916daf 28%, #916daf 72%, #855DA6 72%); }

@-webkit-keyframes progress-bar-animation {
  0% {
    background-position: 100px 0; }
  100% { } }

@keyframes progress-bar-animation {
  0% {
    background-position: 100px 0; }
  100% { } }

/* Percentage bar */
.percentage-bar {
  border-radius: 0;
  height: 8px;
  width: 150px; }
  .percentage-bar .progress-bar__progress {
    border-radius: 0; }

.progress-indicator {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #668eaa;
  box-sizing: border-box; }

.progress-indicator__half {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .progress-indicator__half:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    border: 3px solid #0068ff;
    border-right: 0;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    box-sizing: border-box;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }

.progress-indicator.is-inactive {
  visibility: hidden; }

.progress-indicator.is-inactive .progress-indicator__half,
.progress-indicator.is-inactive .progress-indicator__half:before {
  -webkit-transition: none;
  transition: none; }

.progress-indicator.is-in-progress .progress-indicator__half:before,
.progress-indicator.is-in-progress .is-latter {
  -webkit-transform: rotate(162deg);
          transform: rotate(162deg); }

.progress-indicator.is-in-progress .progress-indicator__half,
.progress-indicator.is-in-progress .progress-indicator__half:before {
  -webkit-transition-duration: 5s;
          transition-duration: 5s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.progress-indicator.is-complete {
  background: #4ab866;
  box-shadow: none;
  color: white;
  width: 28px;
  height: 28px;
  text-align: center; }
  .progress-indicator.is-complete .gridicon {
    vertical-align: middle; }

@-webkit-keyframes progress-indicator__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes progress-indicator__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes progress-indicator__fancy-spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  50.01% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  100% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg); } }

@keyframes progress-indicator__fancy-spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  50.01% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  100% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg); } }

.progress-indicator.is-processing {
  -webkit-animation: progress-indicator__fancy-spin 3.4s ease-in-out infinite;
          animation: progress-indicator__fancy-spin 3.4s ease-in-out infinite; }
  .progress-indicator.is-processing .progress-indicator__half,
  .progress-indicator.is-processing .progress-indicator__half:before {
    -webkit-transform: none;
            transform: none; }
  .progress-indicator.is-processing .progress-indicator__half:before,
  .progress-indicator.is-processing .progress-indicator__half.is-latter {
    -webkit-animation: progress-indicator__spin 3.4s ease-in-out infinite;
            animation: progress-indicator__spin 3.4s ease-in-out infinite; }

.progress-indicator__cancel.noticon:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #668eaa;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  z-index: 1; }

.progress-indicator .is-success,
.progress-indicator .is-problem {
  position: absolute;
  top: 11px;
  left: 5px;
  width: 10px;
  height: 5px;
  border-bottom-right-radius: 500px;
  border-bottom-left-radius: 500px;
  background: #0068ff;
  z-index: 2; }
  .progress-indicator .is-success:before, .progress-indicator .is-success:after,
  .progress-indicator .is-problem:before,
  .progress-indicator .is-problem:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0068ff; }
  .progress-indicator .is-success:after,
  .progress-indicator .is-problem:after {
    left: auto;
    right: 0; }

.progress-indicator .is-success {
  -webkit-animation: progress-indicator__appear .6s  ease-in-out;
          animation: progress-indicator__appear .6s  ease-in-out; }

@-webkit-keyframes progress-indicator__appear {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; } }

@keyframes progress-indicator__appear {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; } }

.progress-indicator .is-problem {
  background: #668eaa;
  border: 0;
  border-top-right-radius: 500px;
  border-top-left-radius: 500px; }
  .progress-indicator .is-problem:before, .progress-indicator .is-problem:after {
    background: #668eaa; }

.pulsing-dot {
  background: #f3f6f8;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: -20px 0 0 -20px;
  display: block;
  width: 6px;
  height: 6px;
  border: none;
  box-shadow: 0 0 0 0 rgba(168, 190, 206, 0.7);
  border-radius: 100%;
  v-align: middle;
  -webkit-animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
          animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused; }
  .pulsing-dot.is-active {
    -webkit-animation-play-state: running;
            animation-play-state: running; }

@-webkit-keyframes dot-pulse {
  to {
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0); } }

@keyframes dot-pulse {
  to {
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0); } }

.purchase-detail {
  border-top: 1px solid #e9eff3;
  box-sizing: border-box;
  color: #87a6bc;
  position: relative; }
  .purchase-detail:last-child {
    border-bottom: none; }
  @media (min-width: 661px) {
    .purchase-detail {
      border: 1px solid #e9eff3;
      border-radius: 3px;
      max-width: 700px;
      margin: 16px auto;
      text-align: left; }
      .purchase-detail:last-child {
        border: 1px solid #e9eff3; }
      .purchase-detail .button:not(.clipboard-button) {
        width: auto; } }
  .purchase-detail.is-placeholder .purchase-detail__button,
  .purchase-detail.is-placeholder .purchase-detail__description,
  .purchase-detail.is-placeholder .purchase-detail__title {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    display: block; }
    .purchase-detail.is-placeholder .purchase-detail__button:after,
    .purchase-detail.is-placeholder .purchase-detail__description:after,
    .purchase-detail.is-placeholder .purchase-detail__title:after {
      content: '\00a0'; }
  .purchase-detail.is-placeholder .purchase-detail__button {
    border: none;
    width: 40%; }
  .purchase-detail.is-placeholder .purchase-detail__description {
    line-height: 2.5em;
    margin-top: 15px; }
  .purchase-detail.is-placeholder .purchase-detail__title {
    margin-top: 3px;
    width: 85%; }
    @media (max-width: 660px) {
      .purchase-detail.is-placeholder .purchase-detail__title {
        margin: 0 auto; } }

.purchase-detail__content {
  padding: 32px; }
  @media (min-width: 661px) {
    .purchase-detail__content {
      padding-right: 140px; } }

.purchase-detail__description {
  color: #537994;
  margin: 8px 0 16px 0; }

.purchase-detail__icon {
  background: #4f748e;
  border-radius: 50%;
  color: white;
  margin: 0 auto 10px;
  padding: 16px; }
  @media (min-width: 661px) {
    .purchase-detail__icon {
      margin-top: -40px;
      position: absolute;
      right: 32px;
      top: 50%; } }
  .purchase-detail__icon .purchase-detail__notice-icon.gridicon {
    fill: #f0b849;
    height: 24px;
    position: relative;
    right: -26px;
    top: -3px;
    width: 24px; }
    @media (min-width: 661px) {
      .purchase-detail__icon .purchase-detail__notice-icon.gridicon {
        position: relative;
        right: -42px;
        top: -6px; } }

.purchase-detail__icon,
.purchase-detail__icon .gridicon {
  height: 48px;
  width: 48px; }
  @media (max-width: 660px) {
    .purchase-detail__icon,
    .purchase-detail__icon .gridicon {
      height: 36px;
      width: 36px; } }

.purchase-detail__required-notice {
  background-color: #f0b849;
  color: white;
  font-size: 14px;
  padding: 8px;
  text-align: center; }

.purchase-detail__title {
  clear: none;
  color: #668eaa;
  font-size: 21px; }

.purchase-detail__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  margin-top: 8px;
  max-width: 260px;
  display: inline-block; }
  @media (min-width: 661px) {
    .purchase-detail__info {
      margin-top: 0; } }

.purchase-detail__info-icon-container {
  display: inline-block;
  margin-top: 2px;
  margin-right: 4px;
  float: left;
  height: 14px; }

.purchase-detail__button {
  text-align: center; }
  .purchase-detail__button:not(.clipboard-button) {
    width: 80%; }
  @media (max-width: 660px) {
    .purchase-detail__button {
      display: block;
      margin: 0 auto; } }

.rating {
  width: 80px;
  color: #0068ff;
  line-height: 1; }
  .rating .noticon-rating-empty {
    color: #c8d7e1; }

body.is-reader-page {
  background-color: #fff; }

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }

.ribbon .ribbon__title {
  font-size: 10px;
  font-weight: normal;
  color: white;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #0068ff;
  position: absolute;
  top: 19px;
  right: -21px;
  text-transform: uppercase; }

.ribbon .ribbon__title::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #005082;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #005082; }

.ribbon .ribbon__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #005082;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #005082; }

.ribbon.is-green .ribbon__title {
  background-color: #4ab866; }

.ribbon.is-green .ribbon__title::before {
  border-left-color: #2c703d;
  border-top-color: #2c703d; }

.ribbon.is-green .ribbon__title::after {
  border-right-color: #2c703d;
  border-top-color: #2c703d; }

/**
 * @component Search
 */
.search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 60px;
  height: 51px;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 22;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .search .search__icon-navigation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    border-radius: inherit;
    height: 100%; }
  .search .search__open-icon,
  .search .search__close-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50px;
    z-index: 20;
    color: #0087be;
    cursor: pointer; }
    .accessible-focus .search .search__open-icon:focus, .accessible-focus
    .search .search__close-icon:focus {
      outline: dotted 1px #0087be; }
  .search .search__open-icon:hover {
    color: #3d596d; }
  .search .search__close-icon {
    color: #3d596d;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in; }
  .accessible-focus .search.has-focus {
    box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }
  .search.is-compact {
    height: 36px; }
    .search.is-compact .search__input {
      height: 36px;
      font-size: 12px; }
    .search.is-compact .search__open-icon {
      margin: 0 4px 0 8px;
      width: 18px; }
    .search.is-compact .search__close-icon {
      width: 18px;
      margin-right: 8px; }

.search.is-expanded-to-container {
  margin-bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 50px;
  top: 0;
  right: 0; }
  .search.is-expanded-to-container .search__input-fade {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .search.is-expanded-to-container .search__input[type="search"] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.search__input[type="search"] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: none;
  z-index: 10;
  top: 0;
  border: none;
  border-radius: inherit;
  height: 100%;
  background: white;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  padding: 0px;
  -webkit-appearance: none; }
  .search__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .search__input[type="search"]:disabled {
    background: white; }
  .search__input[type="search"]:focus {
    box-shadow: none;
    border: none; }

.search.is-open {
  width: 100%;
  margin-bottom: 5px; }
  .search.is-open .search__open-icon {
    color: #3d596d; }
  .search.is-open .search__close-icon {
    display: inline-block; }
  .search.is-open .search__input,
  .search.is-open .search__close-icon {
    opacity: 1; }
  .search.is-open .search__input {
    display: block; }
  .search.is-open .search__input-fade {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
    position: relative;
    font-size: 16px;
    border-radius: inherit; }
    .search.is-open .search__input-fade::before {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      z-index: 12;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 32px;
      height: auto;
      border-radius: inherit; }
    .search.is-open .search__input-fade.ltr {
      /*rtl:ignore*/ }
      .search.is-open .search__input-fade.ltr::before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        z-index: 12;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 32px;
        height: auto;
        border-radius: inherit; }

.search__input-fade .search__text-overlay {
  color: transparent;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  font: inherit;
  width: 100%;
  height: 100%;
  top: 1px;
  left: 0px;
  z-index: 11; }

.search .spinner {
  display: none; }

.search.is-searching .search__open-icon {
  display: none; }

.search.is-searching .spinner {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  z-index: 20; }
  .search.is-searching .spinner .spinner__image {
    width: 50px; }

.animating.search-opening .search input {
  opacity: 1; }

.search-card.card, .search-card.editor-drawer-well__placeholder {
  padding: 0; }

.search-card .search {
  margin: 0; }

.section-header.card, .section-header.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative;
  line-height: 28px; }
  .section-header.card:after, .section-header.editor-drawer-well__placeholder:after {
    content: ''; }

.section-header__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: hidden; }
  .section-header__label:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .section-header__label .count {
    margin-left: 8px; }

.section-header__actions {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #2e4453;
  font-size: 14px; }

.section-header__actions .button {
  float: left;
  margin-right: 8px; }

.section-header__actions > .button:last-child {
  margin-right: 0; }

/**
 * Section Nav
 */
.section-nav {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 17px 0;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .section-nav.is-empty .section-nav__panel {
    visibility: hidden; }
  @media (max-width: 480px) {
    .section-nav.is-open {
      box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  @media (min-width: 481px) {
    .section-nav.has-pinned-items {
      padding-right: 60px; } }
  @media (min-width: 481px) and (max-width: 660px) {
    .section-nav.has-pinned-items {
      padding-right: 50px; } }
  @media (max-width: 660px) {
    .section-nav {
      margin-bottom: 9px; } }

.section-nav__mobile-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  font-size: 14px;
  line-height: 16px;
  color: #2e4453;
  font-weight: 600;
  cursor: pointer; }
  .section-nav__mobile-header:after {
    font-size: 20px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    line-height: 16px;
    color: rgba(135, 166, 188, 0.5); }
  .section-nav.is-open .section-nav__mobile-header:after {
    content: '\f432'; }
  .section-nav.has-pinned-items .section-nav__mobile-header {
    padding-right: 50px; }
    .section-nav.has-pinned-items .section-nav__mobile-header:after {
      margin-left: 8px; }
  @media (min-width: 481px) {
    .section-nav__mobile-header {
      display: none; } }

.section-nav__mobile-header-text {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .section-nav__mobile-header-text small {
    margin-left: 5px;
    font-size: 11px;
    color: #87a6bc;
    font-weight: 600;
    text-transform: uppercase; }
  .section-nav.has-pinned-items .section-nav__mobile-header-text {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.section-nav__panel {
  box-sizing: border-box;
  width: 100%; }
  @media (max-width: 480px) {
    .section-nav.is-open .section-nav__panel {
      padding-bottom: 15px;
      border-top: solid 1px #c8d7e1;
      background: -webkit-linear-gradient(top, #f3f6f8 0%, white 4px);
      background: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } }
  @media (min-width: 481px) {
    .section-nav__panel {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .section-nav__panel:first-child {
        width: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }

.section-nav-group {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
  border-top: solid 1px #c8d7e1; }
  .section-nav-group:first-child {
    padding-top: 0;
    border-top: none; }
  @media (max-width: 480px) {
    .section-nav-group {
      display: none; }
      .section-nav.is-open .section-nav-group {
        display: block; } }
  @media (min-width: 481px) {
    .section-nav-group {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
      .section-nav-group:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }

.section-nav__button {
  width: 100%;
  margin-top: 24px; }

.section-nav__hr {
  background: #e9eff3; }

.section-nav-group__label {
  display: none;
  margin-bottom: 8px;
  padding: 0 15px;
  font-size: 11px;
  color: #87a6bc;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 12px; }
  @media (max-width: 480px) {
    .has-siblings .section-nav-group__label {
      display: block; } }

.section-nav-group__label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.section-nav-tab .count {
  margin-left: 8px; }

@media (min-width: 481px) {
  .section-nav-tabs {
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .section-nav-tabs.is-dropdown {
      position: relative;
      width: auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin: 8px; } }

.section-nav-tabs__list {
  margin: 0;
  list-style: none; }
  @media (min-width: 481px) {
    .section-nav-tabs__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      overflow: hidden; }
      .is-dropdown .section-nav-tabs__list {
        display: none; } }

@media (min-width: 481px) {
  .section-nav-tab {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    border-bottom: 2px solid transparent;
    border-top: none;
    text-align: center; }
    .section-nav-tab.is-selected {
      border-bottom-color: #2e4453; } }

.section-nav-tab__link,
.section-nav-tab__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.section-nav-tab__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #2e4453;
  cursor: pointer; }
  .section-nav-tab__link:visited {
    color: #2e4453; }
  .section-nav-tab__link[disabled],
  .notouch .section-nav-tab__link[disabled]:hover {
    color: #e9eff3;
    cursor: default; }
  .is-selected .section-nav-tab__link {
    color: white;
    background-color: #0068ff; }
    @media (max-width: 480px) {
      .is-selected .section-nav-tab__link .count {
        color: white;
        border-color: white; } }
  .section-nav-tab__link:focus {
    outline: none; }
    .accessible-focus .section-nav-tab__link:focus {
      outline: solid #87a6bc 1px; }
  .is-external .section-nav-tab__link:after {
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    font-size: 18px;
    padding-left: 2px; }
  .notouch .section-nav-tab__link:hover {
    color: #0068ff; }
  .notouch .is-selected .section-nav-tab__link:hover {
    color: white; }
  @media (min-width: 481px) {
    .section-nav-tab__link {
      display: block;
      width: auto;
      padding: 16px 16px 14px 16px;
      color: #0087be;
      font-weight: 400; }
      .section-nav-tab__link:visited {
        color: #0087be; }
      .is-selected .section-nav-tab__link {
        color: #2e4453;
        background-color: transparent; }
        .is-selected .section-nav-tab__link:after {
          display: none; }
      .notouch .is-selected .section-nav-tab__link:hover {
        color: #2e4453; } }

.section-nav-tab__text {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 0;
  color: inherit; }
  @media (min-width: 481px) {
    .section-nav-tab__text {
      display: inline;
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none;
      width: auto; } }

.section-nav-tabs__dropdown {
  position: relative;
  z-index: 3;
  width: 100%; }
  .section-nav-tabs__dropdown.is-open {
    z-index: 4; }
  .section-nav-tabs__dropdown .select-dropdown__container {
    max-width: 200px;
    position: static; }

.section-nav__segmented .segmented-control {
  margin: 0 15px; }

.section-nav__segmented .segmented-control__link {
  padding: 3px 16px 5px; }

.section-nav .search {
  overflow: hidden; }

@media (max-width: 480px) {
  .section-nav .search.is-expanded-to-container {
    height: 46px; } }

/**
 * Segmented Control
 */
.segmented-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-radius: 4px;
  background-color: white;
  list-style: none; }

.segmented-control__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  cursor: pointer; }
  .segmented-control__item:first-of-type .segmented-control__link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .segmented-control__item:last-of-type .segmented-control__link {
    border-right: solid 1px #c8d7e1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
    border-left-color: #2e4453; }

.segmented-control__link {
  display: block;
  padding: 8px 12px;
  border: solid 1px #c8d7e1;
  border-right: none;
  font-size: 14px;
  line-height: 18px;
  color: #537994;
  text-align: center; }
  .segmented-control__link:focus {
    color: #2e4453;
    outline: none; }
    .keyboard-navigation .segmented-control__link:focus .segmented-control__text {
      outline: dotted 1px #2e4453; }
  .notouch .segmented-control__link:hover {
    color: #2e4453; }
  .segmented-control__item.is-selected .segmented-control__link {
    border-color: #2e4453;
    color: #2e4453; }

.segmented-control__text {
  display: block;
  max-width: 100%;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.segmented-control.is-compact .segmented-control__link {
  font-size: 13px;
  padding: 4px 8px; }

.segmented-control.is-primary .segmented-control__item.is-selected .segmented-control__link {
  border-color: #0068ff;
  background-color: #0068ff;
  color: white; }

.segmented-control.is-primary .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
  border-left-color: #0068ff; }

/**
 * Select Dropdown
 */
.select-dropdown {
  height: 43px; }
  .select-dropdown.is-open {
    overflow: visible; }
  .select-dropdown.is-compact {
    height: 35px; }

.select-dropdown__container {
  position: relative;
  display: inline-block;
  max-width: 100%; }
  .select-dropdown.is-open .select-dropdown__container {
    z-index: 170; }
  .accessible-focus .select-dropdown__container:focus,
  .accessible-focus .select-dropdown.is-open .select-dropdown__container {
    z-index: 170; }
    .accessible-focus .select-dropdown__container:focus .select-dropdown__header,
    .accessible-focus .select-dropdown.is-open .select-dropdown__container .select-dropdown__header {
      border-color: #0087be; }
  .accessible-focus .select-dropdown__container {
    border-radius: 4px; }
  .accessible-focus .select-dropdown__container:focus {
    border-color: #00aadc;
    outline: 0; }
  .accessible-focus .select-dropdown.is-open .select-dropdown__container {
    box-shadow: 0 0 0 2px #78dcfa; }

.select-dropdown__header {
  height: 43px;
  line-height: 40px;
  padding: 0 75px 0 16px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  color: #2e4453;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  cursor: pointer; }
  .select-dropdown__header::after {
    font-size: 22px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: block;
    width: 20px;
    line-height: 42px;
    color: rgba(135, 166, 188, 0.5);
    position: absolute;
    right: 14px;
    top: 0px; }
    .is-compact .select-dropdown__header::after {
      right: 5px;
      line-height: 35px; }
  .is-compact .select-dropdown__header {
    height: 35px;
    line-height: 32px;
    color: #537994;
    font-size: 11px;
    text-transform: uppercase; }
    .is-compact .select-dropdown__header .count {
      border-width: 0;
      right: 25px;
      top: 8.5px; }
  .select-dropdown.is-open .select-dropdown__header {
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    background-color: #f3f6f8; }
    .select-dropdown.is-open .select-dropdown__header::after {
      content: '\f432'; }
  .accessible-focus .select-dropdown:not(.is-open) .select-dropdown__container:focus .select-dropdown__header {
    box-shadow: 0 0 0 2px #78dcfa; }
  .select-dropdown__header .count {
    position: absolute;
    right: 40px;
    top: 11.5px; }

.select-dropdown__header-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select-dropdown__options {
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  margin: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  height: 0;
  overflow: hidden;
  opacity: 0; }
  .accessible-focus .select-dropdown__options {
    border: solid 1px #0087be;
    border-top-color: #c8d7e1; }
  .select-dropdown.is-open .select-dropdown__options {
    margin-top: -1px;
    height: auto;
    opacity: 1; }

.select-dropdown__option {
  height: 40px; }
  .select-dropdown__option:last-child .select-dropdown__item {
    border-radius: 0 0 4px 4px; }

.select-dropdown__item {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 62px 0 16px;
  color: #2e4453;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }
  .select-dropdown__item::before {
    content: attr(data-bold-text);
    font-weight: 700;
    white-space: nowrap;
    opacity: 0; }
  .select-dropdown__item:visited {
    color: #2e4453; }
  .select-dropdown__item.is-selected {
    background-color: #0068ff;
    color: white; }
    .select-dropdown__item.is-selected .count {
      border-color: white;
      color: white; }
  .select-dropdown__item.is-disabled {
    background-color: white;
    color: #87a6bc;
    cursor: default;
    opacity: .5; }
  .notouch .select-dropdown__item:hover {
    color: #0068ff; }
  .notouch .select-dropdown__item.is-selected:hover {
    color: white; }

.select-dropdown__item-count::before {
  content: attr(data-text);
  opacity: 0; }

.select-dropdown__item-count .count {
  position: absolute;
  top: 11px;
  right: 16px; }

.select-dropdown__item-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  display: inline-block;
  max-width: 100%;
  position: absolute;
  left: 16px;
  right: 16px; }

.select-dropdown__separator {
  border-top: 1px solid #c8d7e1;
  display: block;
  margin: 8px 0; }

.select-dropdown__label {
  display: block;
  color: #a8bece;
  line-height: 20px; }
  .select-dropdown__label label {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 16px; }

/*
 * CSS values in this file are specific and
 * designed to match the CSS on external sites,
 * such as Google and Facebook. Therefore there
 * will be exceptions to our CSS guidelines here
 * but please do not "update" this file to
 * conform.
 *
 * @blame: dmsnell
*/
.seo-search-preview__header {
  margin: 0;
  padding: 8px 0;
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #668eaa; }

.seo-search-preview__display {
  border: 1px solid #e9eff3;
  font-family: arial, sans-serif;
  padding: 10px 20px;
  word-wrap: break-word; }

.seo-search-preview__title {
  color: #1a0dab;
  font-size: 18px;
  line-height: 1.2;
  max-width: 616px; }
  .seo-search-preview__title:hover {
    cursor: pointer;
    text-decoration: underline; }

.seo-search-preview__url {
  color: #006621;
  font-size: 14px;
  height: 17px;
  line-height: 16px;
  max-width: 616px; }

.seo-search-preview__snippet {
  color: #545454;
  font-size: 13px;
  line-height: 1.4;
  max-width: 616px; }

.meta-title-editor .segmented-control__link {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 2px; }
  @media (min-width: 661px) {
    .meta-title-editor .segmented-control__link {
      font-size: 14px;
      line-height: 18px;
      padding: 8px 12px; } }

.facebook-preview {
  border: 1px solid;
  border-color: #e9ebee #e9ebee #d1d1d1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  max-width: 527px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch; }

.facebook-preview__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.facebook-preview__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 12px; }

.facebook-preview__title {
  color: #1d2129;
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  max-height: 100px;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; }

.facebook-preview__description {
  color: #4b4f56;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  overflow-y: hidden; }

.facebook-preview__url {
  color: #90949c;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap; }

.facebook-preview__article .facebook-preview__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100%; }

.facebook-preview__article .facebook-preview__image {
  max-height: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: hidden; }
  .facebook-preview__article .facebook-preview__image img {
    height: auto;
    width: 100%;
    max-width: 527px; }

.facebook-preview__article .facebook-preview__body {
  height: auto;
  max-height: 100px; }

.facebook-preview__article .facebook-preview__title {
  margin-bottom: 5px; }

.facebook-preview__article .facebook-preview__url {
  margin-top: 9px; }

.facebook-preview__website {
  max-height: 158px; }
  .facebook-preview__website .facebook-preview__image {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 100%;
    width: 158px; }
    .facebook-preview__website .facebook-preview__image img {
      display: block;
      font-size: 14px;
      height: auto;
      width: 100%; }
  .facebook-preview__website .facebook-preview__body {
    width: 100%; }
  .facebook-preview__website .facebook-preview__title {
    margin-bottom: 5px;
    max-height: 110px; }
  .facebook-preview__website .facebook-preview__url {
    margin-top: auto;
    margin-bottom: 5px; }

.twitter-card-preview__container {
  width: inherit;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px; }

.twitter-card-preview__summary {
  width: 506px;
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #E1E8ED;
  border-radius: 0.42857em; }

.twitter-card-preview__large_image_summary {
  width: 506px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #E1E8ED;
  border-radius: 0.42857em; }

.twitter-card-preview__image {
  background-size: cover;
  background-position: center; }

.twitter-card-preview__summary .twitter-card-preview__image {
  float: left;
  width: 125px;
  height: 125px; }

.twitter-card-preview__large_image_summary .twitter-card-preview__image {
  width: 506px;
  height: 254px;
  border-bottom: 1px solid #E1E8ED; }

.twitter-card-preview__body {
  padding: .75em;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: black;
  text-align: left;
  line-height: 1.3em;
  overflow: hidden; }

.twitter-card-preview__summary .twitter-card-preview__body {
  margin-left: 125px;
  border-left: 1px solid #E1E8ED;
  height: 100%; }

.twitter-card-preview__large_image_summary .twitter-card-preview__body {
  padding-left: 1em;
  padding-right: 1em; }

.twitter-card-preview__title {
  max-height: 1.3em;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 .15em;
  overflow: hidden;
  text-overflow: ellipsis; }

.twitter-card-preview__description {
  margin-top: 0.32333em;
  max-height: 3.9em;
  overflow: hidden;
  text-overflow: ellipsis; }

.twitter-card-preview__url {
  text-transform: lowercase;
  color: #8899A6;
  max-height: 1.3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.32333em; }

.facebook-share-preview {
  background-color: white;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  color: #1d2129;
  margin: 0 auto;
  max-width: 486px;
  padding: 12px;
  -webkit-overflow-scrolling: touch; }

.facebook-share-preview a {
  color: #365899; }

.facebook-share-preview__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px; }

.facebook-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  margin-right: 8px;
  width: 40px; }

.facebook-share-preview__profile-picture,
.facebook-share-preview__image {
  display: block; }

.facebook-share-preview__profile-line,
.facebook-share-preview__body {
  font-size: 14px;
  line-height: 1.38; }

.facebook-share-preview__profile-line {
  color: #90949c;
  margin-bottom: 2px; }

.facebook-share-preview__profile-name {
  font-weight: bold;
  margin-right: 5px; }

.facebook-share-preview__meta-line {
  color: #90949c;
  font-size: 12px;
  line-height: 1.34; }

.facebook-share-preview .facebook-share-preview__meta-line a {
  color: #90949c; }

.facebook-share-preview__message p {
  margin-bottom: 6px; }

.facebook-share-preview__message p:last-child {
  margin-bottom: 0; }

.facebook-share-preview__article-url-line {
  margin-top: 6px;
  word-break: break-word; }

.facebook-share-preview__image-wrapper {
  margin-top: 10px; }

.twitter-share-preview {
  background-color: white;
  border: 1px solid #e6ecf0;
  color: #14171a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.375;
  margin: 0 auto;
  max-width: 565px;
  padding: 12px; }

.twitter-share-preview__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.twitter-share-preview__profile-picture-part {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin: 3px 10px 0 0;
  width: 48px; }

.twitter-share-preview__profile-picture {
  border-radius: 5px;
  display: block; }

.twitter-share-preview__profile-name {
  color: #14171a;
  font-weight: bold;
  margin-right: 5px; }
  .twitter-share-preview__profile-name:hover {
    color: #0084B4;
    text-decoration: underline; }

.twitter-share-preview__profile-handle {
  color: #657786;
  font-size: 13px; }

.twitter-share-preview__message,
.twitter-share-preview__article-url {
  font-size: 16px;
  line-height: 22px; }

.twitter-share-preview__message a,
.twitter-share-preview__article-url {
  color: #0084B4; }

.twitter-share-preview__article-url-line {
  word-break: break-word; }

.twitter-share-preview__image-wrapper {
  margin-top: 10px; }

.twitter-share-preview__image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: block; }

.upgrade-nudge-expanded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 961px) {
    .upgrade-nudge-expanded {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__description {
    margin-bottom: 20px; }
    @media (min-width: 961px) {
      .upgrade-nudge-expanded .upgrade-nudge-expanded__description {
        margin-bottom: 0;
        width: 50%; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card .plan-compare-card {
    width: 100%; }
  @media (min-width: 961px) {
    .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card {
      width: 50%; }
      .upgrade-nudge-expanded .upgrade-nudge-expanded__plan-card .plan-compare-card {
        width: 90%; } }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title {
    color: #0087be;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-plan {
    width: 56px;
    height: 56px;
    border: solid 2px #e8f0f5;
    border-radius: 50%;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-plan-icon {
    width: 55px;
    height: 55px;
    margin: 1px;
    background-repeat: no-repeat; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__title-message {
    font-size: 22px;
    margin: 0 0 0 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__subtitle {
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__features {
    list-style: none;
    margin: 0; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__feature-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .upgrade-nudge-expanded .upgrade-nudge-expanded__feature-item-checkmark {
    color: #0087be;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 5px; }

.preview-upgrade-nudge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .preview-upgrade-nudge .preview-upgrade-nudge__plan {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: solid 3px #e8f0f5;
    border-radius: 50%;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin: 20px 0; }
  .preview-upgrade-nudge .preview-upgrade-nudge__plan-icon {
    width: inherit;
    height: inherit;
    margin: 2px;
    background: url("/calypso/images/plans/plan-business.svg") no-repeat; }
  .preview-upgrade-nudge .preview-upgrade-nudge__title {
    text-align: center;
    color: #2e4453;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px; }
    @media (max-width: 660px) {
      .preview-upgrade-nudge .preview-upgrade-nudge__title {
        font-size: 16px; } }
  .preview-upgrade-nudge .preview-upgrade-nudge__features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 10px; }
    .preview-upgrade-nudge .preview-upgrade-nudge__features .feature-example {
      width: 50%;
      margin: 0 10px 0 16px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-details {
    width: 50%; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-title {
    margin-bottom: 10px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list {
    list-style: none;
    margin: 0; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__features-list-item-checkmark {
    color: #0087be;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 5px; }
  .preview-upgrade-nudge .preview-upgrade-nudge__feature-comparison {
    margin: 0; }
  .preview-upgrade-nudge .feature-example__gradient {
    background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0), #f3f6f8);
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0), #f3f6f8); }

/*rtl:ignore*/
.signup-form__input {
  direction: ltr; }

.signup-form .logged-out-form__footer {
  margin-top: 10px; }

.signup-form__terms-of-service-link {
  font-size: 11px;
  margin: 0 0 20px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .signup-form__terms-of-service-link a {
      white-space: pre; } }

.signup-form__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -5px; }
  .signup-form__social > button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box;
    margin: 0 5px; }
  .signup-form__social button {
    width: 100%; }

.signup-form__notice.notice {
  margin-bottom: 10px; }

.signup-site-title {
  padding: 0;
  position: relative;
  border: none;
  background: none;
  box-shadow: none;
  max-width: 600px; }

.signup-site-title__input[type="text"] {
  padding: 14px 16px; }

.signup-site-title__button {
  position: absolute;
  top: 7px;
  right: 8px; }

.site-icon {
  position: relative;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0;
  text-align: center; }
  .site-icon.is-blank {
    background: #c8d7e1; }
    .site-icon.is-blank .gridicon {
      color: white;
      z-index: 0; }

.site-icon.is-transient .spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75); }
  .site-icon.is-transient .spinner .spinner__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.site-icon__img {
  background: rgba(255, 255, 255, 0);
  position: relative; }

/**
 * Site Selector
 * @component `selector`
 */
.site-selector {
  overflow: visible;
  position: static;
  pointer-events: auto;
  border: none;
  z-index: 10; }
  .site-selector.is-large .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    opacity: 1;
    pointer-events: initial; }
  .site-selector.is-large .site-selector__sites {
    border-top: 1px solid #c8d7e1; }

.site-selector .site,
.site-selector .all-sites {
  font-size: 14px; }
  .site-selector .site.is-selected,
  .site-selector .all-sites.is-selected {
    background-color: #87a6bc; }
    .site-selector .site.is-selected .site__badge,
    .site-selector .all-sites.is-selected .site__badge {
      color: white; }
    .site-selector .site.is-selected .site__title,
    .site-selector .site.is-selected .site__domain,
    .site-selector .all-sites.is-selected .site__title,
    .site-selector .all-sites.is-selected .site__domain {
      color: white; }
      .site-selector .site.is-selected .site__title::after,
      .site-selector .site.is-selected .site__domain::after,
      .site-selector .all-sites.is-selected .site__title::after,
      .site-selector .all-sites.is-selected .site__domain::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: -webkit-linear-gradient(left, rgba(135, 166, 188, 0), #87a6bc 90%);
        background: linear-gradient(to right, rgba(135, 166, 188, 0), #87a6bc 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .site-selector .site.is-selected .count,
    .site-selector .all-sites.is-selected .count {
      border-color: white;
      color: white; }
    .site-selector .site.is-selected.is-private .site__title::before,
    .site-selector .all-sites.is-selected.is-private .site__title::before {
      color: white; }

.site-selector .site.is-highlighted,
.site-selector .all-sites.is-highlighted,
.notouch .site-selector.is-hover-enabled .site:hover,
.notouch .site-selector.is-hover-enabled .all-sites:hover {
  background: #0068ff;
  cursor: pointer; }
  .site-selector .site.is-highlighted .site__badge,
  .site-selector .all-sites.is-highlighted .site__badge,
  .notouch .site-selector.is-hover-enabled .site:hover .site__badge,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__badge {
    color: white; }
  .site-selector .site.is-highlighted .site__title,
  .site-selector .site.is-highlighted .site__domain,
  .site-selector .all-sites.is-highlighted .site__title,
  .site-selector .all-sites.is-highlighted .site__domain,
  .notouch .site-selector.is-hover-enabled .site:hover .site__title,
  .notouch .site-selector.is-hover-enabled .site:hover .site__domain,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__domain {
    color: white; }
    .site-selector .site.is-highlighted .site__title::after,
    .site-selector .site.is-highlighted .site__domain::after,
    .site-selector .all-sites.is-highlighted .site__title::after,
    .site-selector .all-sites.is-highlighted .site__domain::after,
    .notouch .site-selector.is-hover-enabled .site:hover .site__title::after,
    .notouch .site-selector.is-hover-enabled .site:hover .site__domain::after,
    .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title::after,
    .notouch .site-selector.is-hover-enabled .all-sites:hover .site__domain::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(0, 104, 255, 0), #0068ff 90%);
      background: linear-gradient(to right, rgba(0, 104, 255, 0), #0068ff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .site-selector .site.is-highlighted .site__title:before,
  .site-selector .all-sites.is-highlighted .site__title:before,
  .notouch .site-selector.is-hover-enabled .site:hover .site__title:before,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .site__title:before {
    color: white; }
  .site-selector .site.is-highlighted .count,
  .site-selector .all-sites.is-highlighted .count,
  .notouch .site-selector.is-hover-enabled .site:hover .count,
  .notouch .site-selector.is-hover-enabled .all-sites:hover .count {
    border-color: white;
    color: white; }

.site-selector .search {
  margin: 8px;
  width: auto;
  height: 33px;
  border: 1px solid #c8d7e1;
  display: block;
  opacity: 0;
  position: absolute;
  pointer-events: none; }
  .site-selector .search .search__input[type="search"] {
    font-size: 13px; }
  .site-selector .search .search__open-icon,
  .site-selector .search .search__close-icon {
    color: #87a6bc;
    width: 32px;
    height: 18px; }

.site-selector__sites {
  max-height: calc( 100% - 93px);
  overflow-y: auto; }
  @media (max-width: 660px) {
    .site-selector__sites {
      max-height: calc( 100% - 109px); } }

.site-selector__no-results {
  color: #87a6bc;
  font-style: italic;
  padding: 10px 20px; }

.site-selector__add-new-site {
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 10px; }
  @media (max-width: 660px) {
    .site-selector__add-new-site {
      margin-top: 16px; } }

.site-selector__add-new-site .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 8px;
  color: #668eaa;
  line-height: 2.1; }
  .site-selector__add-new-site .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .site-selector__add-new-site .button {
      padding: 16px; } }
  .site-selector__add-new-site .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.site-selector .site-action {
  padding-top: 15px; }

.site-selector .all-sites {
  border-bottom: 1px solid #c8d7e1; }

.site-selector__recent {
  border-bottom: 1px solid #e9eff3; }
  .site-selector__recent:empty {
    border-bottom-width: 0; }

.site-selector__hidden-sites-message {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  padding: 16px 16px 24px; }
  .site-selector__hidden-sites-message .site-selector__manage-hidden-sites {
    color: #87a6bc;
    text-decoration: underline; }

.site-selector__no-results + .site-selector__hidden-sites-message {
  display: none; }

.site-selector-modal .sites-dropdown .site-selector {
  max-height: 20vh; }

.site-title-example {
  box-sizing: border-box;
  position: relative;
  padding-top: 42px;
  max-width: 600px;
  min-height: 120px;
  margin: 30px auto 60px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  @media (max-width: 660px) {
    .site-title-example {
      max-width: 100%;
      padding: 32px 32px 0;
      margin: 0 auto;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .site-title-example .site-title-example__description {
        text-align: center;
        margin-bottom: 16px; } }

.site-title-example__description {
  color: #4f748e;
  text-align: right;
  margin-bottom: 8px;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 270px; }

.site-title-example__image {
  pointer-events: none;
  display: inline-block;
  width: 270px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: right; }
  .site-title-example__image:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%);
    background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, #f3f6f8 100%); }
  @media (max-width: 660px) {
    .site-title-example__image {
      position: relative;
      margin: 0 auto;
      text-align: center; } }

.sites-dropdown.is-open {
  height: 69px; }
  .sites-dropdown.is-open .gridicons-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.sites-dropdown .gridicons-chevron-down {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #a8bece;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 16px;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.sites-dropdown__wrapper {
  background: white;
  border: 1px solid #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  margin: 0;
  position: relative;
  width: 300px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }
  @media (max-width: 660px) {
    .sites-dropdown__wrapper {
      width: 100%; } }
  .sites-dropdown__wrapper:hover {
    border-color: #a8bece; }

.sites-dropdown.is-open .sites-dropdown__wrapper {
  position: relative;
  z-index: 170;
  margin: 0; }

.sites-dropdown__selected {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .is-open .sites-dropdown__selected {
    border-bottom: 1px solid #e9eff3; }
  .sites-dropdown__selected:hover .gridicons-chevron-down,
  .sites-dropdown__selected:hover .gridicons-chevron-up {
    color: #4f748e; }

.sites-dropdown .site-selector {
  padding: 0;
  position: static;
  overflow-y: auto; }
  .sites-dropdown .site-selector.is-large {
    margin-top: 50px; }

.sites-dropdown .site-selector__sites {
  max-height: 30vh;
  border-radius: 0 0 2px 2px; }

.sites-dropdown .site-selector .search {
  position: absolute;
  top: 67px;
  left: 0;
  right: 0; }

.sites-dropdown .site-selector .search input {
  margin: 0;
  background-color: white; }

.sites-dropdown .site-selector .site {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.sites-popover {
  font-size: 15px;
  width: 300px; }

.sites-popover .popover__inner {
  position: relative;
  text-align: left;
  overflow: hidden; }

.sites-popover .site-selector {
  position: relative; }
  .sites-popover .site-selector.is-large {
    padding-top: 50px; }

.sites-popover.has-header .site-selector {
  position: relative; }

.sites-popover.has-header .sites-popover__header {
  border-bottom: 1px solid #e9eff3;
  color: #668eaa;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 8px 8px; }

.sites-popover .site-selector.is-large .search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.sites-popover .site-selector__sites {
  overflow-y: auto;
  max-height: 70vh;
  border-radius: 0 0 4px 4px; }

.sites-popover .site__content {
  text-decoration: none; }

.sites-popover .site-selector__heading {
  margin-top: 16px; }

/*rtl:ignore*/
.social-buttons__logo {
  vertical-align: top;
  position: relative;
  top: 1px; }

.social-buttons__service-name {
  margin-left: 8px;
  line-height: 23px; }

@-webkit-keyframes rotate-spinner__right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-spinner__right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes rotate-spinner__left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-spinner__left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.spinner.is-fallback {
  position: relative;
  border-radius: 100%;
  background-color: #c8d7e1; }
  .spinner.is-fallback::before, .spinner.is-fallback::after {
    content: '';
    position: absolute;
    background-color: white;
    border-radius: 50%; }
  .spinner.is-fallback::before {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%; }
  .spinner.is-fallback::after {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%; }

.spinner__image {
  display: block; }

.spinner__border {
  fill: #c8d7e1; }

.spinner__progress {
  -webkit-animation: 3s linear infinite;
          animation: 3s linear infinite;
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
  fill: #0068ff; }

.spinner.is-fallback .spinner__progress {
  position: absolute;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-animation: none;
          animation: none; }
  .spinner.is-fallback .spinner__progress::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: 3s linear infinite;
            animation: 3s linear infinite;
    border-radius: 9999px;
    background-color: #0068ff;
    fill: none; }
  .spinner.is-fallback .spinner__progress.is-left {
    left: 0; }
    .spinner.is-fallback .spinner__progress.is-left::before {
      left: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-transform-origin: 0 50%;
              transform-origin: 0 50%; }
  .spinner.is-fallback .spinner__progress.is-right {
    left: 50%; }
    .spinner.is-fallback .spinner__progress.is-right::before {
      left: -100%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%; }

.spinner__progress.is-left,
.spinner.is-fallback .spinner__progress.is-left::before {
  -webkit-animation-name: rotate-spinner__left;
          animation-name: rotate-spinner__left; }

.spinner__progress.is-right,
.spinner.is-fallback .spinner__progress.is-right::before {
  -webkit-animation-name: rotate-spinner__right;
          animation-name: rotate-spinner__right; }

.spinner-button__spinner {
  float: right;
  margin: 8px; }

@-webkit-keyframes spinner-line__animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 600px 0; } }

@keyframes spinner-line__animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 600px 0; } }

hr.spinner-line {
  border: none;
  height: 3px;
  margin: 24px 0;
  background-image: -webkit-linear-gradient(left, #a8bece 0%, #c8d7e1 50%, #a8bece 100%);
  background-image: linear-gradient(to right, #a8bece 0%, #c8d7e1 50%, #a8bece 100%);
  background-size: 300px 100%;
  -webkit-animation: spinner-line__animation 1.2s infinite linear;
          animation: spinner-line__animation 1.2s infinite linear; }

/**
 * StatUpdateIndicator
 */
.stat-update-indicator {
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out; }
  .stat-update-indicator.is-updating {
    background-color: rgba(109, 178, 247, 0.08); }

.sticky-panel__content {
  position: relative; }

.sticky-panel.is-sticky .sticky-panel__content {
  position: fixed;
  z-index: 20; }

@media (max-width: 960px) {
  .sticky-panel.is-sticky .sticky-panel__content {
    margin-top: 8px; } }

.sub-masterbar-nav__dropdown,
.sub-masterbar-nav__navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 56px 20px 28px;
  background-color: #0087be; }
  .sub-masterbar-nav__dropdown:not(.is-collapsed) .sub-masterbar-nav__select,
  .sub-masterbar-nav__navbar:not(.is-collapsed) .sub-masterbar-nav__select {
    background-color: #005082;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  @media (min-width: 661px) {
    .sub-masterbar-nav__dropdown,
    .sub-masterbar-nav__navbar {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 56px 20px 0 30px; }
      .sub-masterbar-nav__dropdown.is-collapsed,
      .sub-masterbar-nav__navbar.is-collapsed {
        height: 128px;
        overflow: hidden;
        box-sizing: border-box; } }

@media (min-width: 661px) {
  .sub-masterbar-nav__dropdown {
    display: none; } }

@media (max-width: 660px) {
  .sub-masterbar-nav__navbar {
    display: none; } }

.sub-masterbar-nav__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%; }

.sub-masterbar-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__items {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 30;
      width: 100%;
      background-color: #005082;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .sub-masterbar-nav__dropdown.is-collapsed .sub-masterbar-nav__items,
      .sub-masterbar-nav__navbar.is-collapsed .sub-masterbar-nav__items {
        display: none; } }
  @media (min-width: 661px) {
    .sub-masterbar-nav__items {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

.sub-masterbar-nav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  border-radius: 5px;
  outline: 0;
  color: #78dcfa;
  font-size: 14px;
  cursor: pointer; }
  .sub-masterbar-nav__item:hover {
    background-color: #0068ff;
    color: #e9eff3; }
  .sub-masterbar-nav__item.is-selected {
    background-color: #005082;
    color: #f3f6f8; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__item {
      padding: 0 15px; }
      .sub-masterbar-nav__items .sub-masterbar-nav__item.is-selected {
        color: #78dcfa; } }
  @media (min-width: 661px) {
    .sub-masterbar-nav__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      height: 62px;
      margin: 0 10px 10px 0;
      font-size: 11px;
      text-align: center; } }

.sub-masterbar-nav__icon {
  display: inline-block; }
  @media (max-width: 660px) {
    .sub-masterbar-nav__icon {
      margin: 0 10px 0 0; } }

.sub-masterbar-nav__label {
  text-transform: uppercase; }

@media (min-width: 661px) {
  .sub-masterbar-nav__switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 62px;
    color: #e9eff3; } }

.sub-masterbar-nav__ellipsis {
  display: block;
  outline: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }
  .sub-masterbar-nav__ellipsis.is-open {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.sub-masterbar-nav__select {
  position: relative;
  width: 100%; }

.sub-masterbar-nav__select-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #e9eff3;
  cursor: pointer; }

/*
 * Suggestions start out invisible, and they show up only when triggered.
 */
.suggestions {
  display: none; }

.has-suggestions .suggestions {
  display: block; }

/*
 * Suggestions list
 */
.suggestions__suggestions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .suggestions__suggestions .suggestions__value-category {
    display: none; }

.suggestions__category {
  background-color: #f3f6f8;
  border: 1px solid #d2dee6;
  border-top: 0px;
  padding: 4px 8px;
  font-size: 13px; }
  .suggestions__category .suggestions__category-name {
    text-transform: uppercase;
    color: #2e4453; }
  .suggestions__category .suggestions__category-counter {
    margin-left: 6px;
    text-transform: uppercase;
    color: #537994; }
  .suggestions__category .suggestions__category-show-all {
    float: right;
    cursor: pointer; }

.suggestions__value {
  padding: 10px 10px;
  background: white;
  border: 1px solid #d2dee6;
  border-top: 0px;
  font-size: 16px;
  cursor: pointer; }
  .suggestions__value .suggestions__value-emphasis,
  .suggestions__value .suggestions__value-normal {
    /* Required to allow clicks pass-through */
    pointer-events: none; }
  .suggestions__value .suggestions__value-emphasis {
    font-weight: bold;
    color: inherit; }
  .suggestions__value.has-highlight {
    background-color: #0068ff;
    color: white; }

.textarea-autosize {
  -webkit-transition: none !important;
  transition: none !important; }

.thank-you-card {
  position: relative;
  width: 100%;
  max-width: 500px;
  background-color: #3a9551;
  border-radius: 8px 8px 6px 6px;
  overflow: hidden;
  margin: 12px auto 24px;
  color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-align: center; }
  @media (min-width: 481px) {
    .thank-you-card {
      margin-top: 28px; } }

.thank-you-card__header {
  background-color: #4ab866;
  padding: 12px 0;
  position: relative;
  line-height: 1.2;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 481px) {
    .thank-you-card__header {
      padding: 32px 0 15px; } }

.thank-you-card__header-detail {
  position: relative;
  z-index: 2; }

.thank-you-card__body {
  padding: 24px; }
  @media (min-width: 481px) {
    .thank-you-card__body {
      padding: 40px; } }

.thank-you-card__main-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  @media (min-width: 481px) {
    .thank-you-card__main-icon {
      width: 96px;
      height: 96px; } }

.thank-you-card__name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px; }
  .thank-you-card__name.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #ddf1e2;
    margin-left: auto;
    margin-right: auto;
    width: 35%; }
    .thank-you-card__name.is-placeholder:after {
      content: '\00a0'; }

.thank-you-card__price {
  font-size: 15px;
  font-weight: 500;
  color: #ddf1e2; }
  .thank-you-card__price.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #ddf1e2;
    margin-left: auto;
    margin-right: auto;
    width: 10%; }
    .thank-you-card__price.is-placeholder:after {
      content: '\00a0'; }

.thank-you-card__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .thank-you-card__heading {
      font-size: 22px; } }

.thank-you-card__description {
  font-size: 13px;
  font-weight: 400;
  width: 280px;
  max-width: 100%;
  margin: 0 auto 30px;
  line-height: 20px; }
  @media (min-width: 481px) {
    .thank-you-card__description {
      font-size: 15px; } }

.thank-you-card__button,
.thank-you-card__button:visited {
  display: inline-block;
  border-radius: 4px;
  background-color: white;
  color: #1e4b29;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  max-width: 280px;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  border-style: solid;
  border-color: #2c703d;
  border-width: 1px 1px 2px; }

.thank-you-card__button.is-placeholder,
.thank-you-card__button.is-placeholder:visited {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  pointer-events: none;
  background-color: #ddf1e2;
  border-color: transparent;
  border-radius: 0; }
  .thank-you-card__button.is-placeholder:after,
  .thank-you-card__button.is-placeholder:visited:after {
    content: '\00a0'; }

.thank-you-card__button:hover {
  border-color: #1e4b29;
  color: #3a9551; }

.thank-you-card__button:focus {
  color: #3a9551;
  outline: 1px dotted white; }

.thank-you-card__button:active {
  border-width: 2px 1px 1px;
  color: #1e4b29; }

@-webkit-keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(5px) translateX(5px) rotate(-20deg);
            transform: translateY(5px) translateX(5px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); } }

@keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(5px) translateX(5px) rotate(-20deg);
            transform: translateY(5px) translateX(5px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(0) rotate(0);
            transform: translateY(0) translateX(0) rotate(0); } }

.thank-you-card__background-icons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.4); }
  .thank-you-card__background-icons .gridicon {
    position: absolute;
    opacity: 0;
    -webkit-animation: floating 10s infinite ease-in-out;
            animation: floating 10s infinite ease-in-out; }
  .thank-you-card__background-icons .gridicon:nth-child(1) {
    top: 18px;
    left: 14.8%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(2) {
    top: 118px;
    left: 67.4%;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .thank-you-card__background-icons .gridicon:nth-child(3) {
    top: 108px;
    left: 86.2%;
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .thank-you-card__background-icons .gridicon:nth-child(4) {
    top: 190px;
    left: 8.4%;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .thank-you-card__background-icons .gridicon:nth-child(5) {
    top: 233px;
    left: 70.6%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(6) {
    top: 83px;
    left: 4.2%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(7) {
    top: 213px;
    left: 23.8%;
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .thank-you-card__background-icons .gridicon:nth-child(8) {
    top: 30px;
    left: 37.8%;
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .thank-you-card__background-icons .gridicon:nth-child(9) {
    top: 26px;
    left: 78.4%;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .thank-you-card__background-icons .gridicon:nth-child(10) {
    top: 101px;
    left: 21%;
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .thank-you-card__background-icons .gridicon:nth-child(11) {
    top: 21px;
    left: 62%;
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .thank-you-card__background-icons .gridicon:nth-child(12) {
    top: 161px;
    left: 77.6%;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }

.theme {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }
  .theme.is-active {
    background: #0068ff; }
    .theme.is-active .theme__info {
      background: #0068ff; }
    .theme.is-active .theme__info-title {
      color: white; }
      .theme.is-active .theme__info-title:before {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: -webkit-linear-gradient(left, rgba(0, 104, 255, 0), #0068ff 90%);
        background: linear-gradient(to right, rgba(0, 104, 255, 0), #0068ff 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .theme.is-active button {
      color: white; }
      .theme.is-active button:hover {
        color: #a9e9fc; }
    .theme.is-active .price {
      color: white; }
  .theme.is-actionable .theme__img {
    cursor: pointer; }
  .theme.is-actionable:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .theme.is-placeholder {
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.theme__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white; }

.theme__info-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  color: #2e4453;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 14px;
  margin: inherit;
  font-family: inherit;
  overflow: hidden;
  white-space: nowrap; }
  .theme__info-title:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.theme-badge__price {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 18px 10px 0;
  color: #4ab866;
  font-size: 13px;
  font-weight: 600; }

.theme-badge__active {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 18px 10px 0;
  color: #a9e9fc;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600; }

.theme__active-focus {
  opacity: 0.0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  .theme__active-focus:hover {
    opacity: 1.0; }
    .theme__active-focus:hover span {
      -webkit-animation: theme__active-focus-label 150ms ease-in-out;
              animation: theme__active-focus-label 150ms ease-in-out; }
  .is-actionable .theme__active-focus {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 54px;
    width: 100%;
    padding-top: 36%;
    cursor: pointer;
    color: #87a6bc;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1); }
    .is-actionable .theme__active-focus span {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      padding: 6px 9px;
      color: #2e4453;
      background: white;
      border: 1px solid #f3f6f8;
      border-radius: 2px; }

@-webkit-keyframes theme__active-focus-label {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0); } }

@keyframes theme__active-focus-label {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0); } }

.theme__content {
  padding-top: 75%;
  padding-bottom: 54px; }

.theme__img {
  position: absolute;
  top: 0;
  display: block;
  box-sizing: border-box;
  padding: 1px;
  width: 100%; }

.theme__no-screenshot {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 54px;
  width: 100%;
  padding-top: 36%;
  background: #c8d7e1; }
  .theme__no-screenshot .gridicon {
    display: block;
    margin: -5% auto;
    fill: #e9eff3; }

.theme__installing {
  background: rgba(46, 68, 83, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 54px;
  position: absolute;
  z-index: 2; }
  .theme__installing .pulsing-dot {
    top: 50%; }

.theme__more-button {
  border-left: 1px solid #f3f6f8;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out; }
  .theme__more-button button {
    cursor: pointer;
    color: #87a6bc;
    padding: 15px 19px;
    font-size: 20px;
    font-weight: 600;
    font-weight: bold; }
    .is-active .theme__more-button button {
      color: rgba(255, 255, 255, 0.8); }
    .accessible-focus .theme__more-button button:focus {
      z-index: 1;
      outline: solid 3px #78dcfa; }
  .theme__more-button .noticon {
    font-size: 24px;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .theme__more-button.is-active {
    border-left-color: rgba(243, 246, 248, 0.3); }
  .theme__more-button:hover {
    background-color: rgba(243, 246, 248, 0.3); }
    .theme__more-button:hover .noticon {
      color: #0068ff; }
    .theme__more-button:hover.is-active .noticon {
      color: white; }
  .theme__more-button.is-open .noticon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.theme__more-button-menu-item {
  text-decoration: none; }
  .theme__more-button-menu-item:visited {
    color: #2e4453; }
  .theme__more-button-menu-item:hover, .theme__more-button-menu-item:focus {
    color: white; }

.themes-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px; }
  .feature-example .themes-list {
    max-width: 1000px;
    margin: auto; }

.themes-list--spacer {
  width: 230px;
  height: 0px;
  margin: 0 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.seo-settings__page-title-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.seo-settings__page-title-header-image {
  margin: 0 10px 10px 10px; }

.seo-settings__page-title-header-text {
  -webkit-flex-basis: 330px;
      -ms-flex-preferred-size: 330px;
          flex-basis: 330px;
  margin: 0 10px 10px 10px; }

.title-format-editor {
  margin-bottom: 20px; }
  .title-format-editor.disabled .title-format-editor__editor-wrapper {
    border: 1px solid #c8d7e1;
    background-color: #f3f6f8; }
  .title-format-editor.disabled .title-format-editor__token, .title-format-editor.disabled .title-format-editor__button {
    pointer-events: none; }
  .title-format-editor.disabled .title-format-editor__token {
    background-color: #87a6bc; }

.title-format-editor__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
  margin-bottom: 6px; }

.title-format-editor__title {
  font-weight: 600;
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: auto; }

.title-format-editor__button {
  border-radius: 3px;
  background-color: white;
  color: #3d596d;
  border: 1px solid #c8d7e1;
  padding: 3px 8px 3px 8px;
  margin-left: 10px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer; }
  .title-format-editor__button:before {
    content: '+';
    margin-right: 4px;
    font-weight: 600; }
  .title-format-editor__button:hover {
    color: #0068ff; }

.title-format-editor__editor-wrapper {
  border: 1px solid #a8bece;
  padding: 7px 14px;
  line-height: 24px; }

.title-format-editor__token {
  display: inline-block;
  background-color: #4f748e;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .title-format-editor__token:hover {
    background-color: #d94f4f; }

.title-format-editor__token-close {
  margin-left: 10px;
  color: #a8bece;
  font-size: 10px; }

.title-format-editor__preview {
  color: #87a6bc;
  font-style: italic;
  margin-top: 5px;
  font-size: 13px; }

.token-field {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  color: #2e4453;
  cursor: text;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }
  .token-field:hover {
    border-color: #a8bece; }
  .token-field.is-disabled {
    background: #f3f6f8;
    border-color: #e9eff3; }
  .token-field.is-active {
    border-color: #0087be;
    box-shadow: 0 0 0 2px #78dcfa; }

.token-field__input-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 5px 14px 5px 0; }

input[type="text"].token-field__input {
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 2px 0 2px 8px;
  padding: 0 0 0 6px;
  line-height: 24px;
  background: inherit;
  border: 0;
  outline: none;
  font-family: inherit;
  font-size: 14px;
  color: #2e4453; }
  input[type="text"].token-field__input:focus {
    box-shadow: none; }

.token-field__token {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0 2px 8px;
  color: white;
  overflow: hidden; }
  .token-field__token.is-success .token-field__token-text,
  .token-field__token.is-success .token-field__remove-token {
    background: #4ab866; }
  .token-field__token.is-error .token-field__token-text,
  .token-field__token.is-error .token-field__remove-token {
    background: #d94f4f; }
  .token-field__token.is-validating .token-field__token-text,
  .token-field__token.is-validating .token-field__remove-token {
    background: #87a6bc; }
  .token-field__token.is-borderless {
    position: relative;
    padding: 0 16px 0 0; }
    .token-field__token.is-borderless .token-field__token-text {
      background: transparent;
      color: #0087be; }
    .token-field__token.is-borderless .token-field__remove-token {
      background: transparent;
      color: #87a6bc;
      position: absolute;
      top: 1px;
      right: 0; }
    .token-field__token.is-borderless.is-success .token-field__token-text {
      color: #4ab866; }
    .token-field__token.is-borderless.is-error .token-field__token-text {
      color: #d94f4f;
      border-radius: 4px 0 0 4px;
      padding: 0 4px 0 6px; }
    .token-field__token.is-borderless.is-validating .token-field__token-text {
      color: #2e4453; }
  .token-field__token.is-disabled .token-field__remove-token {
    cursor: default; }

.token-field__token-text,
.token-field__remove-token {
  display: inline-block;
  line-height: 24px;
  background: #4f748e;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }

.token-field__token-text {
  border-radius: 4px 0 0 4px;
  padding: 0 4px 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.token-field__remove-token {
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  padding: 0 6px;
  font-size: 10px;
  color: #c8d7e1; }
  .token-field__remove-token:hover {
    color: white;
    background: #668eaa; }

.token-field__suggestions-list {
  background: white;
  max-height: 0;
  overflow-y: scroll;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  list-style: none;
  margin: 0; }
  .token-field__suggestions-list.is-expanded {
    background: white;
    border-top: 1px solid #c8d7e1;
    max-height: 9em;
    padding-top: 3px; }

.token-field__suggestion {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  padding: 4px 8px;
  cursor: pointer; }
  .token-field__suggestion.is-selected {
    background: #0068ff;
    color: white; }

.token-field__suggestion-match {
  color: #2e4453; }

.post-schedule {
  position: relative; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 47px;
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 10%; }
  .post-schedule__header:first-letter {
    text-transform: uppercase; }

.post-schedule .input-chrono__container {
  margin: 0 -16px; }
  .post-schedule .input-chrono__container input.input-chrono {
    padding-left: 16px;
    padding-right: 16px;
    border: 0;
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-webkit-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container :-ms-input-placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::placeholder {
    color: #2e4453; }
  .post-schedule .input-chrono__container ::-moz-placeholder {
    color: #2e4453;
    opacity: 1; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer; }

.post-schedule__year-control-up,
.post-schedule__year-control-down {
  position: absolute;
  width: 100%;
  left: 0;
  height: 16px;
  cursor: pointer;
  color: #a8bece; }
  .post-schedule__year-control-up:hover,
  .post-schedule__year-control-down:hover {
    color: #87a6bc; }

.post-schedule__year-control-up {
  top: -12px; }

.post-schedule__year-control-down {
  bottom: -12px; }

.post-schedule__clock {
  text-align: center;
  margin: 15px auto 10px;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input.post-schedule__clock-time {
  height: 28px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  font-size: 13px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.post-schedule__clock .segmented-control {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 6px;
  vertical-align: bottom; }

.post-schedule__clock .segmented-control__item {
  display: inline-table; }

.post-schedule__clock .segmented-control__link {
  display: inline-block; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  line-height: 20px; }

.post-schedule__clock-timezone {
  text-align: left;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #d9e3ea; }

.post-schedule__timezone-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  margin-left: 5px; }

.info-popover__tooltip.post-schedule__timezone-info {
  margin-left: 0; }
  .info-popover__tooltip.post-schedule__timezone-info .popover__inner {
    font-size: 12px;
    max-width: 250px; }

.phone-input__flag-icon {
  pointer-events: none;
  max-width: 24px;
  max-height: 18px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  box-shadow: 0 0 1px #c8d7e1; }

.phone-input__flag-selector-icon {
  color: #a8bece;
  margin-left: 3px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.phone-input__flag-container {
  pointer-events: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0 5px; }

.phone-input__select-container {
  position: absolute;
  top: 0;
  width: 60px;
  cursor: pointer; }
  .phone-input__select-container:hover .phone-input__flag-selector-icon {
    color: #87a6bc; }

.phone-input__select-inner-container {
  margin-top: 4px;
  border-right: 1px solid #c8d7e1;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

select.phone-input__country-select {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 58px;
  height: 38px;
  border: 0;
  background-image: none;
  opacity: 0; }
  select.phone-input__country-select:focus {
    box-shadow: none; }

.phone-input__flag-spinner {
  z-index: 0;
  position: absolute;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  left: 10px;
  pointer-events: none;
  width: 24px; }

.phone-input {
  position: relative;
  width: 100%; }
  .phone-input input {
    padding-left: 70px; }

.section-header.card, .section-header.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative;
  line-height: 28px; }
  .section-header.card:after, .section-header.editor-drawer-well__placeholder:after {
    content: ''; }

.section-header__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: hidden; }
  .section-header__label:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .section-header__label .count {
    margin-left: 8px; }

.section-header__actions {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #2e4453;
  font-size: 14px; }

.section-header__actions .button {
  float: left;
  margin-right: 8px; }

.section-header__actions > .button:last-child {
  margin-right: 0; }

.seo-preview-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media (min-width: 661px) {
    .seo-preview-pane {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.seo-preview-pane__sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white; }
  .seo-preview-pane__sidebar .vertical-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
      border: 0;
      padding: 8px; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
      border-left: 0;
      border-bottom: 3px solid #0087be; }
    .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
      display: none; }
    @media (min-width: 661px) {
      .seo-preview-pane__sidebar .vertical-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        border-bottom: 1px solid #c8d7e1; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__social-item {
          border-top: 1px solid #c8d7e1;
          padding: 0; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items.is-selected {
          border-left: 3px solid #0087be;
          border-bottom: 0; }
        .seo-preview-pane__sidebar .vertical-menu .vertical-menu__items__social-label {
          display: block; } }
  @media (min-width: 661px) {
    .seo-preview-pane__sidebar {
      width: 250px;
      min-width: 250px;
      border-right: 1px solid #c8d7e1; } }

.seo-preview-pane__explanation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 20px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  .seo-preview-pane__explanation .seo-preview-pane__title {
    font-size: 16px; }
  .seo-preview-pane__explanation .seo-preview-pane__description {
    font-size: 12px;
    color: #87a6bc; }
  @media (min-width: 661px) {
    .seo-preview-pane__explanation {
      margin: 40px 0 40px 20px;
      max-width: 200px; } }

.seo-preview-pane__preview-area {
  margin: 10px auto; }

.seo-preview-pane__preview {
  min-width: 400px;
  height: auto;
  margin: 0 10px;
  background-color: white;
  border: 1px solid #d9e3ea; }
  .seo-preview-pane__preview .reader-post-card {
    padding: 10px; }
    .seo-preview-pane__preview .reader-post-card a {
      text-decoration: none;
      pointer-events: none;
      cursor: default; }
    .seo-preview-pane__preview .reader-post-card .reader-post-card__timestamp-and-tag a {
      color: #87a6bc; }
    .seo-preview-pane__preview .reader-post-card .reader-post-actions__item {
      white-space: nowrap; }
      .seo-preview-pane__preview .reader-post-card .reader-post-actions__item span, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .comment-button, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .like-button, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .ellipsis-menu .button {
        cursor: default;
        pointer-events: none; }
        .seo-preview-pane__preview .reader-post-card .reader-post-actions__item span:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .comment-button:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .like-button:hover, .seo-preview-pane__preview .reader-post-card .reader-post-actions__item .ellipsis-menu .button:hover {
          color: #87a6bc; }
    .seo-preview-pane__preview .reader-post-card.card, .seo-preview-pane__preview .reader-post-card.editor-drawer-well__placeholder {
      border-bottom: none; }
    @media (max-width: 960px) {
      .seo-preview-pane__preview .reader-post-card .comment-button__label-status,
      .seo-preview-pane__preview .reader-post-card .like-button__label-status,
      .seo-preview-pane__preview .reader-post-card .reader-share__button-label {
        display: none; } }
    @media (min-width: 961px) {
      .seo-preview-pane__preview .reader-post-card {
        min-width: 480px; } }

.seo-preview-pane__message {
  padding: 10px;
  text-align: center; }

.tooltip.popover .popover__arrow {
  border-width: 6px; }

.tooltip.popover.is-bottom-right .popover__arrow, .tooltip.popover.is-bottom-left .popover__arrow, .tooltip.popover.is-bottom .popover__arrow {
  border-bottom-color: #3d596d;
  top: 4px;
  right: 10px; }
  .tooltip.popover.is-bottom-right .popover__arrow::before, .tooltip.popover.is-bottom-left .popover__arrow::before, .tooltip.popover.is-bottom .popover__arrow::before {
    display: none; }

.tooltip.popover.is-bottom-right.is-error .popover__arrow, .tooltip.popover.is-bottom-left.is-error .popover__arrow, .tooltip.popover.is-bottom.is-error .popover__arrow {
  border-bottom-color: #d94f4f; }

.tooltip.popover.is-bottom-right.is-warning .popover__arrow, .tooltip.popover.is-bottom-left.is-warning .popover__arrow, .tooltip.popover.is-bottom.is-warning .popover__arrow {
  border-bottom-color: #f0b849; }

.tooltip.popover.is-bottom-right.is-success .popover__arrow, .tooltip.popover.is-bottom-left.is-success .popover__arrow, .tooltip.popover.is-bottom.is-success .popover__arrow {
  border-bottom-color: #4ab866; }

.tooltip.popover.is-top .popover__arrow, .tooltip.popover.is-top-left .popover__arrow, .tooltip.popover.is-top-right .popover__arrow {
  border-top-color: #3d596d;
  bottom: 4px;
  right: 10px; }
  .tooltip.popover.is-top .popover__arrow::before, .tooltip.popover.is-top-left .popover__arrow::before, .tooltip.popover.is-top-right .popover__arrow::before {
    display: none; }

.tooltip.popover.is-top.is-error .popover__arrow, .tooltip.popover.is-top-left.is-error .popover__arrow, .tooltip.popover.is-top-right.is-error .popover__arrow {
  border-top-color: #d94f4f; }

.tooltip.popover.is-top.is-warning .popover__arrow, .tooltip.popover.is-top-left.is-warning .popover__arrow, .tooltip.popover.is-top-right.is-warning .popover__arrow {
  border-top-color: #f0b849; }

.tooltip.popover.is-top.is-success .popover__arrow, .tooltip.popover.is-top-left.is-success .popover__arrow, .tooltip.popover.is-top-right.is-success .popover__arrow {
  border-top-color: #4ab866; }

.tooltip.popover.is-top .popover__arrow, .tooltip.popover.is-bottom .popover__arrow {
  margin-left: -6px; }

.tooltip.popover.is-left, .tooltip.popover.is-right {
  padding-top: 0; }
  .tooltip.popover.is-left .popover__arrow, .tooltip.popover.is-right .popover__arrow {
    margin-top: -6px; }
    .tooltip.popover.is-left .popover__arrow::before, .tooltip.popover.is-right .popover__arrow::before {
      display: none; }
  .tooltip.popover.is-left.is-error .popover__arrow, .tooltip.popover.is-right.is-error .popover__arrow {
    border-right-color: #d94f4f; }
  .tooltip.popover.is-left.is-warning .popover__arrow, .tooltip.popover.is-right.is-warning .popover__arrow {
    border-right-color: #f0b849; }
  .tooltip.popover.is-left.is-success .popover__arrow, .tooltip.popover.is-right.is-success .popover__arrow {
    border-right-color: #4ab866; }

.tooltip.popover.is-left .popover__arrow {
  margin-right: 4px;
  border-left-color: #3d596d; }

.tooltip.popover.is-right .popover__arrow {
  margin-left: 4px;
  border-right-color: #3d596d; }

.tooltip.popover .popover__inner {
  border: 0px;
  box-shadow: none;
  border-radius: 2px;
  color: white;
  background: #3d596d;
  font-size: 12px;
  padding: 6px 10px;
  text-align: left; }

.tooltip.popover.is-error .popover__inner {
  background: #d94f4f; }

.tooltip.popover.is-warning .popover__inner {
  background: #f0b849; }

.tooltip.popover.is-success .popover__inner {
  background: #4ab866; }

.tooltip.popover ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .tooltip.popover ul li {
    font-size: 11px;
    font-weight: 100;
    border: 0; }

.tooltip__hr {
  margin: 8px 0;
  background: #87a6bc; }

.credit-card-number-input input {
  background-image: url("/calypso/images/upgrades/cc-placeholder.svg");
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 32px auto;
  padding-right: 50px; }

.credit-card-number-input .amex input {
  background-image: url("/calypso/images/upgrades/cc-amex.svg"); }

.credit-card-number-input .discover input {
  background-image: url("/calypso/images/upgrades/cc-discover.svg"); }

.credit-card-number-input .mastercard input {
  background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }

.credit-card-number-input .visa input {
  background-image: url("/calypso/images/upgrades/cc-visa.svg"); }

.user.is-placeholder .user__name {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite;
  background: #c8d7e1;
  display: inline-block;
  height: 14px;
  width: 100px;
  position: relative;
  top: 3px; }

.user .gravatar {
  vertical-align: middle; }

.user__name {
  margin: 0 8px;
  line-height: 26px; }

.version {
  text-transform: uppercase;
  font-size: 11px;
  color: #537994;
  line-height: 18px; }
  .version:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .version .gridicon {
    float: left;
    margin-right: 4px;
    fill: #87a6bc; }

.vertical-nav {
  margin-top: 15px; }

.vertical-nav-item .gridicon {
  box-sizing: border-box;
  color: #a8bece;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 16px; }

.vertical-nav-item.is-placeholder span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: inline-block; }
  .vertical-nav-item.is-placeholder span:after {
    content: '\00a0'; }
  .vertical-nav-item.is-placeholder span:first-child {
    width: 35%; }
  .vertical-nav-item.is-placeholder span:last-child {
    float: right;
    width: 22px; }

.vertical-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 280px;
  background: white; }

.vertical-menu__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  border-top: 1px solid #c8d7e1;
  border-left: 3px solid transparent;
  color: #537994;
  font-size: 13px;
  font-weight: 200;
  cursor: pointer;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .vertical-menu__items.is-selected {
    border-left: 3px solid #0087be;
    color: #2e4453;
    font-weight: 400; }
    .vertical-menu__items.is-selected .social-logo {
      fill: #2e4453; }
  .vertical-menu__items:last-child {
    border-bottom: 1px solid #c8d7e1; }
  .vertical-menu__items:not(.is-selected):hover {
    color: #0068ff; }
    .vertical-menu__items:not(.is-selected):hover .social-logo {
      fill: #0068ff; }

.vertical-menu__items__social-icon {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: -4px; }

.vertical-menu__items__social-icon .social-logo {
  fill: #87a6bc; }

.web-preview {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  z-index: 100200;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .web-preview.is-visible {
    opacity: 1;
    bottom: 0;
    visibility: visible; }
    .web-preview.is-visible .web-preview__content {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1); }
  @media (min-width: 661px) {
    .web-preview.is-with-sidebar {
      left: 273px; } }

.web-preview__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.web-preview__content {
  box-shadow: 0 0 0 1px rgba(135, 166, 188, 0.5);
  background: #f3f6f8;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateY(80vh);
          transform: translateY(80vh);
  -webkit-transition: opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.1s ease-in-out, max-width 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.1s ease-in-out, max-width 0.2s ease-out, -webkit-transform 0.2s ease-out;
  width: 100%; }
  .is-computer .web-preview__content {
    max-width: 1200px; }
    @media (min-width: 961px) {
      .is-computer .web-preview__content {
        left: 24px;
        right: 24px; } }
  .is-tablet .web-preview__content {
    max-width: 783px; }
  .is-phone .web-preview__content {
    max-width: 460px; }
  .is-seo .web-preview__content {
    max-width: 865px; }

@media (max-width: 960px) {
  .web-preview.is-computer .web-preview__content,
  .web-preview.is-tablet .web-preview__content,
  .web-preview.is-phone .web-preview__content {
    top: 0;
    width: 100%;
    border-radius: 0; } }

.web-preview__toolbar {
  height: 48px;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.web-preview__close,
.web-preview__external,
.web-preview__device-button,
.web-preview__seo-button {
  color: #87a6bc;
  border-right: 1px solid #c8d7e1;
  padding: 12px 16px;
  cursor: pointer; }
  .web-preview__close:hover,
  .web-preview__external:hover,
  .web-preview__device-button:hover,
  .web-preview__seo-button:hover {
    color: #2e4453; }
  .web-preview__close .gridicon,
  .web-preview__external .gridicon,
  .web-preview__device-button .gridicon,
  .web-preview__seo-button .gridicon {
    vertical-align: middle; }

.web-preview__close {
  height: 49px;
  cursor: pointer; }

.web-preview__external {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.web-preview__device-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px; }

.web-preview__device-button {
  border-right: none;
  padding-left: 8px;
  padding-right: 8px; }
  .web-preview__device-button.is-active {
    color: #2e4453; }
  @media (max-width: 660px) {
    .web-preview__device-button {
      display: none; } }

.web-preview__seo-button {
  border-right: none;
  padding: 0 14px;
  height: 100%; }
  .web-preview__seo-button.is-active {
    color: #2e4453; }
  .web-preview__seo-button.is-showing-device-switcher {
    border-left: 1px solid #c8d7e1;
    margin-left: 8px; }

.web-preview__seo-label {
  margin-left: 6px;
  vertical-align: middle; }

.web-preview__back-to-preview-button {
  display: none; }
  @media (max-width: 660px) {
    .web-preview__back-to-preview-button {
      display: block; } }

.web-preview__toolbar-tray {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .web-preview__toolbar-tray .button {
    margin: 4px; }
    @media (max-width: 660px) {
      .web-preview__toolbar-tray .button:not(:last-child) {
        display: none; } }

.web-preview__frame {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .is-loaded .web-preview__frame {
    opacity: 1; }

.web-preview__placeholder {
  width: 100%;
  position: absolute;
  top: 49px;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.web-preview .spinner {
  margin-left: -10px;
  position: absolute;
  top: 45%;
  left: 50%; }

.web-preview .pulsing-dot {
  right: 24px;
  top: 22px;
  left: initial; }

.web-preview__loading-message {
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  display: block;
  margin: 48px 0; }

.credit-card-form__content {
  margin-bottom: 0; }

.credit-card-form__card-terms {
  color: #537994;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center; }
  @media (min-width: 661px) {
    .credit-card-form__card-terms {
      padding: 0;
      text-align: left; } }
  .credit-card-form__card-terms p {
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .credit-card-form__card-terms p {
        margin-left: 24px; } }
  .credit-card-form__card-terms .gridicon {
    float: left; }
    @media (max-width: 660px) {
      .credit-card-form__card-terms .gridicon {
        display: none; } }

.credit-card-form__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-color: #f3f6f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .credit-card-form__footer em {
    color: #537994; }
  .credit-card-form__footer button {
    margin-left: auto; }
  @media (max-width: 660px) {
    .credit-card-form__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .credit-card-form__footer em {
        margin-top: 10px; }
      .credit-card-form__footer button {
        width: 100%; } }

.docs-example__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.docs-example__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.docs-example__title,
.docs-example__toggle {
  margin: 0 !important; }

.docs-example__main {
  margin-top: 16px; }

.docs-example__footer {
  margin: 0; }

.docs-example__stats {
  border-bottom: 1px solid rgba(200, 215, 225, 0.5);
  font-size: 14px;
  padding-bottom: 16px; }

.docs-example__stats-item {
  margin: 0; }

.docs-example__stats-item + .docs-example__stats-item {
  margin-top: 1.5em; }

.docs-example__wrapper {
  color: #2e4453;
  padding: 10px; }
  .docs-example__wrapper.docs-example__wrapper.is-unique {
    border: 0; }

.docs-example__wrapper-header {
  margin: 0;
  line-height: 50px;
  height: 50px;
  margin-bottom: 20px;
  position: relative; }
  .docs-example__wrapper-header span,
  .docs-example__wrapper-header a {
    color: #2e4453;
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
    font-size: 34px;
    font-weight: bold; }
    .docs-example__wrapper-header span.docs-example__wrapper-header-title,
    .docs-example__wrapper-header a.docs-example__wrapper-header-title {
      line-height: 50px;
      height: 50px; }

@media (min-width: 961px) {
  .devdocs.docs-selectors {
    padding-right: 0;
    padding-left: 0; } }

.docs-selectors__results {
  list-style-type: none;
  margin: 0; }

.docs-selectors__result {
  color: #668eaa; }

.docs-selectors__result-name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8; }
  .docs-selectors__result-name,
  .docs-selectors__result-name a {
    color: #2e4453; }

.docs-selectors__result p {
  font-size: 13px;
  margin: 0; }

.docs-selectors__result-description {
  line-height: 1.4; }

.docs-selectors__result-io:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 28px -25px -17px;
  position: relative; }
  @media (max-width: 960px) {
    .docs-selectors__result-io:not(:empty) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 480px) {
    .docs-selectors__result-io:not(:empty) {
      margin-right: -17px;
      margin-left: -17px; } }

.docs-selectors__result-label {
  background: #f3f6f8;
  border: 1px solid #a8bece;
  text-transform: uppercase;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
  color: #2e4453;
  padding: 2px 8px;
  position: absolute;
  top: -12px; }

.docs-selectors__result-arguments,
.docs-selectors__result-return {
  position: relative; }

.docs-selectors__result-arguments {
  display: none;
  padding: 24px;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  background: #f3f6f8;
  border: 1px solid #a8bece;
  font-size: 14px; }
  .docs-selectors__result.is-expanded .docs-selectors__result-arguments {
    display: block; }

.docs-selectors__result-arguments-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin: 0; }
  .docs-selectors__result-arguments-content + .docs-selectors__result-arguments-content {
    margin-top: 16px; }

.docs-selectors__result-return {
  background: #f3f6f8;
  border: 1px solid #a8bece;
  border-top-width: 0;
  padding: 24px;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }
  @media (min-width: 961px) {
    .docs-selectors__result-return {
      border-left-width: 0;
      border-top-width: 1px; } }

.docs-selectors__param-type,
.docs-selectors__result-arguments-name {
  color: #2e4453; }

.docs-selectors__param-type,
.docs-selectors__param-type code {
  font-size: 16px;
  font-family: "Courier 10 Pitch", Courier, monospace; }

.docs-selectors__param-type span {
  padding-left: 4px; }

.docs-selectors__result-arguments-name {
  width: 30%;
  padding-right: 24px;
  text-align: right;
  font-family: "Courier 10 Pitch", Courier, monospace; }

.docs-selectors__result-return {
  display: none; }
  .docs-selectors__result.is-expanded .docs-selectors__result-return {
    display: block; }

.devdocs,
.design {
  font-size: 18px;
  line-height: 1.618;
  color: #2e4453;
  margin: 0 auto;
  max-width: 960px;
  padding: 1.777em 8.184em; }
  @media (max-width: 960px) {
    .devdocs,
    .design {
      padding: 24px;
      max-width: 100%; } }

.is-section-devdocs-start .layout__primary {
  margin-left: 0; }

.devdocs__title {
  color: #4f748e;
  font-weight: 300;
  font-size: 24px;
  padding: 24px; }

.devdocs__result.card, .devdocs__result.editor-drawer-well__placeholder {
  padding: 16px 0; }

.devdocs__result-header {
  overflow: hidden;
  padding: 0 18px; }

.devdocs__result-title {
  clear: none;
  float: left; }

.devdocs__result-link {
  font-size: 18px; }

.devdocs__result-path {
  font-size: 0.8em;
  clear: none;
  color: #87a6bc;
  float: right;
  margin: 8px 0 0; }

.devdocs__result-snippet {
  margin: 0;
  margin-top: 10px;
  border-top: 1px solid #c8d7e1;
  padding: 9px 18px;
  font-size: 0.69333em;
  background-color: white; }
  .devdocs__result-snippet p {
    margin-bottom: 0; }

.devdocs__doc h1, .devdocs__doc h2, .devdocs__doc h3, .devdocs__doc h4, .devdocs__doc h5, .devdocs__doc h6 {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.6em; }

.devdocs__doc h1 {
  color: #0087be;
  font-size: 47px;
  line-height: 1.333; }

.devdocs__doc h2 {
  font-size: 1.777em; }

.devdocs__doc pre {
  padding: 0.8em;
  background: white;
  background-color: white; }

.devdocs__doc code {
  font-size: 0.86667em;
  background-color: white;
  padding: 0.2em;
  border-radius: 3px; }

.devdocs__doc pre > code {
  background-color: rgba(255, 255, 255, 0); }

.devdocs__doc .emoji {
  height: 18px; }

.devdocs__doc .label {
  font-weight: bold;
  font-size: 12px;
  padding: 1px 5px 2px 5px;
  border-radius: 2px; }
  .devdocs__doc .label.status-awaiting-fixes {
    background: #ea652d;
    color: white; }
  .devdocs__doc .label.status-needs-review {
    background: #fbc92f; }
  .devdocs__doc .label.status-ready-to-merge {
    background: #d6fa82; }
  .devdocs__doc .label.status-in-progress {
    background: #2880e2;
    color: white; }

.devdocs__doc video {
  max-width: 100%;
  margin-bottom: 1em; }

.devdocs__doc-header {
  font-size: 13px; }
  .devdocs__doc-header a {
    float: right; }

.devdocs__doc-content {
  margin-top: 48px; }

.devdocs__welcome {
  color: #2e4453; }

.devdocs__welcome-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px; }

.devdocs__welcome-illustration {
  float: right;
  margin-top: -120px; }

.docs__popover-hover-example__bullet {
  list-style: none;
  float: left;
  cursor: pointer;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 10px;
  background-color: #e0ffe0; }
  .docs__popover-hover-example__bullet:hover {
    background-color: #87a6bc;
    color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n) {
    background-color: #e0ffff; }
    .docs__popover-hover-example__bullet:nth-child(4n):hover {
      background-color: #87a6bc;
      color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n + 1) {
    background-color: #e0e0ff; }
    .docs__popover-hover-example__bullet:nth-child(4n + 1):hover {
      background-color: #87a6bc;
      color: white; }
  .docs__popover-hover-example__bullet:nth-child(4n + 2) {
    background-color: #ffffe0; }
    .docs__popover-hover-example__bullet:nth-child(4n + 2):hover {
      background-color: #87a6bc;
      color: white; }

.guided-tours__step {
  position: fixed;
  max-width: 410px;
  z-index: 201000;
  background: #151e25;
  box-shadow: 0 2px 24px 0 rgba(21, 30, 37, 0.5);
  border-radius: 4px;
  padding-top: 19px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-name: guided-tours__step-fadein;
          animation-name: guided-tours__step-fadein;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }
  .guided-tours__step p {
    color: #e9eff3;
    margin-bottom: 16px; }
    .guided-tours__step p strong {
      color: white; }
    .guided-tours__step p:last-child {
      margin-bottom: 0; }
  .guided-tours__step .gridicon {
    vertical-align: middle;
    margin-top: -4px; }
  .guided-tours__step .gridicon[height="16"] {
    position: relative;
    top: 2px; }
  .guided-tours__step .gridicon[height="18"] {
    position: relative;
    top: 3px; }

.guided-tours__step-first {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-name: guided-tours__step-slidein;
          animation-name: guided-tours__step-slidein;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: calc( 100% - 10px); }

.guided-tours__step-finish {
  top: 20%; }

@-webkit-keyframes guided-tours__step-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.98);
            transform: translateY(20px) scale(0.98); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes guided-tours__step-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.98);
            transform: translateY(20px) scale(0.98); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@-webkit-keyframes guided-tours__step-slidein {
  0% {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  80% {
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes guided-tours__step-slidein {
  0% {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  80% {
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); }
  100% {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.guided-tours__choice-button-row .button {
  width: 48%; }

.guided-tours__choice-button-row .guided-tours__button-link {
  text-align: center; }

.guided-tours__choice-button-row .button:nth-child(1) {
  margin-right: 4%; }

.guided-tours__choice-button-row .button:nth-child(2) {
  color: #cccccc;
  background: none;
  border: none; }

.guided-tours__single-button-row .button {
  width: 100%; }

.guided-tours__single-button-row .guided-tours__subtle-button {
  color: #cccccc;
  background: none;
  border: none; }

.guided-tours__external-link,
.guided-tours__actionstep-instructions {
  color: #a8bece;
  margin-bottom: 0;
  font-style: italic;
  line-height: 24px;
  min-height: 24px; }
  .guided-tours__external-link .external-link,
  .guided-tours__actionstep-instructions .external-link {
    font-style: normal;
    border-top: 1px solid #2e4453;
    display: block;
    padding-top: 12px;
    margin-top: 16px; }

.guided-tours__actionstep-text {
  position: relative;
  top: 3px;
  font-style: normal;
  font-size: 190%;
  line-height: 0; }

.guided-tours__step-pointing:before {
  position: absolute;
  border: #151e25;
  content: " ";
  pointer-events: none;
  background: #151e25;
  width: 12px;
  height: 12px; }

.guided-tours__step-pointing.guided-tours__step-pointing-none:before {
  display: none; }

.guided-tours__step-pointing.guided-tours__step-pointing-top-left:before {
  top: -5.5px;
  left: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-top-center:before {
  top: -5.5px;
  left: 49%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-top-right:before {
  top: -5.5px;
  right: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-top:before {
  top: 15px;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-middle:before {
  top: 42%;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-right-bottom:before {
  bottom: 12px;
  right: -5.5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-right:before {
  bottom: -5.5px;
  right: 12px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-center:before {
  bottom: -5.5px;
  left: 49%;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-bottom-left:before {
  bottom: -5.5px;
  left: 12px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-bottom:before {
  bottom: 12px;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-middle:before {
  top: 42%;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.guided-tours__step-pointing.guided-tours__step-pointing-left-top:before {
  top: 12px;
  left: -5.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

/**
 * Live Chat
 */
.happychat__active-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .happychat__active-toolbar > :first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 12px; }
  .happychat__active-toolbar > div {
    padding: 11px;
    cursor: pointer; }
  .happychat__active-toolbar > div:hover {
    background: #1a77ff; }
  .happychat__active-toolbar svg {
    display: block; }

/**
 * Base styles
 */
.happychat__container {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 12px;
  font-size: 14px;
  display: none;
  /* disabled */
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .happychat__container .happychat__title {
    cursor: default;
    padding: 0;
    background: #0068ff;
    border-bottom: 1px solid #005ee6;
    color: white;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 32px; }
  .happychat__container .happychat__active-toolbar > div {
    padding: 4px 11px; }
  .happychat__container.is-open {
    display: block;
    background: #e9eff3;
    bottom: 0;
    z-index: 9999; }

.happychat__conversation {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-bottom: 6px; }
  .happychat__conversation::before {
    content: '';
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.happychat__loading {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .happychat__loading .spinner {
    margin: 16px 0; }

.happychat__notice {
  padding: 12px;
  border-top: 1px solid #c8d7e1;
  color: white;
  background-color: #537994;
  margin: 0; }

.happychat__welcome {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 16px;
  color: #2e4453;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .happychat__welcome p {
    margin: 0;
    padding: 0; }

.happychat ::-webkit-scrollbar, .happychat_page ::-webkit-scrollbar {
  width: 12px;
  height: 12px; }

.happychat ::-webkit-scrollbar-thumb, .happychat_page ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a8bece;
  border: 3px solid transparent;
  background-clip: padding-box; }
  .happychat ::-webkit-scrollbar-thumb:hover, .happychat_page ::-webkit-scrollbar-thumb:hover {
    background-color: #87a6bc; }

/**
 * Minimize animation
 */
.layout .happychat .happychat__container.is-open.is-minimizing {
  box-shadow: none;
  border-top: 1px solid #c8d7e1;
  border-left: 1px solid #c8d7e1;
  border-right: 1px solid #c8d7e1;
  background: #e9eff3;
  -webkit-animation: happychat-minimize .5s 1 forwards;
          animation: happychat-minimize .5s 1 forwards; }
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__loading,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__composer,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__welcome,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__conversation,
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__title .happychat__active-toolbar * {
    visibility: hidden; }
  .layout .happychat .happychat__container.is-open.is-minimizing > .happychat__title {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    position: relative;
    -webkit-animation: happychat-disappear .1s 1 forwards;
            animation: happychat-disappear .1s 1 forwards; }

.layout.is-group-editor .happychat .happychat__container.is-open.is-minimizing {
  -webkit-animation: happychat-minimize-right .5s 1 forwards;
          animation: happychat-minimize-right .5s 1 forwards; }

@-webkit-keyframes happychat-disappear {
  0% {
    top: 0px; }
  50% {
    top: 4px; }
  100% {
    top: -47px; } }

@keyframes happychat-disappear {
  0% {
    top: 0px; }
  50% {
    top: 4px; }
  100% {
    top: -47px; } }

@-webkit-keyframes happychat-minimize {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: calc( 100% - 229px);
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@keyframes happychat-minimize {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: calc( 100% - 229px);
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@-webkit-keyframes happychat-minimize-right {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: 0px;
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@keyframes happychat-minimize-right {
  0% {
    max-height: 220px;
    bottom: 0px; }
  99%, 100% {
    right: 0px;
    width: 34px;
    max-height: 34px;
    bottom: 0px; }
  100% {
    max-height: 0;
    bottom: -34px; } }

@media (min-width: 961px) {
  @-webkit-keyframes happychat-minimize {
    0% {
      max-height: 100%;
      bottom: 0px; }
    99%, 100% {
      right: calc( 100% - 273px);
      width: 34px;
      max-height: 34px;
      bottom: 0px; }
    100% {
      max-height: 0;
      bottom: -34px; } }
  @keyframes happychat-minimize {
    0% {
      max-height: 100%;
      bottom: 0px; }
    99%, 100% {
      right: calc( 100% - 273px);
      width: 34px;
      max-height: 34px;
      bottom: 0px; }
    100% {
      max-height: 0;
      bottom: -34px; } } }

/**
 * Chat composer
 */
.happychat__composer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: white;
  border-top: 1px solid #d9e3ea;
  position: relative; }
  .happychat__composer.is-disabled {
    background: #fcefd6; }

.happychat__message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 4px;
  border: 0; }
  .happychat__message > textarea {
    padding: 12px;
    border: none;
    background: transparent;
    font-size: 14px;
    min-height: initial;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    resize: none;
    height: 100%; }
    .happychat__message > textarea:focus, .happychat__message > textarea:active {
      outline: none;
      box-shadow: none; }

.happychat__submit {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 8px;
  background: #0068ff;
  color: white;
  padding: 4px 8px;
  margin: 8px 12px 0 0;
  cursor: pointer; }
  .happychat__submit > svg {
    fill: currentColor;
    display: block; }
  .happychat__submit:hover {
    background: #3386ff; }
  .happychat__submit:disabled {
    display: none; }

.happychat__timeline-join-message {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 4px 8px;
  color: #2e4453;
  text-align: center; }

.happychat__message-text {
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 12px;
  border-radius: 8px 8px 8px 0;
  color: #2e4453;
  background: white;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: pre-wrap; }
  .happychat__message-text p {
    margin: 8px 0; }
    .happychat__message-text p:first-child {
      margin-top: 0; }
    .happychat__message-text p:last-child {
      margin-bottom: 0; }
  .happychat__message-text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent; }
  .is-user-message .happychat__message-text {
    color: white;
    background: #0068ff;
    border-radius: 8px 8px 0 8px; }
    .is-user-message .happychat__message-text:after {
      left: auto;
      right: -8px;
      width: 0;
      height: 0;
      border-bottom: 8px solid #0068ff;
      border-left: none;
      border-right: 8px solid transparent; }

.happychat__message-meta {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin: 0 8px 0 0; }
  .is-user-message .happychat__message-meta {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    margin: 0 0 0 8px; }

.happychat__message-avatar {
  width: 48px;
  height: 48px; }
  .happychat__message-avatar > img {
    background: #d2dee6;
    border-radius: 50%;
    width: 100%;
    height: auto; }

.happychat__timeline-message {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0 10px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: auto;
  margin-left: 0; }
  .happychat__timeline-message a {
    color: #0068ff;
    text-decoration: underline; }
  .happychat__timeline-message a:hover {
    text-decoration: none; }
  .happychat__timeline-message.is-user-message {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: auto;
    margin-right: 0; }
    .happychat__timeline-message.is-user-message a {
      color: #a9e9fc; }

.support-browser {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .support-browser.disabled {
    display: none; }
  .support-browser .browser-bar {
    height: 46px;
    background: #0068ff;
    color: white;
    text-align: center;
    border-bottom: 1px solid #005ee6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .support-browser iframe {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1); }

/**
 * Panel mode
 */
@media (min-width: 481px) {
  .layout:not(.is-section-happychat) .happychat__container.is-open {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.1);
    width: 280px; }
  .layout:not(.is-section-happychat) .happychat__message {
    height: auto; }
  .layout:not(.is-section-happychat) .happychat__message > textarea {
    padding: 12px; }
  .layout:not(.is-section-happychat) .happychat__conversation,
  .layout:not(.is-section-happychat) .happychat__welcome {
    min-height: 160px;
    max-height: 220px; } }

@media (max-width: 480px) {
  .layout:not(.is-section-happychat) .happychat__container.is-open {
    right: 0; }
  .layout:not(.is-section-happychat) .happychat__conversation,
  .layout:not(.is-section-happychat) .happychat__welcome {
    min-height: 160px;
    max-height: 220px; } }

/**
 * Sidebar mode
 */
@media (min-width: 1041px) {
  .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open {
    position: fixed;
    z-index: 0;
    height: calc( 100% - 47px);
    bottom: 0;
    right: 0;
    width: 272px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box;
    box-shadow: none; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__loading,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__conversation,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__composer,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__welcome {
      border-left: 1px solid #d9e3ea; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__active-toolbar {
      border-left: 1px solid #0064f5; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__title {
      line-height: 46px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__active-toolbar > div {
      padding: 11px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__message {
      height: auto; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__message > textarea {
      padding: 12px 12px 32px 12px; }
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__conversation,
    .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .happychat__container.is-open .happychat__welcome {
      min-height: 160px;
      max-height: none; }
  .layout.has-chat:not(.is-group-editor):not(.is-section-theme):not(.is-group-reader) .layout__content {
    padding: 79px 304px 32px; }
  .has-chat.is-section-stats .post-trends__scroll-left,
  .has-chat.is-section-stats .post-trends__scroll-right {
    display: block; }
  .has-chat .main.customize.is-iframe {
    right: 272px; } }

/**
 * Agent W.
 */
.chat__agent-w {
  display: inline-block; }

.chat__agent-w:hover {
  -webkit-animation: jiggle .5s linear;
          animation: jiggle .5s linear; }

.chat__agent-w svg .ears .electric {
  display: none; }

.chat__agent-w svg .mouth .cool,
.chat__agent-w svg .mouth .sad,
.chat__agent-w svg .mouth .asleep {
  display: none; }

.chat__agent-w svg .eyes .asleep,
.chat__agent-w svg .eyes .dreamy,
.chat__agent-w svg .eyes .dealwithit,
.chat__agent-w svg .eyes .somber,
.chat__agent-w svg .eyes .blush,
.chat__agent-w svg .eyes .sad,
.chat__agent-w svg .eyes .wink {
  display: none; }

/**
 * Electric ears
 */
.chat__agent-w .electric .ears .electric {
  display: block; }

.chat__agent-w .electric .ears .default {
  display: none; }

/**
 * Cool
 */
.chat__agent-w .cool .mouth .cool {
  display: block; }

.chat__agent-w .cool .mouth .default {
  display: none; }

.chat__agent-w .cool .eyes .dealwithit {
  -webkit-animation: dealwithit .5s linear;
          animation: dealwithit .5s linear;
  display: block; }

.chat__agent-w .cool .eyes .default {
  /*display: none; */ }

/**
 * Sad
 */
.chat__agent-w .sad .mouth .sad {
  display: block; }

.chat__agent-w .sad .mouth .default {
  display: none; }

.chat__agent-w .sad .eyes .sad {
  display: block; }

.chat__agent-w .sad .eyes .default {
  display: none; }

/**
 * Asleep
 */
.chat__agent-w .asleep .eyes .asleep {
  display: block; }

.chat__agent-w .asleep .eyes .default {
  display: none; }

.chat__agent-w .asleep .mouth .asleep {
  display: block; }

.chat__agent-w .asleep .mouth .default {
  display: none; }

/**
 * Dreamy
 */
.chat__agent-w .dreamy .eyes .dreamy {
  display: block; }

.chat__agent-w .dreamy .eyes .default {
  display: none; }

/**
 * Somber
 */
.chat__agent-w .somber .eyes .somber {
  display: block; }

.chat__agent-w .somber .eyes .default {
  display: none; }

/**
 * Blush
 */
.chat__agent-w .blush .eyes .blush {
  display: block; }

.chat__agent-w .blush .eyes .default {
  display: none; }

/**
 * Wink
 */
.chat__agent-w .wink .eyes .wink {
  display: block; }

.chat__agent-w .wink .eyes .default {
  display: none; }

/**
 * Animations
 */
@-webkit-keyframes dealwithit {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes dealwithit {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@-webkit-keyframes jiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  40%, 80% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

@keyframes jiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  40%, 80% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); } }

.community-translator {
  position: fixed;
  bottom: 50px;
  right: 16px;
  border-radius: 27px;
  background: #0087be;
  cursor: pointer;
  padding: 4px;
  font-size: 13px;
  z-index: 99; }
  .community-translator.is-active {
    background: #f0821e; }

.community-translator__button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-decoration: none;
  outline: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .community-translator__button:hover {
    color: white; }
    .community-translator__button:hover .community-translator__text {
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      width: auto;
      margin-right: 6px;
      padding: 0 2px; }

.community-translator__text {
  width: 0;
  overflow: hidden;
  white-space: nowrap; }

body .webui-popover {
  border-radius: 2px;
  padding: 0;
  text-align: inherit;
  border-color: #c8d7e1;
  z-index: 100300; }
  body .webui-popover .webui-popover-title {
    background-color: #c8d7e1;
    border-color: #e9eff3;
    border-radius: 1px 1px 0 0; }
  body .webui-popover.top .arrow, body .webui-popover.top-right .arrow, body .webui-popover.top-left .arrow {
    border-top-color: #c8d7e1; }
  body .webui-popover.right .arrow, body .webui-popover.right-top .arrow, body .webui-popover.right-bottom .arrow {
    border-right-color: #c8d7e1; }
  body .webui-popover.left .arrow, body .webui-popover.left-top .arrow, body .webui-popover.left-bottom .arrow {
    border-left-color: #c8d7e1; }
  body .webui-popover.bottom .arrow, body .webui-popover.bottom-right .arrow, body .webui-popover.bottom-left .arrow {
    border-bottom-color: #c8d7e1; }
    body .webui-popover.bottom .arrow:after, body .webui-popover.bottom-right .arrow:after, body .webui-popover.bottom-left .arrow:after {
      border-bottom-color: #c8d7e1; }

.community-translator__modal {
  max-width: 400px; }

.community-translator__translator-invitation {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px; }
  .community-translator__translator-invitation:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%);
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .community-translator__translator-invitation .close-button {
    padding: 6px; }
  .community-translator__translator-invitation .community-translator__translator-invitation__decoration {
    background-color: #f3f6f8;
    color: #87a6bc;
    height: 22px;
    margin-left: -11px;
    margin-top: 24px;
    position: absolute;
    top: 100%;
    left: 50%;
    speak: none;
    padding: 0 8px;
    visibility: visible; }

.community-translator__translator-invitation__title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 12px; }

.community-translator__translator-invitation__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .community-translator__translator-invitation__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }

.community-translator__translator-invitation__secondary-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.community-translator__translator-invitation__intro {
  -webkit-box-flex: 100%;
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%;
  margin-bottom: 20px; }

.community-translator__translator-invitation__link {
  color: #0068ff;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: -webkit-linear-gradient(top, transparent 50%, #0068ff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #0068ff 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.community-translator__translator-invitation__actions {
  -webkit-box-flex: 100%;
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%; }
  .community-translator__translator-invitation__actions > :last-child {
    margin-right: 0; }

@media (min-width: 661px) {
  .community-translator__translator-invitation {
    padding: 12px 0 0; }
  .community-translator__translator-invitation__title {
    clear: none; }
  .community-translator__translator-invitation__primary-content {
    margin-bottom: 0; }
    .community-translator__translator-invitation__primary-content .button {
      display: inline-block;
      width: auto;
      margin-bottom: 0px;
      padding: 7px 24px;
      margin-right: 12px; }
  .community-translator__translator-invitation__intro {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-bottom: 0px; }
  .community-translator__translator-invitation__actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 2%; }
  .community-translator__translator-invitation__secondary-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; } }

.masterbar {
  background: #0087be;
  border-bottom: 1px solid #0079aa;
  color: white;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 180;
  -webkit-font-smoothing: subpixel-antialiased; }
  .is-support-user .masterbar {
    background: #f0821e;
    border-bottom: 1px solid #ea7810; }
  .full-screen .masterbar {
    border: none; }
  @media (min-width: 661px) {
    .masterbar {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; } }

.masterbar__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: white;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .masterbar__item:visited {
    color: white; }
  .masterbar__item .masterbar__item-content {
    color: white;
    padding: 0 0 0 6px; }
  .masterbar__item:hover, .masterbar__item:focus {
    background: #0068ff;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    outline: 0; }
  .masterbar__item.is-active {
    background: #005082; }
  .is-support-user .masterbar__item.is-active {
    background: #cd690e; }
  @media (max-width: 480px) {
    .masterbar__item {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .masterbar__item .gridicon {
        margin: 0 auto; }
      .masterbar__item .masterbar__item-content {
        display: none; } }

.frk-dashboard-logo-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .frk-dashboard-logo-wrapper .masterbar__item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }

.masterbar__item-logo {
  font-size: 17px;
  font-weight: 300; }
  .masterbar__item-logo .tld {
    color: rgba(255, 255, 255, 0.6); }

.masterbar__item-new {
  background: white;
  border-radius: 3px;
  color: #0087be;
  height: 36px;
  margin: 5px 8px; }
  .masterbar__item-new:visited {
    color: #0087be; }
  .masterbar__item-new.is-active {
    color: white; }
  .masterbar__item-new:hover, .masterbar__item-new:focus {
    background: #f3f6f8;
    color: #0087be; }
  .masterbar__item-new .masterbar__item-content {
    display: none; }
  .is-support-user .masterbar__item-new,
  .is-support-user .masterbar__item-new:focus,
  .is-support-user .masterbar__item-new:hover,
  .is-support-user .masterbar__item-new:visited {
    color: #f0821e; }
  .is-support-user .masterbar__item-new.is-active {
    color: white; }
  @media (min-width: 481px) {
    .masterbar__item-new {
      margin-left: auto; } }

.masterbar__item-me .gravatar {
  position: absolute;
  left: 16px;
  top: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid white; }

.masterbar__item-me .masterbar__item-content {
  padding: 0; }

.masterbar__item-me .masterbar__item-me-label {
  display: none; }

.masterbar__item-notifications {
  margin-right: 12px; }
  @media (max-width: 480px) {
    .masterbar__item-notifications {
      margin-right: 0; } }
  .masterbar__item-notifications .masterbar__item-content {
    padding: 0; }
    @media (max-width: 480px) {
      .masterbar__item-notifications .masterbar__item-content {
        display: block; } }
  .masterbar__item-notifications .masterbar__item-notifications-label {
    display: none; }
  .masterbar__item-notifications .masterbar__notifications-bubble {
    border: solid 2px #0087be;
    border-radius: 50%;
    display: none;
    font-size: 8px;
    height: 8px;
    letter-spacing: 0;
    line-height: 12px;
    margin: 0 0 0 -12px;
    padding: 0;
    position: absolute;
    top: 9px;
    left: 50%;
    width: 8px;
    z-index: 99999;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-animation: bubble-unread-indication .5s linear both;
            animation: bubble-unread-indication .5s linear both;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in; }
  .masterbar__item-notifications:hover .masterbar__notifications-bubble {
    border-color: #1a98ca; }
  .masterbar__item-notifications.is-active .masterbar__notifications-bubble {
    border-color: #005082; }
  .masterbar__item-notifications.has-unread .masterbar__notifications-bubble {
    display: block;
    background: #f0821e; }
  .masterbar__item-notifications.is-initial-load .masterbar__notifications-bubble {
    -webkit-animation: none;
            animation: none; }

@-webkit-keyframes bubble-unread-indication {
  30% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  60% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes bubble-unread-indication {
  30% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  60% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

.dialog.card.nps-survey-notice, .dialog.nps-survey-notice.editor-drawer-well__placeholder {
  max-width: 480px;
  padding: 0; }

.NuxWelcome {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none; }
  .NuxWelcome:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%);
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .NuxWelcome:after {
    font-size: 22px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    top: 100%;
    left: 50%;
    height: 22px;
    margin-left: -11px;
    margin-top: 24px;
    color: #87a6bc;
    padding: 0 8px;
    background-color: #e9eff3;
    visibility: visible; }
  .NuxWelcome .close-button {
    padding: 6px; }

.NuxWelcomeMessage__title {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.NuxWelcomeMessage__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .NuxWelcomeMessage__primary-content p {
    margin-bottom: 20px; }
  .NuxWelcomeMessage__primary-content .button {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }
  .NuxWelcomeMessage__primary-content img {
    display: none; }
    @media only screen and (max-width: 930px) {
      .NuxWelcomeMessage__primary-content img {
        max-height: 106px; } }

.NuxWelcomeMessage__intro a {
  color: #0068ff;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: -webkit-linear-gradient(top, transparent 50%, #0068ff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #0068ff 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.NuxWelcomeMessage__label {
  color: #2e4453;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.NuxWelcomeMessage__list {
  list-style-position: inside;
  margin-left: 0; }
  .NuxWelcomeMessage__list li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px; }

@media (min-width: 661px) {
  .NuxWelcome {
    padding: 12px 0 0; }
    .NuxWelcome .close-button:before, .NuxWelcome .close-button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0; }
    .NuxWelcome .close-button:before {
      width: 108px;
      height: 1px;
      background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%);
      background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%); }
    .NuxWelcome .close-button:after {
      width: 1px;
      height: 108px;
      background: -webkit-linear-gradient(top, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%);
      background: linear-gradient(to bottom, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%); }
    .notouch .NuxWelcome .close-button:before, .notouch .NuxWelcome .close-button:after {
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .notouch .NuxWelcome .close-button:before {
      -webkit-transform-origin: right;
              transform-origin: right; }
    .notouch .NuxWelcome .close-button:after {
      -webkit-transform-origin: top;
              transform-origin: top; }
    .notouch .NuxWelcome .close-button:hover:before {
      -webkit-transform: scaleX(1.4);
              transform: scaleX(1.4); }
    .notouch .NuxWelcome .close-button:hover:after {
      -webkit-transform: scaleY(1.4);
              transform: scaleY(1.4); }
  .NuxWelcomeMessage__title {
    clear: none; }
  .NuxWelcomeMessage__primary-content {
    margin-bottom: 0; }
    .NuxWelcomeMessage__primary-content .button {
      display: inline-block;
      width: auto;
      padding: 7px 24px;
      margin-right: 24px; }
    .NuxWelcomeMessage__primary-content img {
      display: block;
      float: right;
      width: 22.08333%;
      margin: 6px 48px 24px 12px; } }

.offline-status {
  background: #005082;
  color: white;
  border-radius: 24px;
  font-size: 13px;
  height: 20px;
  padding: 6px 16px;
  position: fixed;
  left: 50%;
  top: 8px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 200; }
  .offline-status .gridicon {
    color: white;
    margin: -2px 2px 0 -8px;
    opacity: 0.8;
    vertical-align: middle; }

.sidebar, .post-editor__sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  padding: 0;
  background: #e9eff3;
  position: fixed;
  top: 47px;
  bottom: 0;
  left: 0; }
  @media (max-width: 960px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 228px; } }
  @media (min-width: 961px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 272px; } }
  @media (max-width: 660px) {
    .sidebar, .post-editor__sidebar {
      left: -100%;
      width: 100%;
      max-height: calc( 100% - 47px);
      pointer-events: none;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
      transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
      .focus-sidebar .sidebar, .focus-sidebar .post-editor__sidebar {
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
      .focus-sites .sidebar, .focus-sites .post-editor__sidebar {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
  @media (min-width: 661px) {
    .sidebar.has-regions, .has-regions.post-editor__sidebar {
      overflow: hidden; } }

.sidebar, .post-editor__sidebar {
  margin: 0; }
  .sidebar .current-site, .post-editor__sidebar .current-site,
  .sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .sidebar ul, .post-editor__sidebar ul {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    list-style: none;
    margin: 0; }
  .sidebar li, .post-editor__sidebar li {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative; }

.sidebar__heading {
  color: #668eaa;
  font-weight: 600;
  font-size: 12px;
  margin: 16px 8px 6px 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.sidebar__menu {
  display: block; }
  @media (max-width: 660px) {
    .sidebar__menu {
      margin-top: 24px; } }
  .sidebar__menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 660px) {
      .sidebar__menu li {
        background-color: #f3f6f8;
        border-bottom: 1px solid rgba(200, 215, 225, 0.5); }
        .sidebar__menu li:first-child {
          border-top: 1px solid #c8d7e1; }
        .sidebar__menu li:last-child {
          border-bottom: 1px solid #c8d7e1; } }
  .sidebar__menu a:first-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 0; }
    .sidebar__menu a:first-child:after {
      content: '';
      text-align: right;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15%;
      background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 50%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%); }
      @media (max-width: 660px) {
        .sidebar__menu a:first-child:after {
          background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
          background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); } }
  .sidebar__menu a {
    font-size: 13px;
    position: relative;
    padding: 14px 16px 14px 55px;
    color: #2e4453;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-tap-highlight-color: rgba(46, 68, 83, 0.2); }
    .sidebar__menu a:focus {
      outline: none; }
    @media (max-width: 660px) {
      .sidebar__menu a {
        padding: 18px 16px 18px 53px; } }
  .sidebar__menu a.plan-name {
    padding: 3px 8px 4px 8px;
    position: absolute;
    top: 12px;
    right: 8px;
    color: #668eaa;
    font-weight: 600;
    font-size: 11px; }
    @media (max-width: 660px) {
      .sidebar__menu a.plan-name {
        top: 16px;
        right: 16px; } }
  .sidebar__menu .gridicon {
    position: absolute;
    top: 11px;
    left: 20px;
    fill: #87a6bc;
    height: 24px;
    width: 24px; }
    @media (max-width: 660px) {
      .sidebar__menu .gridicon {
        top: 15px;
        left: 16px;
        height: 24px;
        width: 24px; } }
    .sidebar__menu .gridicon.gridicons-external {
      position: absolute;
      top: 13px;
      right: 8px;
      left: auto;
      z-index: 1;
      height: 18px; }
      @media (max-width: 660px) {
        .sidebar__menu .gridicon.gridicons-external {
          top: 17px; } }

a.sidebar__button, form.sidebar__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 8px 3px 8px;
  height: 24px;
  margin: 11px 8px 0 0;
  line-height: 18px;
  background-color: #f3f6f8;
  color: #4f748e;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #c8d7e1; }
  @media (max-width: 660px) {
    a.sidebar__button, form.sidebar__button {
      font-size: 14px;
      height: 35px;
      padding: 8px 16px;
      margin: 10px 10px 0 0; } }

form.sidebar__button {
  cursor: pointer; }

@media (min-width: 661px) {
  .sidebar__menu .selected {
    background-color: #537994; }
    .sidebar__menu .selected a {
      color: white; }
      .sidebar__menu .selected a:first-child:after {
        background: -webkit-linear-gradient(left, rgba(83, 121, 148, 0), #537994 50%);
        background: linear-gradient(to right, rgba(83, 121, 148, 0), #537994 50%); }
    .sidebar__menu .selected .sidebar__button {
      color: #2e4453;
      border: 1px solid #415e74; }
    .sidebar__menu .selected .gridicon {
      fill: white; }
    .sidebar__menu .selected.is-action-button-selected a:first-child:after {
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); } }

.notouch .sidebar__menu li:hover:not(.selected) {
  background-color: #f3f6f8; }
  .notouch .sidebar__menu li:hover:not(.selected) a,
  .notouch .sidebar__menu li:hover:not(.selected) form {
    color: #0068ff; }
    .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after,
    .notouch .sidebar__menu li:hover:not(.selected) form:first-child:after {
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
    .notouch .sidebar__menu li:hover:not(.selected) a.sidebar__button,
    .notouch .sidebar__menu li:hover:not(.selected) form.sidebar__button {
      background-color: white;
      color: #2e4453; }
  .notouch .sidebar__menu li:hover:not(.selected) .gridicon {
    fill: #0068ff; }

@media (max-width: 660px) {
  .notouch .sidebar__menu li:hover {
    background-color: #f3f6f8; }
    .notouch .sidebar__menu li:hover a,
    .notouch .sidebar__menu li:hover form {
      color: #0068ff; }
      .notouch .sidebar__menu li:hover a:first-child:after,
      .notouch .sidebar__menu li:hover form:first-child:after {
        background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
      .notouch .sidebar__menu li:hover a.sidebar__button,
      .notouch .sidebar__menu li:hover form.sidebar__button {
        background-color: white;
        color: #2e4453; }
    .notouch .sidebar__menu li:hover .gridicon {
      fill: #0068ff; } }

.notouch .sidebar__menu li:not(.selected) a.sidebar__button:hover,
.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  color: #0068ff; }

.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  border-color: #c8d7e1; }

.sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 10px; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
      margin-top: 16px; } }

.sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 8px;
  color: #668eaa;
  line-height: 2.1;
  margin-right: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
    border-left: 1px solid #c8d7e1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40px;
        -ms-flex: 0 1 40px;
            flex: 0 1 40px;
    margin-right: 0;
    margin-left: 0;
    outline: 0; }
    @media (max-width: 660px) {
      .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 56px;
            -ms-flex: 0 1 56px;
                flex: 0 1 56px; } }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help {
    margin-left: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread {
    color: #2e4453;
    position: relative; }
    .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 3px;
      width: 10px;
      height: 10px;
      border: 2px solid #e9eff3;
      border-radius: 50%;
      background: #f0821e; }
      @media (max-width: 660px) {
        .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
          top: 14px;
          left: 11px; } }
  .sidebar .sidebar__footer .button:hover, .post-editor__sidebar .sidebar__footer .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
      padding: 16px; } }
  .sidebar .sidebar__footer .button .gridicon, .post-editor__sidebar .sidebar__footer .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.layout.is-section-help .sidebar .sidebar__footer-help, .layout.is-section-help .post-editor__sidebar .sidebar__footer-help {
  background-color: #537994;
  color: white; }

.sidebar__region {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media (min-width: 661px) {
    .sidebar__region {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      /* workaround for safari scrollbar rendering bug */
      -webkit-overflow-scrolling: touch; } }

.sidebar, .post-editor__sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #e9eff3; }
  @media (max-width: 960px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea; } }
  @media (min-width: 961px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea; } }
  @media (max-width: 660px) {
    .sidebar, .post-editor__sidebar {
      left: -100%;
      width: 100%;
      max-height: calc( 100% - 47px); }
      .focus-sidebar .sidebar, .focus-sidebar .post-editor__sidebar {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
      .focus-sites .sidebar, .focus-sites .post-editor__sidebar {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
  @media (min-width: 661px) {
    .sidebar.has-regions, .has-regions.post-editor__sidebar {
      overflow: hidden; } }

.sidebar .current-site, .post-editor__sidebar .current-site,
.sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.sidebar ul, .post-editor__sidebar ul {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.sidebar li, .post-editor__sidebar li {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.sidebar__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.sidebar__menu a:first-child:after {
  background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 50%);
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%); }

.sidebar__menu a {
  color: #2e4453; }

.sidebar__menu a.plan-name {
  color: #668eaa;
  font-weight: 600; }

a.sidebar__button, form.sidebar__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 8px 3px 8px;
  height: 24px;
  margin: 11px 8px 0 0;
  line-height: 18px;
  background-color: #f3f6f8;
  color: #4f748e;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #c8d7e1; }
  @media (max-width: 660px) {
    a.sidebar__button, form.sidebar__button {
      font-size: 14px;
      height: 35px;
      padding: 8px 16px;
      margin: 10px 10px 0 0; } }

form.sidebar__button {
  cursor: pointer; }

@media (min-width: 661px) {
  .sidebar__menu .selected {
    background-color: #537994; }
    .sidebar__menu .selected a:first-child:after {
      background: -webkit-linear-gradient(left, rgba(83, 121, 148, 0), #537994 50%);
      background: linear-gradient(to right, rgba(83, 121, 148, 0), #537994 50%); }
    .sidebar__menu .selected .sidebar__button {
      color: #2e4453;
      border: 1px solid #415e74; } }

.notouch .sidebar__menu li:hover:not(.selected) {
  background-color: #f3f6f8; }
  .notouch .sidebar__menu li:hover:not(.selected) a,
  .notouch .sidebar__menu li:hover:not(.selected) form {
    color: #0068ff; }
    .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after,
    .notouch .sidebar__menu li:hover:not(.selected) form:first-child:after {
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
    .notouch .sidebar__menu li:hover:not(.selected) a.sidebar__button,
    .notouch .sidebar__menu li:hover:not(.selected) form.sidebar__button {
      background-color: white;
      color: #2e4453; }
  .notouch .sidebar__menu li:hover:not(.selected) .gridicon {
    fill: #0068ff; }

@media (max-width: 660px) {
  .notouch .sidebar__menu li:hover {
    background-color: #f3f6f8; }
    .notouch .sidebar__menu li:hover a,
    .notouch .sidebar__menu li:hover form {
      color: #0068ff; }
      .notouch .sidebar__menu li:hover a:first-child:after,
      .notouch .sidebar__menu li:hover form:first-child:after {
        background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 50%);
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
      .notouch .sidebar__menu li:hover a.sidebar__button,
      .notouch .sidebar__menu li:hover form.sidebar__button {
        background-color: white;
        color: #2e4453; }
    .notouch .sidebar__menu li:hover .gridicon {
      fill: #0068ff; } }

.notouch .sidebar__menu li:not(.selected) a.sidebar__button:hover,
.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  color: #0068ff; }

.notouch .sidebar__menu li:not(.selected) form.sidebar__button:hover {
  border-color: #c8d7e1; }

.sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border-top: 1px solid #c8d7e1;
  margin: auto 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 10px; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer, .post-editor__sidebar .sidebar__footer {
      margin-top: 16px; } }

.sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 8px;
  color: #668eaa;
  line-height: 2.1;
  margin-right: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
    border-left: 1px solid #c8d7e1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40px;
        -ms-flex: 0 1 40px;
            flex: 0 1 40px;
    margin-right: 0;
    margin-left: 0;
    outline: 0; }
    @media (max-width: 660px) {
      .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help, .sidebar .sidebar__footer .button.sidebar__footer-chat, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 56px;
            -ms-flex: 0 1 56px;
                flex: 0 1 56px; } }
  .sidebar .sidebar__footer .button.sidebar__footer-help, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-help {
    margin-left: auto; }
  .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread {
    color: #2e4453;
    position: relative; }
    .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 3px;
      width: 10px;
      height: 10px;
      border: 2px solid #e9eff3;
      border-radius: 50%;
      background: #f0821e; }
      @media (max-width: 660px) {
        .sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after, .post-editor__sidebar .sidebar__footer .button.sidebar__footer-chat.has-unread:after {
          top: 14px;
          left: 11px; } }
  .sidebar .sidebar__footer .button:hover, .post-editor__sidebar .sidebar__footer .button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .sidebar .sidebar__footer .button, .post-editor__sidebar .sidebar__footer .button {
      padding: 16px; } }
  .sidebar .sidebar__footer .button .gridicon, .post-editor__sidebar .sidebar__footer .button .gridicon {
    display: block;
    float: left;
    margin-right: 6px;
    top: auto;
    margin-top: auto; }

.layout.is-section-help .sidebar .sidebar__footer-help, .layout.is-section-help .post-editor__sidebar .sidebar__footer-help {
  background-color: #537994;
  color: white; }

.sidebar__region {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media (min-width: 661px) {
    .sidebar__region {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      /* workaround for safari scrollbar rendering bug */
      -webkit-overflow-scrolling: touch; } }

.accept-dialog {
  padding-bottom: 24px;
  max-width: 500px; }

.directly-rtm:not(.is-minimized) {
  padding: 0 !important;
  max-height: none !important;
  top: 47px;
  height: auto !important;
  box-shadow: -3px 1px 10px rgba(46, 68, 83, 0.1);
  border-left: 1px solid #D9E3EA; }

.directly-rtm.is-minimized {
  height: calc(102px + 30px) !important;
  width: calc(102px + 20px) !important; }

.dialog.keyboard-shortcuts .keyboard-shortcuts__title {
  margin: 0;
  text-align: center;
  line-height: 1em; }

.keyboard-shortcuts__categories {
  list-style: none;
  margin: 0;
  max-width: 620px;
  color: #2e4453; }

.keyboard-shortcuts__category {
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
  float: left; }

.keyboard-shortcuts__category-disabled {
  color: #87a6bc; }

.keyboard-shortcuts__site-navigation {
  float: right; }

.keyboard-shortcuts__category h3 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 88px; }

.keyboard-shortcuts__list {
  list-style: none;
  margin: 0;
  font-size: 12px; }

.keyboard-shortcuts__list li {
  clear: left;
  margin-bottom: 8px; }

.keyboard-shortcuts__keys {
  width: 80px;
  float: left;
  text-align: right; }

.keyboard-shortcuts__key {
  background-color: white;
  border: solid 1px #87a6bc;
  padding: 0 5px;
  min-width: 8px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 1px #87a6bc;
  display: inline-block;
  margin-right: 3px; }

.keyboard-shortcuts__description {
  margin-left: 8px;
  display: inline-block; }

.active-tests {
  display: none; }

.environment-badge .environment.is-tests a.test-helper__variation {
  font-weight: normal;
  cursor: pointer;
  text-transform: initial; }
  .environment-badge .environment.is-tests a.test-helper__variation.test-helper__current-variation {
    text-decoration: underline;
    color: #f0821e; }

.test-helper__test-header {
  text-transform: initial;
  margin-top: 5px;
  font-weight: bolder; }

.environment.is-tests:hover .active-tests.card, .environment.is-tests:hover .active-tests.editor-drawer-well__placeholder {
  display: block;
  max-height: 80vh;
  overflow-y: scroll;
  position: absolute;
  bottom: 0;
  right: 100%;
  margin: 0;
  font-size: 11px; }

.test-helper__list {
  margin: 5px 0 8px 20px; }

.mailing-lists {
  max-width: 680px;
  margin: 0 auto; }
  .mailing-lists .mailing-lists__manage-link {
    text-align: center; }

.mailing-lists__header {
  position: relative;
  margin: 40px 24px;
  padding-left: 40px; }
  @media (min-width: 481px) {
    .mailing-lists__header {
      padding-top: 8px;
      padding-left: 80px; } }
  .mailing-lists__header .gridicon {
    position: absolute;
    top: 0;
    left: 0; }
    .mailing-lists__header .gridicon.gridicons-cross {
      top: 32px;
      left: 40px; }
    .mailing-lists__header .gridicon.gridicons-mail {
      fill: #4f748e; }
      @media (max-width: 480px) {
        .mailing-lists__header .gridicon.gridicons-mail {
          height: 24px;
          width: 24px; } }
    .mailing-lists__header .gridicon.gridicons-cross {
      fill: white;
      background: #2e4453;
      border-radius: 100%;
      box-shadow: 0 0 0 3px #f3f6f8; }
      @media (max-width: 480px) {
        .mailing-lists__header .gridicon.gridicons-cross {
          height: 16px;
          width: 16px;
          top: 16px;
          left: 16px; } }
  .mailing-lists__header h1 {
    font-size: 32px;
    line-height: 1.2;
    color: #2e4453; }
    @media (max-width: 480px) {
      .mailing-lists__header h1 {
        font-size: 24px; } }
  .mailing-lists__header p {
    color: #4f748e;
    margin: 0; }

.mailing-lists__details {
  padding: 24px;
  min-height: 88px; }
  @media (min-width: 481px) {
    .mailing-lists__details {
      padding-right: 154px; } }
  .mailing-lists__details h4 {
    font-weight: bold;
    color: #4f748e;
    font-size: 15px; }
  .mailing-lists__details p {
    color: #668eaa;
    margin: 0;
    font-size: 15px; }
  @media (max-width: 480px) {
    .mailing-lists__details .button {
      margin-top: 24px;
      box-sizing: border-box;
      width: 100%; } }
  @media (min-width: 481px) {
    .mailing-lists__details .button {
      position: absolute;
      top: 24px;
      right: 24px; } }

@media (max-width: 480px) {
  .account-password__buttons-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .account-password__buttons-group .form-button {
      float: none;
      margin-top: 8px;
      margin-right: 10px;
      margin-left: 0; } }

/* rtl:ignore */
.account-password .account-password__password-field {
  padding-right: 30px;
  direction: ltr; }

.account .notice {
  margin: 5px 0 0 0; }

.account__username-form-toggle-enter {
  opacity: 0.01;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }

.account__username-form-toggle-enter-active {
  opacity: 1; }

.account__username-form-toggle-leave {
  opacity: 1;
  -webkit-transition: opacity .01s ease-in;
  transition: opacity .01s ease-in; }

.account__username-form-toggle-leave-active {
  opacity: 0.01; }

.account__settings-form select {
  width: 100%; }

.action-remove {
  float: right;
  padding-top: 8px;
  display: inline-block;
  color: #668eaa; }
  .action-remove:hover {
    cursor: pointer; }
  .action-remove:hover, .action-remove:focus, .action-remove:active {
    color: #0087be; }
  .action-remove:after {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }

.application-password-item__password {
  overflow: auto; }

.application-password-item__details {
  float: left; }

.application-password-item__generated {
  color: #668eaa;
  font-size: .9em; }

.application-password-item__revoke {
  float: right; }

.application-passwords__list {
  list-style-type: none;
  margin: 0; }

.application-passwords__add-new {
  margin-bottom: 1em; }

.application-passwords__add-new-card {
  display: none; }
  .application-passwords__add-new-card.is-visible {
    display: block; }

.application-passwords__new-password {
  margin-bottom: 1em; }

.application-passwords__new-password-display {
  background: #e9eff3;
  border: 1px solid #e8f0f5;
  font-size: 200%;
  font-weight: 600;
  width: 70%;
  display: block;
  text-align: center;
  margin: 10px auto;
  padding: 5px;
  letter-spacing: 2px; }

.application-passwords__new-password-message {
  color: #668eaa;
  font-size: .9em; }

.application-passwords__new-password-help {
  text-align: center; }

.billing-history__transactions {
  border-collapse: collapse;
  margin: 0; }

.billing-history__no-results {
  display: table-row; }

.billing-history__no-results-cell {
  color: #87a6bc;
  padding: 24px; }

.billing-history__transactions thead {
  border-bottom: 1px solid #e9eff3; }

.billing-history__transactions thead .header-row {
  vertical-align: top;
  height: 40px; }

.billing-history__transactions thead .header-column {
  vertical-align: top;
  padding-top: 4px; }

.billing-history__search-form {
  text-align: right; }

.billing-history__search_terms {
  display: inline-block;
  font-size: 13px;
  margin-top: 2px;
  margin-right: 12px;
  text-align: left;
  width: 100px;
  padding: 3px 9px;
  background-color: white;
  border-radius: 15px;
  border: 1px solid #e9eff3;
  -webkit-transition: width 0.25s ease-out;
  transition: width 0.25s ease-out;
  outline: 0; }
  .billing-history__search_terms:focus, .billing-history__search_terms:active {
    width: 150px; }

.billing-history__reset-search {
  display: none; }

.billing-history__transaction {
  color: #2e4453;
  font-size: 14px;
  height: 66px;
  border-bottom: 1px solid #e9eff3; }
  .billing-history__transaction:last-child {
    border-bottom: none; }
  .billing-history__transaction.is-placeholder {
    height: auto; }
    .billing-history__transaction.is-placeholder td {
      padding: 24px; }
    .billing-history__transaction.is-placeholder .billing-history__transaction-text {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      background-color: #e9eff3;
      color: transparent; }
      .billing-history__transaction.is-placeholder .billing-history__transaction-text:after {
        content: '\00a0'; }

.billing-history__header-row {
  padding: 8px 0; }

.billing-history__transaction td {
  vertical-align: top;
  padding: 16px 24px; }

.billing-history__transactions tbody .billing-history__date {
  width: 140px;
  padding: 12px; }

.billing-history__transactions tbody .billing-history__trans-app {
  padding-left: 12px;
  padding-right: 12px; }

.billing-history__transactions tbody .billing-history__amount {
  text-align: right;
  width: 110px; }

.billing-history__trans-wrap:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.billing-history__service-name strong {
  font-weight: normal; }

.billing-history__service-name small {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  font-style: italic; }

.billing-history__service-description {
  float: left; }

.billing-history__transaction-links {
  font-size: 12px;
  margin: 4px 0 0 0; }
  .billing-history__transaction-links a {
    padding-right: 8px; }

.filter-popover {
  position: relative;
  display: inline-block;
  padding: 8px;
  vertical-align: top; }

.filter-popover-content {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 23;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 0 25px 10px rgba(0, 0, 0, 0.1);
  outline: 0; }
  .filter-popover-content.datepicker {
    right: -115px; }
  .filter-popover-content.app {
    right: -147px; }

.filter-popover.is-popped .filter-popover-content {
  display: block; }

.filter-popover-content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: -25px;
  left: 21px;
  color: #0087be;
  content: '\f500';
  font-family: Noticons;
  font-size: 20px; }

.filter-popover-content .overflow {
  overflow-x: auto;
  overflow-y: hidden; }

.filter-popover-content table {
  margin-bottom: 0; }

.filter-popover-content tr:hover td {
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  color: #78dcfa; }

.filter-popover-content tr.selected td {
  background-color: #2e4453;
  color: white; }

.filter-popover-content th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  background: #0087be;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  white-space: nowrap; }

.filter-popover-content thead:first-of-type th:first-child {
  border-top-left-radius: 4px; }

.filter-popover-content thead:first-of-type th:last-child {
  border-top-right-radius: 4px; }

.filter-popover-content td {
  padding: 8px 10px;
  font-size: 13px;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  color: #0087be; }

.filter-popover-content td.descriptor {
  font-weight: 400;
  font-size: 13px; }

.filter-popover-content td.transactions-header__count {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: #777;
  color: rgba(0, 0, 0, 0.8); }

.filter-popover-toggle {
  padding: 5px 10px;
  border-radius: 3px;
  color: #87a6bc;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid transparent;
  text-transform: uppercase; }
  .filter-popover-toggle:hover {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.05); }
  .filter-popover-toggle .gridicon {
    margin-left: 4px;
    vertical-align: bottom; }

.filter-popover.is-popped .filter-popover-toggle {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.billing-history__app-overview {
  min-height: 65px;
  padding: 10px 40px;
  position: relative;
  overflow: auto; }
  @media (max-width: 480px) {
    .billing-history__app-overview {
      padding: 10px 20px; } }
  .billing-history__app-overview img {
    max-width: 65px;
    min-height: 65px;
    float: left; }
    @media (max-width: 480px) {
      .billing-history__app-overview img {
        left: 20px; } }
  .billing-history__app-overview h2 {
    clear: none;
    float: left;
    padding: 10px 20px; }
    @media (max-width: 480px) {
      .billing-history__app-overview h2 {
        padding-top: 0; } }
    .billing-history__app-overview h2 small {
      display: block; }
  .billing-history__app-overview .billing-history__transaction-date {
    color: #87a6bc;
    font-size: 13px;
    font-style: italic;
    padding: 5px 0 0 0; }
    @media (min-width: 481px) {
      .billing-history__app-overview .billing-history__transaction-date {
        position: absolute;
        top: 10px;
        right: 40px; } }

.billing-history__receipt-details {
  background: #f3f6f8;
  list-style: none;
  padding: 20px 40px;
  margin: 20px 0 0 0;
  overflow: auto; }
  @media (max-width: 480px) {
    .billing-history__receipt-details {
      padding: 20px; } }
  .billing-history__receipt-details li {
    color: #2e4453;
    font-size: 13px;
    margin: 0 0 15px 0;
    padding: 0; }
    .billing-history__receipt-details li:last-child {
      margin: 0; }
    .billing-history__receipt-details li strong {
      color: #4f748e;
      display: block;
      font-size: 12px;
      font-weight: 600;
      margin: 0 5px 0 0;
      text-transform: uppercase; }
  .billing-history__receipt-details .billing-history__billing-details div:hover {
    border: 2px black dashed; }

.billing-history__resend {
  padding: 0;
  margin-left: 0; }

.billing-history__receipt {
  padding: 30px 40px; }
  @media (max-width: 480px) {
    .billing-history__receipt {
      padding: 30px 20px; } }
  .billing-history__receipt h4 {
    font-size: 20px; }
  .billing-history__receipt .billing-history__receipt-loading {
    color: #87a6bc; }
  .billing-history__receipt .billing-history__receipt-line-items {
    margin: 0;
    padding: 0;
    width: 100%; }
    .billing-history__receipt .billing-history__receipt-line-items th {
      border-bottom: 2px solid #d9e3ea;
      color: #87a6bc;
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      width: auto; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-desc {
      width: 75%;
      text-align: left; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-amount {
      text-align: right; }
    .billing-history__receipt .billing-history__receipt-line-items td,
    .billing-history__receipt .billing-history__receipt-line-items th {
      padding: 10px 0; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-amount {
      color: #87a6bc;
      text-align: right;
      vertical-align: middle; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-item-name small {
      color: #87a6bc;
      font-size: 13px;
      margin-left: 5px;
      text-transform: lowercase; }
    .billing-history__receipt .billing-history__receipt-line-items .billing-history__receipt-item-name em {
      color: #87a6bc;
      display: block;
      font-size: 13px; }
    .billing-history__receipt .billing-history__receipt-line-items tbody tr td {
      border-bottom: 1px solid #e9eff3; }
    .billing-history__receipt .billing-history__receipt-line-items tbody tr:last-child td {
      border: none; }
    .billing-history__receipt .billing-history__receipt-line-items tfoot {
      font-weight: 400;
      text-align: right;
      vertical-align: bottom; }
      .billing-history__receipt .billing-history__receipt-line-items tfoot td {
        border-top: 2px solid #d9e3ea;
        padding-bottom: 0; }

.billing-history__receipt-links .button {
  margin: 16px 0; }
  @media (min-width: 481px) {
    .billing-history__receipt-links .button {
      float: right;
      margin: 0 1%; } }

.billing-history__receipt-card.card.is-compact, .billing-history__receipt-card.is-compact.editor-drawer-well__placeholder {
  padding: 16px 0; }

.billing-history__receipts.card, .billing-history__receipts.editor-drawer-well__placeholder,
.billing-history__upcoming-charges.card,
.billing-history__upcoming-charges.editor-drawer-well__placeholder {
  padding: 0; }

.billing-history .search-card.card, .billing-history .search-card.editor-drawer-well__placeholder {
  margin: 0; }

.billing-history__receipt-card.is-placeholder .billing-history__app-overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image,
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 65px; }
    .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image:after,
    .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title:after {
      content: '\00a0'; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-image {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 65px;
    margin-right: 26px; }
  .billing-history__receipt-card.is-placeholder .billing-history__app-overview .billing-history__placeholder-title {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    width: 100%; }

.billing-history__receipt-card.is-placeholder .billing-history__receipt-links {
  padding: 0 40px 10px; }
  .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    margin-bottom: 12px; }
    .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link:after {
      content: '\00a0'; }
    .billing-history__receipt-card.is-placeholder .billing-history__receipt-links .billing-history__placeholder-link:last-child {
      margin-bottom: 0; }

@media print {
  .is-section-billing #secondary,
  .is-section-billing .masterbar,
  .is-section-billing .billing-history__receipt-links,
  .is-section-billing .header-cake.card,
  .is-section-billing .header-cake.editor-drawer-well__placeholder {
    display: none; } }

.connected-application-item__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .connected-application-item__header h3 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: block;
    overflow: hidden;
    margin-top: 8px; }
  .connected-application-item__header .connected-application-icon {
    width: 48px; }

.connected-application-item.is-placeholder h3 {
  color: transparent;
  width: 36%;
  line-height: 24px;
  margin-top: 8px;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }
  .connected-application-item.is-placeholder h3:before {
    content: ' '; }

.connected-application-item h2 {
  font-weight: bold; }

.connected-application-item__meta {
  font-size: 12px;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 8px;
  border-radius: 4px;
  background: #87a6bc;
  color: white;
  font-weight: normal; }

.connected-application-item__connection-detail-descriptions {
  margin-left: 1.5em;
  margin-top: 4px; }
  .connected-application-item__connection-detail-descriptions li {
    padding: 0; }

.connected-applications .empty-content__illustration {
  width: 400px;
  height: 250px; }

.connected-applications__ul {
  list-style-type: none;
  margin: 0; }

.connected-application-icon.plugin-icon.is-placeholder:before,
.connected-application-icon.plugin-icon[style*='undefined']:before {
  content: ''; }

.connected-application-icon.plugin-icon {
  height: 40px !important;
  width: 40px !important;
  margin-left: 0px;
  margin-right: 12px; }
  @media (min-width: 481px) {
    .connected-application-icon.plugin-icon {
      margin-left: 0px; } }

.get-apps__title {
  font-size: 24px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 8px; }
  @media (min-width: 481px) {
    .get-apps__title {
      margin-top: 24px; } }

.get-apps__subheading {
  max-width: 500px;
  margin: 16px auto; }

.get-apps__app {
  text-align: center;
  float: left; }

.get-apps__app-icon {
  width: 96px;
  height: 96px;
  margin: 0 auto 16px auto;
  border-radius: 8px;
  background: #c8d7e1; }

.get-apps__app {
  width: 100%;
  margin-bottom: 24px; }

@media (min-width: 481px) {
  .get-apps__desktop .get-apps__app {
    width: 33%;
    margin-bottom: 0; } }

.get-apps__mobile .get-apps__app a img {
  width: auto;
  height: 40px; }

@media (min-width: 481px) {
  .get-apps__mobile .get-apps__app {
    width: 50%;
    margin-bottom: 0; } }

/**
 * Mobile fullscreen mode
 * Includes code to make the Me > Chat section nice on larger breakoints as well,
 * even though we'll be hiding that for the time being.
 */
.happychat__page {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  top: 0;
  margin-top: 47px;
  left: 272px;
  right: 0;
  bottom: 0; }

@media (min-width: 1041px) {
  .happychat__page .happychat__timeline-message {
    max-width: 80%; } }

@media (max-width: 960px) {
  .happychat__page {
    left: 229px; } }

@media (max-width: 660px) {
  .happychat__page {
    left: 0; } }

.help-contact-confirmation {
  text-align: center;
  display: table;
  width: 100%;
  min-height: calc( 100vh - 150px); }
  .help-contact-confirmation .gridicon.gridicons-checkmark-circle {
    color: #4ab866; }
  .help-contact-confirmation .gridicon.gridicons-notice {
    color: #d94f4f; }
  .help-contact-confirmation .form-section-heading {
    margin: 13px 0px 7px 0px; }
    @media (max-width: 660px) {
      .help-contact-confirmation .form-section-heading {
        margin: 7px 0px 3px 0px;
        font-size: 24px;
        line-height: 32px; } }
  @media (min-width: 661px) {
    .help-contact-confirmation {
      min-height: auto;
      height: 556px; } }

.help-contact-confirmation__contents {
  display: table-cell;
  vertical-align: middle; }
  @media (min-width: 661px) {
    .help-contact-confirmation__contents {
      display: block;
      margin-top: 100px; } }

.help-contact-confirmation__large-gridicon {
  display: none; }

@media (min-width: 661px) {
  .help-contact-confirmation__large-gridicon {
    display: block; }
  .help-contact-confirmation__small-gridicon {
    display: none; } }

.help-contact-confirmation__message {
  font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
  color: #87a6bc;
  max-width: 340px;
  display: inline-block;
  margin-bottom: 0px; }

.help-contact__placeholder {
  color: transparent; }
  .help-contact__placeholder .help-contact__header {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #e9eff3;
    height: 18px;
    margin-bottom: 2px;
    width: 150px; }
    .help-contact__placeholder .help-contact__header:after {
      content: '\00a0'; }
  .help-contact__placeholder .help-contact__textarea {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    background-color: #e9eff3;
    height: 50px;
    margin-bottom: 32px; }
    .help-contact__placeholder .help-contact__textarea:after {
      content: '\00a0'; }

.help-contact__chat-form {
  padding: 0px; }
  .help-contact__chat-form #habla_conversation_div {
    height: calc( 100vh - 220px) !important;
    min-height: 167px; }
    @media (min-width: 661px) {
      .help-contact__chat-form #habla_conversation_div {
        max-height: 625px; } }
  .help-contact__chat-form #habla_window_div #habla_expanded_div {
    border: none; }
  .help-contact__chat-form #habla_window_div #habla_chatform_form {
    margin-top: 0px;
    padding-left: 0px; }
  .help-contact__chat-form #habla_window_div #habla_input_div {
    /* Stretch the text area to the sides of the contact form */
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: -6px; }
  .help-contact__chat-form #habla_window_div #habla_wcsend_input {
    border: none;
    resize: none !important; }
  .help-contact__chat-form #habla_window_div #habla_middle_div {
    padding-bottom: 0px; }
  .help-contact__chat-form #habla_window_div #habla_conversation_div .habla_conversation_p_item {
    margin-left: 14px;
    margin-right: 10px;
    margin-top: 8px; }

.help-contact__form {
  margin-bottom: 70px; }

.help-contact-closed {
  color: #2e4453;
  font-size: 14px; }

.help-contact-closed__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0; }

.help-contact-closed__detail-icon {
  border-radius: 50%;
  margin-right: 16px;
  background-color: white;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.help-contact-closed__detail-text {
  padding-right: 15px; }

.help-contact-form .form-textarea {
  resize: vertical; }

.help-contact-form .form-button {
  margin-top: 11px; }

.help-contact-form__subject,
.help-contact-form__site-selection,
.help-contact-form__selection {
  margin-bottom: 24px; }
  @media (min-width: 961px) {
    .help-contact-form__subject,
    .help-contact-form__site-selection,
    .help-contact-form__selection {
      margin-bottom: 32px; } }

.help-contact-form__selection .select-dropdown__container {
  width: 100%; }

.help-contact-form__selection .segmented-control {
  display: none; }

@media (min-width: 961px) {
  .help-contact-form__selection .segmented-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .help-contact-form__selection .segmented-control__text {
    font-size: 14px;
    line-height: 18px; }
  .help-contact-form__selection .select-dropdown {
    display: none; } }

.help-contact-form__selection-subtext {
  display: block;
  font-size: 11px;
  line-height: 16px; }

.help-courses__course-list.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  height: 300px; }
  .help-courses__course-list.is-placeholder:after {
    content: '\00a0'; }

.help-courses__course {
  margin-top: 16px; }
  .help-courses__course.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .help-courses__course.is-placeholder:after {
      content: '\00a0'; }
  .help-courses__course .help__help-teaser-button-icon {
    color: #f0b849 !important; }
  .help-courses__course .help__help-teaser-button .card, .help-courses__course .help__help-teaser-button .editor-drawer-well__placeholder {
    border-color: #f0b849 !important; }

.help-courses__course-videos-label,
.help-courses__header-cake .header-cake__title,
.help-courses__course-label {
  color: #87a6bc; }

.help-courses__course-video-title,
.help-courses__course-title {
  color: #2e4453;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media (min-width: 481px) {
    .help-courses__course-video-title,
    .help-courses__course-title {
      font-size: 24px;
      line-height: 1.416; } }

.help-courses__course-video-description,
.help-courses__course-description {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px; }
  @media (min-width: 481px) {
    .help-courses__course-video-description,
    .help-courses__course-description {
      font-size: 16px;
      line-height: 1.618; } }

.help-courses__course-schedule-item {
  color: #87a6bc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.help-courses__course-schedule-item-date {
  font-size: 13px;
  display: inline-block;
  margin: 0px 10px 0px 0px;
  white-space: normal; }
  @media (min-width: 481px) {
    .help-courses__course-schedule-item-date {
      font-size: 15px; } }

.help-courses__course-video-date-icon,
.help-courses__course-schedule-item-icon {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 5px;
  margin-bottom: -3px; }

.help-courses__course-schedule-item-buttons {
  margin-left: auto; }

.help-courses__course-schedule-item-businessplan-button {
  background-color: #2e4453;
  border-radius: 3px;
  color: #f3f6f8;
  padding: 5px 12px;
  cursor: default;
  font-size: 14px;
  white-space: nowrap; }

.help-courses__course-videos {
  margin-top: 16px; }

.help-courses__course-video-date {
  color: #87a6bc;
  font-size: 13px; }

.help-courses__course-video-embed {
  /*Maintain a 16:9 aspect ratio*/
  position: relative; }
  .help-courses__course-video-embed:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
    background-color: #000; }

.help-courses__course-video-embed-iframe {
  border: none;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0; }

.help-unverified-warning {
  margin-top: 16px; }

.help-happiness-engineers {
  margin: 12px 0px 64px 0px;
  padding: 0 24px; }
  @media (min-width: 661px) {
    .help-happiness-engineers {
      margin: 24px 0px 64px 0px; } }

@media (max-width: 660px) {
  .help-happiness-engineers .form-section-heading {
    font: 300 16px/21px "Open Sans", Helvetica, Arial, sans-serif; } }

.help-happiness-engineers__description {
  margin: -16px 0px 12px 0px;
  font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
  color: #668eaa; }
  @media (min-width: 661px) {
    .help-happiness-engineers__description {
      margin: -16px 0px 20px 0px; } }

.help-happiness-engineers__tray {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 10px);
  height: 42px;
  overflow: hidden; }

.help-happiness-engineers__tray .gravatar {
  margin-right: 10px;
  height: 42px; }

.help-results {
  margin-bottom: 16px; }
  .help-results.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 380px;
    margin-bottom: 15px; }
    .help-results.is-placeholder:after {
      content: '\00a0'; }

.help-results__header.card.is-compact, .help-results__header.is-compact.editor-drawer-well__placeholder,
.help-results__footer.card.is-compact,
.help-results__footer.is-compact.editor-drawer-well__placeholder {
  padding: 8px 16px; }

.help-results__footer {
  font: 14px/24px "Open Sans", Helvetica, Arial, sans-serif; }

.help-result:hover .help-result__title {
  color: #0068ff; }

.help-result__icon {
  position: absolute;
  margin: -2px 16px 0px -8px;
  fill: #87a6bc; }

.help-result__title {
  margin: -2px 0px 0px 32px;
  color: #0087be;
  font: 16px/20px "Open Sans", Helvetica, Arial, sans-serif; }

.help-result__description {
  color: #4f748e;
  font: 14px/20px "Open Sans", Helvetica, Arial, sans-serif;
  margin: 2px 0px 0px 32px; }

.help-search {
  margin-bottom: 16px; }
  .help-search.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    height: 50px;
    margin-bottom: 15px; }
    .help-search.is-placeholder:after {
      content: '\00a0'; }

.help-search .no-results {
  margin-left: 35px; }
  @media (max-width: 660px) {
    .help-search .no-results {
      margin-left: 25px; } }

.help-results__placeholder .section-header__label,
.help-results__placeholder .help-result__icon,
.help-results__placeholder .help-result__title,
.help-results__placeholder .help-result__description {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .help-results__placeholder .section-header__label:after,
  .help-results__placeholder .help-result__icon:after,
  .help-results__placeholder .help-result__title:after,
  .help-results__placeholder .help-result__description:after {
    content: '\00a0'; }

.help-results__placeholder .help-results__footer {
  display: none; }

.help__support-links.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  height: 250px;
  margin-bottom: 15px; }
  .help__support-links.is-placeholder:after {
    content: '\00a0'; }

.help__support-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.help__support-link .help__support-link-section {
  padding-right: 32px; }

.help__support-link .help__support-link-title:hover {
  color: #0068ff; }

.help__support-link-contact.is-card-link {
  padding-right: 24px; }

.help__support-link-contact .help__support-link-section {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.help__support-link-contact .gridicon {
  display: none; }

.help__support-link-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.help__support-link.is-compact.is-card-link {
  padding-right: 16px; }

.help__support-link-title {
  font-size: 16px;
  color: #0087be; }
  @media (min-width: 661px) {
    .help__support-link-title {
      font-size: 21px; } }

.help__support-link-content {
  margin-bottom: 0;
  font-size: 14px;
  color: #2e4453; }

.help__help-teaser-button.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  height: 64px;
  margin-bottom: 15px; }
  .help__help-teaser-button.is-placeholder:after {
    content: '\00a0'; }

.help__help-teaser-button .card, .help__help-teaser-button .editor-drawer-well__placeholder {
  border-left: 3px solid #0087be;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  padding: 12px 12px; }
  .help__help-teaser-button .card .button, .help__help-teaser-button .editor-drawer-well__placeholder .button {
    margin-left: auto; }
  .help__help-teaser-button .card.is-no-margin, .help__help-teaser-button .is-no-margin.editor-drawer-well__placeholder {
    margin: 0; }

.help__help-teaser-text {
  padding-right: 10px; }

.help__help-teaser-button-icon {
  color: #0087be;
  border-radius: 50%;
  margin-right: 16px;
  background-color: white;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.help__help-teaser-button-title {
  color: #2e4453;
  font-size: 14px;
  font-weight: 500;
  padding-right: 15px; }

.help__help-teaser-button-description {
  color: #87a6bc;
  font-size: 12px;
  display: block;
  padding-right: 15px; }

.has-no-sidebar .next-steps {
  max-width: 640px; }

.next-steps__title {
  color: #2e4453;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  padding-right: 24px; }

.next-steps__outro {
  clear: both; }

.next-steps-box {
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 20px 0; }
  @media (min-width: 481px) {
    .next-steps-box {
      float: left;
      width: 48%; }
      .next-steps-box:nth-child(2n) {
        margin-right: 4%; }
      .next-steps-box.is-primary {
        width: 100%; } }
  .next-steps-box .next-steps-box__step-header {
    background: #2e4453 url(/calypso/images/me/pattern-dark.png) 0 0 no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 20px 16px; }
    @media (min-width: 481px) {
      .next-steps-box .next-steps-box__step-header {
        min-height: 60px; } }
    .next-steps-box .next-steps-box__step-header h2 {
      color: white;
      font-size: 1.25em;
      font-weight: 300; }
  .next-steps-box .next-steps-box__step-body {
    padding: 16px 16px 58px 16px;
    position: relative; }
    @media (min-width: 481px) {
      .next-steps-box .next-steps-box__step-body {
        min-height: 150px; } }
    .next-steps-box .next-steps-box__step-body.is-primary {
      min-height: 0; }
    .next-steps-box .next-steps-box__step-body p {
      font-size: .9em; }
    .next-steps-box .next-steps-box__step-body .noticon {
      vertical-align: middle; }
    .next-steps-box .next-steps-box__step-body .next-steps-box__step-action {
      position: absolute;
      bottom: 16px;
      left: 16px;
      right: 16px; }
      .next-steps-box .next-steps-box__step-body .next-steps-box__step-action .button {
        text-align: center;
        width: 100%; }

.notification-settings-blog-settings-header__legend, .notification-settings-blog-settings-header__expand, .notification-settings-blog-settings-placeholder__legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.notification-settings-blog-settings.is-expanded,
.notification-settings-blog-settings-placeholder.is-expanded {
  margin-top: 16px; }

.notification-settings-blog-settings.card, .notification-settings-blog-settings.editor-drawer-well__placeholder,
.notification-settings-blog-settings-placeholder.card,
.notification-settings-blog-settings-placeholder.editor-drawer-well__placeholder {
  padding-top: 0;
  padding-bottom: 0; }

.notification-settings-blog-settings-header,
.notification-settings-blog-settings-placeholder__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .notification-settings-blog-settings-header,
    .notification-settings-blog-settings-placeholder__header {
      cursor: pointer; } }
  .notification-settings-blog-settings-header .site__content,
  .notification-settings-blog-settings-placeholder__header .site__content {
    padding-left: 0; }

.notification-settings-blog-settings-header__legend {
  margin-right: 10px; }

.notification-settings-blog-settings-header__expand {
  display: none;
  color: #e9eff3; }
  @media (min-width: 481px) {
    .notification-settings-blog-settings-header__expand {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.notification-settings-blog-settings-placeholder__blog {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }

.notification-settings-blog-settings-placeholder__blog__content {
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px 16px 16px 0;
  position: relative;
  width: 100%; }

.notification-settings-blog-settings-placeholder__blog__content__icon {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  height: 32px;
  width: 32px;
  line-height: 32px;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 12px; }

.notification-settings-blog-settings-placeholder__blog__content__icon__noticon {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  width: 32px; }

.notification-settings-blog-settings-placeholder__blog__info {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.notification-settings-blog-settings-placeholder__blog__info__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  width: 150px;
  display: block;
  font-weight: 400;
  line-height: 1.4; }

.notification-settings-blog-settings-placeholder__blog__info__domain {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  display: block;
  width: 250px;
  font-size: 0.8em;
  font-style: italic;
  margin-top: 1px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.notification-settings-blog-settings-placeholder__legend em {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  width: 160px;
  height: 22px; }

.notification-settings-comment-settings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.notification-settings-push-notification-settings__instruction {
  margin: 24px 0 0 0; }

.notification-settings-push-notification-settings__instruction-dialog {
  position: relative; }

.notification-settings-push-notification-settings__instruction-image svg {
  width: 180px;
  height: 180px; }

.notification-settings-push-notification-settings__instruction-dismiss {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0;
  cursor: pointer;
  color: #87a6bc; }
  .notification-settings-push-notification-settings__instruction-dismiss:hover, .notification-settings-push-notification-settings__instruction-dismiss:focus {
    color: #2e4453; }

.notification-settings-push-notification-settings__instruction-content {
  max-width: 500px;
  text-align: center; }
  @media (max-width: 660px) {
    .notification-settings-push-notification-settings__instruction-content {
      text-align: left; } }

.notification-settings-push-notification-settings__instruction-title {
  font-weight: 500;
  display: block;
  margin-bottom: 24px; }

.notification-settings-push-notification-settings__instruction-step {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 24px; }
  .notification-settings-push-notification-settings__instruction-step p {
    margin: 16px 0 0 0; }
  @media (max-width: 660px) {
    .notification-settings-push-notification-settings__instruction-step {
      width: 100%;
      min-height: 80px;
      position: relative;
      text-align: left;
      padding: 11px 16px 0 82px; }
      .notification-settings-push-notification-settings__instruction-step img {
        position: absolute;
        top: 8px;
        left: 8px;
        max-width: 60px; } }

.card.notification-settings-push-notification-settings__settings, .notification-settings-push-notification-settings__settings.editor-drawer-well__placeholder {
  padding-left: 48px;
  position: relative; }

.notification-settings-push-notification-settings__settings-heading {
  font-weight: 600;
  position: relative;
  margin-bottom: 8px; }

.notification-settings-push-notification-settings__settings-icon {
  position: absolute;
  top: 0;
  left: -32px; }

.push-notification-settings__instruction-refresh-notice {
  text-align: left;
  margin-top: 32px;
  margin-bottom: 0;
  color: #2e4453; }

.notification-settings-push-notification-settings__settings-state {
  font-size: 13px;
  font-weight: 500;
  margin-left: 8px;
  text-transform: uppercase;
  color: #a8bece; }
  .notification-settings-push-notification-settings__settings-state.is-enabled {
    color: #4ab866; }

.notification-settings-push-notification-settings__settings-description {
  margin-bottom: 0; }
  @media (min-width: 661px) {
    .notification-settings-push-notification-settings__settings-description {
      margin-right: 130px; } }

.notification-settings-push-notification-settings__settings-button {
  margin-top: 8px; }
  @media (min-width: 661px) {
    .notification-settings-push-notification-settings__settings-button {
      margin-top: 0;
      position: absolute;
      bottom: 24px;
      right: 24px; } }
  .notification-settings-push-notification-settings__settings-button.is-enable {
    background: #0068ff;
    border-color: #0087be;
    color: white; }
    .notification-settings-push-notification-settings__settings-button.is-enable:hover, .notification-settings-push-notification-settings__settings-button.is-enable:focus {
      border-color: #005082;
      color: white; }
    .notification-settings-push-notification-settings__settings-button.is-enable[disabled], .notification-settings-push-notification-settings__settings-button.is-enable:disabled {
      background: #bceefd;
      border-color: #8cc9e2;
      color: white; }

.notification-settings-form__streams {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.notification-settings-form-stream-selector .form-select {
  width: 100%;
  margin: 0; }

@media (min-width: 481px) {
  .notification-settings-form-stream-selector {
    display: none; } }

.notification-settings-form-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notification-settings-form-labels .notification-settings-form-header__title {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.notification-settings-form-label-list {
  list-style: none;
  margin: 15px 10px 0 10px; }

.notification-settings-form-label-list__item {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.notification-settings-form-header {
  display: none; }
  @media (min-width: 481px) {
    .notification-settings-form-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-top: solid 1px #f3f6f8;
      border-bottom: solid 1px #f3f6f8;
      height: 50px; } }

.notification-settings-form-header__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #87a6bc;
  font-size: 11px;
  padding: 10px; }
  .notification-settings-form-header__title .form-select {
    max-width: 125px; }
  .notification-settings-form-header__title .noticon {
    margin-right: 5px; }

.notification-settings-form-stream {
  display: none; }
  .notification-settings-form-stream.selected-stream {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 481px) {
    .notification-settings-form-stream {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .notification-settings-form-stream.selected-stream {
        display: none; } }

.notification-settings-form-stream-options {
  color: #87a6bc;
  margin: 20px 0 10px;
  display: block; }

.notification-settings-form-stream-options__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .notification-settings-form-stream-options__item .form-toggle__switch {
    width: 32px;
    height: 16px; }
    .notification-settings-form-stream-options__item .form-toggle__switch:after {
      width: 12px;
      height: 12px; }

.notification-settings-form-actions {
  display: block;
  border-top: solid 1px #f3f6f8;
  padding: 15px 0 15px 0;
  text-align: right; }
  .notification-settings-form-actions .form-fieldset {
    margin-bottom: 10px; }
    @media (min-width: 481px) {
      .notification-settings-form-actions .form-fieldset {
        margin: 10px 0 0 0;
        float: left; } }
  .notification-settings-form-actions .form-label {
    text-align: left; }
  .notification-settings-form-actions .form-button {
    float: none; }
  @media (min-width: 481px) {
    .notification-settings-form-actions {
      height: 55px;
      padding: 15px 0 0 0; } }

.notification-settings-form-actions__save-to-all {
  background: transparent;
  color: #4f748e; }

.notification-settings-wpcom-settings__placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.me-profile-settings .edit-gravatar {
  text-align: center; }
  @media (min-width: 961px) {
    .me-profile-settings .edit-gravatar {
      float: left;
      margin-right: 40px;
      margin-bottom: 20px; } }

@media (min-width: 961px) {
  .me-profile-settings .form-fieldset:nth-child(1),
  .me-profile-settings .form-fieldset:nth-child(2) {
    clear: right; } }

.profile-gravatar .gravatar {
  display: block;
  margin: 0 auto; }

.profile-gravatar__edit-label-wrap {
  text-align: center;
  position: absolute;
  top: -5px;
  opacity: 0;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  background: rgba(46, 68, 83, 0);
  color: #0087be;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: preserve-3d; }
  @media (max-width: 660px) {
    .profile-gravatar__edit-label-wrap {
      opacity: 1;
      top: 110px;
      background: rgba(46, 68, 83, 0.8);
      color: white; } }
  .profile-gravatar__edit-label-wrap:after {
    font-size: 64px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: preserve-3d;
    color: white;
    display: block;
    left: 43px;
    position: absolute;
    top: 5px;
    z-index: 0; }
    @media (max-width: 660px) {
      .profile-gravatar__edit-label-wrap:after {
        color: #78dcfa;
        font-size: 32px;
        left: 58px;
        top: 2px; } }
  .profile-gravatar__edit-label-wrap .profile-gravatar__edit-label {
    position: relative;
    top: 10px;
    z-index: 1000; }

.profile-gravatar__edit {
  position: relative;
  display: block;
  overflow: hidden;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  margin: 0 auto;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: preserve-3d; }
  .profile-gravatar__edit:hover {
    border-color: #a8bece; }
    .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap {
      opacity: 1;
      top: 0px;
      background: rgba(46, 68, 83, 0.8);
      color: white; }
      .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap:after {
        top: 15px;
        color: #78dcfa; }
        @media (max-width: 660px) {
          .profile-gravatar__edit:hover .profile-gravatar__edit-label-wrap:after {
            font-size: 64px;
            left: 43px; } }
  .profile-gravatar__edit .gravatar {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: preserve-3d; }

.profile-gravatar__user-secondary-info {
  margin-bottom: 30px;
  text-align: center; }
  .profile-gravatar__user-secondary-info a {
    color: #4f748e;
    font-size: 14px; }

.profile-gravatar__user-display-name {
  font-size: 24px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 0;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word; }

.profile-link {
  margin-bottom: 15px;
  position: relative;
  padding-left: 62px;
  height: 50px; }
  .profile-link.is-placeholder .profile-link__image-link,
  .profile-link.is-placeholder .profile-link__title,
  .profile-link.is-placeholder .profile-link__url,
  .profile-link.is-placeholder .profile-link__remove {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .profile-link.is-placeholder .profile-link__title {
    height: 18px;
    margin-bottom: 2px; }
  .profile-link.is-placeholder .profile-link__url {
    height: 12px; }
  .profile-link .action-remove {
    float: none;
    position: absolute;
    top: 0;
    right: 0; }

.profile-link__image-link {
  display: block;
  height: 32px;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #e9eff3; }

.profile-link__link {
  text-decoration: none; }

.profile-link__title {
  color: #2e4453;
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none; }
  .profile-link__title:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 45%;
    height: auto; }

.profile-link__url {
  font-size: 11px;
  line-height: 1.4;
  color: #87a6bc;
  float: left;
  clear: left; }

input.profile-links-add-other__value {
  margin: 0 0 10px 0; }

input.profile-links-add-other__title {
  margin: 0 0 10px 0; }

.profile-links-add-other .notice {
  margin-bottom: 1.5em; }

.profile-links-add-other__add {
  margin-left: 10px; }

.profile-links-add-wordpress__list {
  list-style: none;
  margin: 0; }

.profile-links-add-wordpress__item {
  margin-bottom: 10px; }

.profile-links-add-wordpress__domain {
  color: #87a6bc;
  font-size: 12px;
  margin-left: 24px; }

input[type=checkbox].profile-links-add-wordpress__checkbox, .profile-links-add-wordpress__checkbox.checkbox-tristate {
  margin-top: 16px; }

.profile-links-add-wordpress .site__content {
  padding: 6px 18px; }

.profile-links-add-wordpress .notice {
  margin-bottom: 1.5em; }

.profile-links__list {
  margin: 0;
  list-style: none; }

.profile-links__no-links {
  display: block;
  font-style: italic;
  color: #87a6bc; }

.profile-links .notice {
  margin-bottom: 1.5em; }

.button.add-buttons__add-wp-site {
  margin-left: 8px; }

.cancel-privacy-protection .notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .cancel-privacy-protection .notice {
      margin-bottom: 15px; } }

.cancel-privacy-protection__card {
  color: #2e4453; }
  .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    display: block;
    margin-bottom: 3px; }
    .cancel-privacy-protection__card.is-placeholder .cancel-privacy-protection__text span:after {
      content: '\00a0'; }

.cancel-privacy-protection__cancel-button {
  margin-top: 10px; }
  .cancel-privacy-protection__cancel-button[disabled] {
    color: #87a6bc; }

.cancel-purchase__card h2 {
  color: #2e4453;
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 20px; }

.cancel-purchase__card p {
  color: #668eaa;
  font-size: 14px; }

.cancel-purchase__card hr {
  background: #f3f6f8; }

.cancel-purchase__content {
  margin: 0;
  padding: 0 0 10px 0; }
  @media (min-width: 661px) {
    .cancel-purchase__content {
      width: 55%; } }
  .cancel-purchase__content p {
    color: #779ab3;
    display: block;
    font-size: 13px;
    line-height: 150%;
    margin-top: 5px; }
  .cancel-purchase__content hr {
    margin: 18px 0; }

.cancel-purchase__product-information .product-link {
  font-size: 14px; }

.cancel-purchase__purchase-name {
  font-size: 16px;
  font-weight: 600; }

.cancel-purchase__refund-information,
.cancel-purchase__support-information {
  font-size: 14px; }

.cancel-purchase__site-title {
  font-size: 12px;
  text-transform: uppercase; }

.cancel-purchase__section {
  color: #4f748e;
  margin: 0; }

.cancel-purchase__section-header {
  display: block;
  font-size: 16px;
  font-weight: 400; }

.cancel-purchase__footer {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cancel-purchase__footer:after {
    display: none; }

.cancel-purchase__refund-amount {
  color: #4ab866;
  font-size: 14px;
  margin: 0;
  padding: 0 10px 5px 0; }

@media (max-width: 660px) {
  .cancel-purchase__button {
    width: 100%; } }

.cancel-purchase-loading-placeholder__cancel-button {
  width: 30%; }

.cancel-purchase-loading-placeholder__header {
  height: 36px;
  margin-bottom: 15px;
  width: 70%; }

.cancel-purchase-loading-placeholder__reason {
  height: 12px;
  margin-bottom: 5px;
  width: 60%; }

.cancel-purchase-loading-placeholder__subheader {
  height: 24px;
  margin-bottom: 10px;
  width: 50%; }

.cancel-purchase__button-warning-dialog {
  max-width: 472px; }

.loading-placeholder button, .loading-placeholder input, .loading-placeholder select {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  cursor: default;
  pointer-events: none; }
  .loading-placeholder button:after, .loading-placeholder input:after, .loading-placeholder select:after {
    content: '\00a0'; }

.loading-placeholder__content {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .loading-placeholder__content:after {
    content: '\00a0'; }

.confirm-cancel-domain {
  margin-bottom: 300px; }
  .confirm-cancel-domain h3:first-of-type, .confirm-cancel-domain h4:first-of-type {
    margin-top: 10px; }

.confirm-cancel-domain__help-message,
.confirm-cancel-domain__confirm-container {
  margin-top: 20px; }

.confirm-cancel-domain__reason-details {
  height: 136px; }

.credit-card-delete {
  position: relative; }
  .credit-card-delete .credit-card-delete__button {
    position: absolute;
    right: 15px;
    top: 15px; }
  .credit-card-delete .stored-card {
    padding-right: 120px; }

.credit-cards__no-results {
  display: block;
  color: #87a6bc; }
  @media (max-width: 480px) {
    .credit-cards__no-results {
      padding: 8px; } }

.credit-cards__single-card {
  border: 1px solid #e9eff3;
  border-top: none; }
  .credit-cards__single-card:first-child {
    border-top: 1px solid #e9eff3; }

.purchase-item.card.is-expired, .purchase-item.is-expired.editor-drawer-well__placeholder {
  background: #f3f6f8; }
  .purchase-item.card.is-expired .purchase-item__title, .purchase-item.is-expired.editor-drawer-well__placeholder .purchase-item__title,
  .purchase-item.card.is-expired .purchase-item__purchase-type, .purchase-item.is-expired.editor-drawer-well__placeholder .purchase-item__purchase-type {
    opacity: 0.6; }

.purchase-item.card .purchase-item__wrapper, .purchase-item.editor-drawer-well__placeholder .purchase-item__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purchase-item.card .purchase-item__details, .purchase-item.editor-drawer-well__placeholder .purchase-item__details,
.purchase-item.card .purchase-item__plan-icon, .purchase-item.editor-drawer-well__placeholder .purchase-item__plan-icon {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.purchase-item.is-placeholder {
  padding: 16px 24px; }
  .purchase-item.is-placeholder .purchase-item__plan-icon,
  .purchase-item.is-placeholder .purchase-item__title,
  .purchase-item.is-placeholder .purchase-item__purchase-date,
  .purchase-item.is-placeholder .purchase-item__purchase-type {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .purchase-item.is-placeholder .purchase-item__plan-icon:after,
    .purchase-item.is-placeholder .purchase-item__title:after,
    .purchase-item.is-placeholder .purchase-item__purchase-date:after,
    .purchase-item.is-placeholder .purchase-item__purchase-type:after {
      content: '\00a0'; }
  .purchase-item.is-placeholder .purchase-item__plan-icon {
    height: 32px;
    border-radius: 50%; }
  .purchase-item.is-placeholder .purchase-item__purchase-date {
    width: 40%; }
  .purchase-item.is-placeholder .purchase-item__purchase-type {
    width: 30%; }
  .purchase-item.is-placeholder .purchase-item__title {
    width: 60%; }

.purchase-item__plan-icon {
  margin: 0 8px 0 0;
  max-width: 32px;
  width: 32px; }
  .purchase-item__plan-icon .gridicons-domains {
    padding: 4px;
    border-radius: 50%;
    background: #0068ff;
    fill: white; }

.purchase-item__purchase-date,
.purchase-item__purchase-type {
  line-height: 14px;
  margin-top: 2px; }

.purchase-item__title {
  color: #0087be;
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  margin: 4px 20px 4px 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }
  .purchase-item__title:after:not(.is-placeholder) {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (min-width: 481px) {
    .purchase-item__title {
      font-size: 18px;
      max-width: none; } }

.purchase-item__purchase-type {
  color: #537994;
  font-size: 12px;
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis; }

.purchase-item__purchase-date {
  color: #2e4453;
  font-size: 12px; }

.purchases-site {
  margin-bottom: 15px; }
  .purchases-site .site-icon {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle; }

.purchases-site__slug {
  color: #58819e;
  font-size: 12px; }

.purchases-site__slug {
  white-space: nowrap; }
  @media (max-width: 660px) {
    .purchases-site__slug {
      line-height: 15px; } }

.purchases-site__header.card.is-compact, .purchases-site__header.is-compact.editor-drawer-well__placeholder {
  padding: 0; }

.purchases-site__header .site.is-loading .site-icon,
.purchases-site__header .site.is-loading .site__title,
.purchases-site__header .site.is-loading .site__domain {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .purchases-site__header .site.is-loading .site-icon:after,
  .purchases-site__header .site.is-loading .site__title:after,
  .purchases-site__header .site.is-loading .site__domain:after {
    content: '\00a0'; }

.purchases-site__header .site.is-disconnected .site-icon {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px; }

.purchases-site__header .site .site__content {
  padding: 11px 24px; }

.manage-purchase__info {
  font-size: 13px;
  padding: 16px; }
  @media (min-width: 661px) {
    .manage-purchase__info {
      font-size: 14px;
      padding: 16px 24px; } }
  .manage-purchase__info.is-expired {
    background: #f3f6f8; }
    .manage-purchase__info.is-expired .manage-purchase__content {
      opacity: .6; }
  .manage-purchase__info.is-expired + .notice {
    margin-top: -10px; }
    @media (min-width: 481px) {
      .manage-purchase__info.is-expired + .notice {
        margin-top: -16px; } }
  .manage-purchase__info.is-placeholder .manage-purchase__content {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    display: block; }
    .manage-purchase__info.is-placeholder .manage-purchase__content:after {
      content: '\00a0'; }
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle,
  .manage-purchase__info.is-placeholder .manage-purchase__title {
    margin-bottom: 3px; }
  .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
    margin-bottom: 3px; }
  .manage-purchase__info.is-placeholder .manage-purchase__settings-link {
    width: 30%; }
  .manage-purchase__info.is-placeholder .manage-purchase__subtitle {
    width: 40%; }
  .manage-purchase__info.is-placeholder .manage-purchase__title {
    width: 60%; }
  @media (min-width: 661px) {
    .manage-purchase__info.is-placeholder .manage-purchase__detail,
    .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
      height: 40px; } }
  @media (max-width: 660px) {
    .manage-purchase__info.is-placeholder .manage-purchase__detail {
      width: 25%; }
    .manage-purchase__info.is-placeholder .manage-purchase__detail-label {
      width: 70%; } }

.manage-purchase__header {
  border-bottom: 1px solid #e9eff3;
  overflow: auto;
  padding: 0 0 16px 0; }

.manage-purchase__title {
  color: #2e4453;
  display: block;
  font-size: 18px;
  font-weight: 400; }
  @media (min-width: 661px) {
    .manage-purchase__title {
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      font-size: 24px;
      font-weight: 700;
      padding-right: 100px; } }

.manage-purchase__subtitle {
  color: #668eaa;
  display: block;
  font-size: 11px;
  text-transform: uppercase; }

.manage-purchase__settings-link {
  font-size: 13px;
  line-height: 1.75em; }
  .manage-purchase__settings-link .gridicon {
    position: relative;
    top: 2px;
    left: 3px;
    color: #87a6bc; }

.manage-purchase__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0; }
  @media (max-width: 660px) {
    .manage-purchase__meta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .manage-purchase__meta li {
    color: #3d596d;
    font-size: 13px;
    margin-top: 15px; }
    @media (max-width: 660px) {
      .manage-purchase__meta li {
        clear: both;
        overflow: auto; } }
    @media (min-width: 661px) {
      .manage-purchase__meta li {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 18px;
        text-align: center;
        padding: 0 8px; }
        .manage-purchase__meta li:first-child {
          padding-left: 0; }
        .manage-purchase__meta li:last-child {
          padding-right: 0; } }
    @media (min-width: 661px) {
      .manage-purchase__meta li + li {
        border-left: 1px solid #e9eff3; } }
    .manage-purchase__meta li > a {
      color: #3d596d;
      display: block;
      text-decoration: none; }

.manage-purchase__detail-label {
  font-style: normal;
  font-weight: 600; }
  @media (max-width: 660px) {
    .manage-purchase__detail-label {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      float: left; } }
  @media (min-width: 661px) {
    .manage-purchase__detail-label {
      color: #668eaa;
      display: block;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 10px;
      font-weight: 400;
      margin: 0 0 5px 0;
      text-transform: uppercase; } }

.manage-purchase__time-period {
  font-size: 75%;
  opacity: .7; }

@media (max-width: 660px) {
  .manage-purchase__detail {
    display: block;
    float: right;
    text-align: right; } }

.manage-purchase__detail .payment-logo {
  margin-right: 5px; }

.manage-purchase__detail a {
  display: block;
  font-size: 12px;
  cursor: pointer; }

.manage-purchase__expiring-credit-card-notice.notice,
.manage-purchase__purchase-expiring-notice.notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .manage-purchase__expiring-credit-card-notice.notice,
    .manage-purchase__purchase-expiring-notice.notice {
      margin-bottom: 16px; } }

@media (max-width: 660px) {
  .manage-purchase__renew-button {
    margin-top: 16px;
    width: 100%; } }

@media (min-width: 661px) {
  .manage-purchase__renew-button {
    position: absolute;
    right: 24px;
    top: 16px; } }

.manage-purchase__contact-support {
  border-top: solid 1px #e9eff3;
  color: #87a6bc;
  margin-top: 15px;
  padding-top: 10px; }

.remove-purchase__dialog {
  max-width: 500px; }

.remove-purchase__card {
  cursor: pointer; }
  .remove-purchase__card .gridicon {
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle; }

.remove-purchase__chat-button {
  display: block; }
  @media (min-width: 481px) {
    .remove-purchase__chat-button {
      float: left; } }

.reauth-required__send-sms-throttled {
  margin-bottom: 1em; }

.reauth-required__dialog {
  max-width: 400px; }

.reauth-required__sign-out {
  cursor: pointer; }

.security-2fa-backup-codes-list:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-list__print-agreement {
  display: inline-block;
  float: left;
  min-width: 50%;
  position: relative;
  top: 8px; }
  .security-2fa-backup-codes-list__print-agreement .form-label {
    font-weight: normal;
    margin-left: 8px;
    display: inline-block; }
  @media (max-width: 660px) {
    .security-2fa-backup-codes-list__print-agreement {
      margin-bottom: 24px; } }

@media (max-width: 480px) {
  .security-2fa-backup-codes-list__btn-group .button {
    display: inline-block; } }

.security-2fa-backup-codes-list__btn-group {
  float: right; }

.security-2fa-backup-codes-list__generate {
  margin-top: 20px; }

button.security-2fa-backups-codes-list__generate-button {
  margin-left: 0; }

.security-2fa-backup-codes-list__codes {
  background: #f3f6f8;
  list-style-type: none;
  padding: 20px;
  margin-left: 0;
  overflow: hidden; }

.security-2fa-backup-codes-list__codes li {
  color: #2e4453;
  float: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  width: 50%; }
  .security-2fa-backup-codes-list__codes li.is-placeholder span {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .security-2fa-backup-codes-list__codes li.is-placeholder span:before {
      content: ' ';
      display: inline-block;
      width: 5em; }
  .security-2fa-backup-codes-list__codes li:before {
    color: #c8d7e1;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    text-align: right;
    width: 25px; }
  .security-2fa-backup-codes-list__codes li:first-child:before {
    content: '1.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(2):before {
    content: '6.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(3):before {
    content: '2.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(4):before {
    content: '7.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(5):before {
    content: '3.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(6):before {
    content: '8.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(7):before {
    content: '4.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(8):before {
    content: '9.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(9):before {
    content: '5.'; }
  .security-2fa-backup-codes-list__codes li:nth-of-type(10):before {
    content: '10.'; }

.security-2fa-backup-codes-list__warning {
  font-size: 75%; }
  .security-2fa-backup-codes-list__warning .noticon {
    color: #d94f4f;
    margin-right: 8px; }
    .security-2fa-backup-codes-list__warning .noticon:before {
      position: relative;
      top: 1px; }

.security-2fa-backup-codes-prompt:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.security-2fa-backup-codes-prompt .security-2fa-backup-codes-prompt__print {
  float: left;
  margin-left: 0; }

.security-2fa-backup-codes .security-2fa-backup-codes-prompt {
  margin-top: 16px; }

.security-2fa-code-prompt .form-fieldset {
  margin-bottom: 12px; }

.security-2fa-code-prompt .button {
  margin-top: 8px; }

.security-2fa-code-prompt__verify-code {
  margin-left: 10px; }

.security-2fa-code-prompt .security-2fa-code-prompt__send-code {
  float: left;
  margin-left: 0; }

.security-2fa-code-prompt__code-just-sent-message {
  font-style: italic; }

.security-2fa-code-prompt .notice {
  margin: 5px 0 0 0; }

.security-2fa-disable__prompt {
  padding: 10px;
  background: #f3f6f8; }

.security-2fa-enable .security-2fa-enable__cancel {
  float: left;
  margin-left: 0; }

.security-2fa-enable__code-block {
  margin-bottom: 16px; }

.security-2fa-enable__qr-code {
  height: 150px;
  width: 150px;
  margin: 0 auto; }
  .security-2fa-enable__qr-code.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .security-2fa-enable__qr-code.is-placeholder:after {
      content: '\00a0'; }

.security-2fa-enable__app-options {
  font-color: #f3f6f8;
  font-size: 13px;
  font-style: italic;
  margin-top: 10px; }

.security-2fa-enable__time-code {
  font-weight: bold;
  font-size: 16px; }

.security-2fa-enable__toggle {
  cursor: pointer;
  display: block; }

.security-2fa-enable .notice {
  margin: 5px 0 0 0; }

.security-2fa-enable__buttons-bar {
  margin-top: 16px; }

.security-2fa-progress__container {
  margin: 0 -16px 16px; }
  @media (min-width: 481px) {
    .security-2fa-progress__container {
      margin: 0 -24px 24px; } }
  .security-2fa-progress__container .security-2fa-progress__inner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .security-2fa-progress__container .security-2fa-progress__inner-container:before {
      background-color: #c8d7e1;
      content: " ";
      display: block;
      height: 1px;
      position: absolute;
      top: 26px;
      width: 100%; }
    .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
      text-align: center; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted:before {
        background-color: #0087be;
        content: " ";
        display: block;
        height: 2px;
        position: absolute;
        top: 24px;
        width: 50%; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted .noticon {
        background: #0087be;
        color: white;
        border-color: #0087be; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-highlighted label {
        color: #0087be;
        font-weight: 600; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed:before {
        background-color: #0087be;
        content: " ";
        display: block;
        height: 2px;
        position: absolute;
        top: 24px;
        width: 100%; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed .noticon {
        background: #c8d7e1;
        color: #87a6bc; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item.is-completed label {
        color: #87a6bc; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item .noticon {
        background: white;
        border: 1px #c8d7e1 solid;
        border-radius: 50%;
        color: #c8d7e1;
        display: block;
        height: 48px;
        margin: 0 auto;
        position: relative;
        width: 48px; }
        .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item .noticon:before {
          font-size: 32px;
          position: relative;
          top: 8px; }
      .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item label {
        color: #c8d7e1;
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        margin-top: 8px;
        max-width: 112px;
        text-align: center; }

.security-2fa-sms-settings .notice {
  margin: 5px 0 0 0; }

.security-2fa-sms-settings__fieldset-container .form-phone-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-2fa-sms-settings__fieldset-container .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-2fa-sms-settings__fieldset-container .form-fieldset__country {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-2fa-sms-settings__fieldset-container .form-fieldset__country {
      padding-right: 20px;
      margin-bottom: 5px; } }

.security-2fa-sms-settings__fieldset-container .form-country-select {
  width: 100%;
  overflow: ellipsis; }

.security-2fa-sms-settings__fieldset-container .form-fieldset__phone-number {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-bottom: 5px; }

.security-2fa-sms-settings__cancel-button.form-button {
  float: left;
  margin-left: 0; }

.security-2fa-sms-settings__buttons {
  margin-top: 10px; }

.security-2fa-status__heading {
  font-weight: bold; }

.security-2fa-status__off {
  text-transform: uppercase;
  color: #d94f4f;
  font-weight: bold; }

.security-2fa-status__on {
  text-transform: uppercase;
  color: #4ab866;
  font-weight: bold; }

.security-account-recovery__text {
  margin-bottom: 0; }

.security-account-recovery-contact__detail .form-phone-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-phone-input {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-account-recovery-contact__detail .form-fieldset__country {
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-fieldset__country {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 20px;
      margin-bottom: 0; } }

.security-account-recovery-contact__detail .form-country-select {
  width: 100%; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-country-select {
      min-width: 0;
      width: 100%;
      max-width: 200px; } }

.security-account-recovery-contact__detail .form-fieldset__phone-number {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__detail .form-fieldset__phone-number {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0px;
          -ms-flex: 2 0px;
              flex: 2 0px; } }

.security-account-recovery-contact .notice {
  margin-top: 8px; }

.security-account-recovery-contact__placeholder-heading,
.security-account-recovery-contact__placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }

.security-account-recovery-contact__placeholder-heading {
  line-height: 2.4;
  margin-bottom: 1em; }
  @media (min-width: 481px) {
    .security-account-recovery-contact__placeholder-heading {
      width: 45%; } }

.security-account-recovery-contact__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.security-account-recovery-contact__header-info {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.security-account-recovery-contact__header-title {
  font-size: 1em;
  line-height: 1em; }

.security-account-recovery-contact__header-subtitle {
  display: block;
  font-size: 1em;
  font-style: italic;
  color: #87a6bc; }

.security-account-recovery-contact__detail {
  margin-top: 8px; }

.security-account-recovery-contact__remove {
  color: #87a6bc;
  float: left;
  cursor: pointer;
  padding: 9px 0; }
  .security-account-recovery-contact__remove:hover {
    color: #4f748e; }
  .security-account-recovery-contact__remove .gridicon {
    vertical-align: bottom;
    margin-right: 2px; }
    @media (min-width: 481px) {
      .security-account-recovery-contact__remove .gridicon {
        width: 16px;
        height: 16px; } }
  .security-account-recovery-contact__remove span {
    display: none; }
    @media (min-width: 481px) {
      .security-account-recovery-contact__remove span {
        display: inline; } }

.security-account-recovery__validation-notice {
  margin-top: 4px;
  margin-bottom: 12px; }

.security-account-recovery__recovery-phone-validation-buttons {
  margin-top: 12px; }

.security-account-recovery__recovery-phone-validation-label {
  margin-top: 12px; }

.current-section .gravatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 1px solid white; }

.current-section__me-title {
  font-size: 9px;
  margin: 3px 0 -4px; }

.is-group-me .sidebar, .is-group-me .post-editor__sidebar {
  padding-top: 16px; }

.me-sidebar__signout {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.me-sidebar__signout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 16px; }

.sidebar .profile-gravatar, .post-editor__sidebar .profile-gravatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.is-group-me .sidebar__menu-happychat {
  display: none; }

.two-step__placeholder-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  line-height: 1;
  margin-bottom: .5em; }
  .two-step__placeholder-text :last-child {
    margin-bottom: 0; }

.earnings_breakdown .module-content, .earnings_history .module-content {
  display: block; }

.earnings_breakdown {
  padding: 0; }
  .earnings_breakdown ul.module-header-actions .toggle-info {
    display: inline-block; }
  .earnings_breakdown.is-showing-info ul.module-header-actions .toggle-info::after,
  .earnings_breakdown.is-showing-info .module-content-text-info {
    display: inline-block; }

.earnings_breakdown__list {
  margin: 0;
  border-top: 1px solid #e9eff3; }

.earnings_breakdown__item {
  width: 33%;
  float: left;
  padding: 5px 0 10px;
  list-style-type: none;
  text-align: center;
  border-left: 1px solid #e9eff3; }
  @media (max-width: 480px) {
    .earnings_breakdown__item {
      width: auto;
      float: none;
      padding: 10px 24px;
      text-align: left;
      border: 0;
      border-top: 1px solid #e9eff3; } }
  .earnings_breakdown__item:first-child {
    border: 0; }

.earnings_breakdown__label {
  color: #3d596d;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-transform: uppercase; }
  @media (max-width: 480px) {
    .earnings_breakdown__label {
      font-size: 14px;
      line-height: 1.8; } }

.earnings_breakdown__value {
  width: 100%;
  display: block;
  font-size: 25px; }
  @media (max-width: 480px) {
    .earnings_breakdown__value {
      width: auto;
      float: right;
      font-size: 16px; } }

.earnings_history {
  padding: 0; }
  .earnings_history ul.module-header-actions .toggle-info {
    display: inline-block; }
  .earnings_history.is-showing-info ul.module-header-actions .toggle-info::after,
  .earnings_history.is-showing-info .module-content-text-info {
    display: inline-block; }

.module-content-text ul.earnings_history__statuses-list {
  margin: 1em 24px 1em 40px; }

.earnings_history__status {
  padding-bottom: 10px;
  text-align: left; }

.earnings-history__header {
  color: #87a6bc;
  border: 1px solid #f3f6f8;
  border-left: none;
  border-right: none;
  font-size: 11px;
  line-height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  text-align: center; }

.earnings-history__value {
  line-height: 40px;
  text-align: center; }
  @media (max-width: 480px) {
    .earnings-history__value:first-child, .earnings-history__value:last-child {
      font-size: 12px; } }

@media (max-width: 480px) {
  .settings__state {
    max-width: 75%; } }

.rads__activate-header-title {
  font-weight: 600; }

.rads__activate-notice {
  margin: 0; }

.rads__activate-header-toggle, .rads__activate-header-title {
  margin: auto 0 auto 0; }

.rads__activate-wrapper {
  padding: 0; }

.rads__activate-header {
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.rads__activate-description {
  border-top: 1px solid #e9eff3;
  padding: 24px; }

.all-sites {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .all-sites .site__content {
    padding: 13px 4px 13px 16px; }
  .all-sites .site__domain {
    display: inline-block;
    margin-right: 8px; }
  .all-sites .site__info {
    line-height: 22px; }

.all-sites .count {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8px;
  padding: 0;
  height: 32px;
  width: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.all-sites-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 8px 5px 0; }
  .all-sites-icon .site-icon:nth-child(6) {
    opacity: 0.9; }
  .all-sites-icon .site-icon:nth-child(7) {
    opacity: 0.7; }
  .all-sites-icon .site-icon:nth-child(8) {
    opacity: 0.5; }
  .all-sites-icon .site-icon:nth-child(9) {
    opacity: 0.3; }
  .all-sites-icon .site-icon:nth-child(10) {
    opacity: 0.1; }

.all-sites-icon .site-icon {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  margin-right: 1px;
  display: inline-block; }
  .all-sites-icon .site-icon.is-blank {
    background: #87a6bc; }

/**
 * The currently selected site block
 * at the top of the sidebar in My Sites
 */
.current-site.card, .current-site.editor-drawer-well__placeholder {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-bottom: 1px solid #d9e3ea; }
  .current-site.card.is-loading .site-icon, .current-site.is-loading.editor-drawer-well__placeholder .site-icon {
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }
  .current-site.card.is-loading .site__title, .current-site.is-loading.editor-drawer-well__placeholder .site__title {
    color: #4f748e;
    line-height: 35px; }
  .current-site.card.is-loading .current-site__switch-sites, .current-site.is-loading.editor-drawer-well__placeholder .current-site__switch-sites {
    cursor: default; }
    .current-site.card.is-loading .current-site__switch-sites::before, .current-site.is-loading.editor-drawer-well__placeholder .current-site__switch-sites::before {
      visibility: hidden; }

.current-site .site {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out; }
  .current-site .site .site__info {
    -webkit-animation: appear .3s ease-in-out;
            animation: appear .3s ease-in-out; }
  .focus-sites .current-site .site {
    opacity: 0.2;
    pointer-events: none; }

.current-site__switch-sites {
  background: #e9eff3;
  border-bottom: 1px solid #d9e3ea;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }
  .current-site__switch-sites .button {
    text-align: left;
    padding: 16px;
    width: 100%; }
  @media (max-width: 660px) {
    .current-site__switch-sites {
      background-color: #f3f6f8; } }
  .current-site__switch-sites:hover {
    background-color: #f3f6f8; }
    .current-site__switch-sites:hover .button.is-borderless:hover,
    .current-site__switch-sites:hover .button.is-borderless:focus {
      color: #2e4453; }

.current-site .notice {
  margin: 0 8px 8px; }

.current-site .notice.is-compact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 0 0 4px;
  border-radius: 0; }
  @media (max-width: 660px) {
    .current-site .notice.is-compact {
      padding: 0 24px; } }
  .current-site .notice.is-compact .notice__text {
    width: 100%;
    display: inline;
    line-height: 1.3; }
  .current-site .notice.is-compact .notice__action {
    margin-left: auto; }

.main.customize.is-iframe {
  background-color: #f3f6f8;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: auto; }
  .main.customize.is-iframe iframe {
    height: 100%;
    position: absolute;
    top: -1000px;
    width: 100%; }
    .main.customize.is-iframe iframe.is-iframe-loaded {
      top: 0; }

.customizer-loading-panel__notice.is-iframe-loaded {
  display: none; }

.customizer-loading-panel__notice-label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding: 20px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__notice-label .spinner__image {
  margin: 0 auto 20px; }

.customizer-loading-panel__status-message {
  font-style: italic;
  line-height: 1;
  margin-top: 16px;
  text-align: center; }

.customizer-loading-panel__button {
  border: 1px solid #0085be;
  border-radius: 3px;
  line-height: 1;
  padding: 10px;
  position: absolute;
  top: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .customizer-loading-panel__button:active {
    border: 1px solid #C8D6E2; }
  .customizer-loading-panel__button.is-save {
    font-weight: bold;
    right: 3px; }
  .customizer-loading-panel__button.is-close {
    left: 3px; }

.customizer-loading-panel__loading-dot-one {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
          animation-delay: 0.0s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-two {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  opacity: 0; }

.customizer-loading-panel__loading-dot-three {
  -webkit-animation: customizer-loading-dot 1.3s infinite;
          animation: customizer-loading-dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  opacity: 0; }

.customizer-loading-panel__placeholder-change-theme {
  background: #F0F4F6;
  border-radius: 3px;
  box-sizing: border-box;
  color: #1298D6;
  height: 48px;
  padding: 8px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  z-index: 999; }
  .customizer-loading-panel__placeholder-change-theme .customizer-loading-panel__placeholder-change-theme-button {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ccc;
    line-height: 32px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.customizer-loading-panel__site-placeholder {
  background: white;
  background-size: 32px;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  padding: 10px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__placeholder-bar {
  -webkit-animation: customizer-pulse-animation 1.6s ease-in-out infinite;
          animation: customizer-pulse-animation 1.6s ease-in-out infinite;
  background-color: #eee;
  height: 20px;
  margin-bottom: 10px;
  top: 100px; }
  .customizer-loading-panel__placeholder-bar.is-medium {
    height: 40px; }
  .customizer-loading-panel__placeholder-bar.is-large {
    height: 60px; }

.customizer-change-theme__placeholder-circle {
  background-color: #eee;
  border-radius: 25px;
  height: 25px;
  margin: auto;
  width: 25px;
  align: center; }

@-webkit-keyframes customizer-loading-dot {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes customizer-loading-dot {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

@keyframes customizer-pulse-animation {
  0% {
    opacity: .5; }
  50% {
    opacity: 1; }
  100% {
    opacity: .5; } }

.domain-tip__suggestion {
  color: #0087be; }

.draft.card.is-compact, .draft.is-compact.editor-drawer-well__placeholder {
  padding: 16px;
  text-align: left; }
  @media (min-width: 661px) {
    .draft.card.is-compact:hover .draft__excerpt, .draft.is-compact.editor-drawer-well__placeholder:hover .draft__excerpt {
      display: block; } }

.draft__title {
  display: inline-block;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: bottom;
  position: relative; }
  .has-all-actions .draft__title {
    width: 85%; }
  .draft__title a {
    color: #2e4453;
    text-decoration: none; }
  .draft__title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.draft__excerpt {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
  overflow: hidden;
  line-height: 1.3;
  position: absolute;
  left: 0;
  right: 28px;
  top: 0;
  bottom: 0;
  padding: 12px 16px 0;
  background: white;
  z-index: 20;
  border-bottom: 8px solid white; }
  .draft__excerpt a {
    color: #2e4453;
    text-decoration: none; }
  .draft__excerpt::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.draft .site-icon {
  position: absolute;
  right: 16px;
  top: 13px; }

.draft__untitled {
  color: #87a6bc;
  font-style: italic;
  font-weight: 400; }

.draft__featured-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 56px;
  width: 75px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.draft__image {
  max-width: 100%; }

.draft.has-image .draft__title {
  margin-left: 70px;
  max-width: 65%; }

.draft.has-image .draft__excerpt {
  left: 76px; }

.draft.has-image.has-all-actions .draft__title {
  max-width: 56%; }

.draft.has-image .draft__featured-image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

@media (max-width: 660px) {
  .draft.has-image .draft__actions {
    margin-left: 80px; } }

.draft.has-image.is-image-expanded .draft__title {
  margin-left: 0;
  max-width: 85%; }

.draft.has-image.is-image-expanded:hover .draft__excerpt {
  display: none; }

.draft.has-image.is-image-expanded .draft__featured-image {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  border-top: 1px solid #e9eff3;
  margin-top: 16px;
  padding-top: 16px;
  height: auto;
  width: 100%;
  position: static; }

.draft__actions {
  display: block; }
  @media (min-width: 481px) {
    .draft__actions {
      display: inline-block;
      float: right; } }

.draft__all-actions {
  display: inline-block;
  width: 10%; }

.draft__actions-toggle {
  color: #87a6bc;
  cursor: pointer;
  font-size: 24px;
  margin-left: 10px; }

.draft .post-relative-time-status {
  display: inline-block;
  margin: 0;
  color: #87a6bc; }
  .draft .post-relative-time-status .post-relative-time-status__time {
    line-height: 1;
    font-size: 10px;
    text-transform: uppercase; }
  .draft .post-relative-time-status .is-pending {
    display: none; }

.draft .gridicons-trash {
  cursor: pointer;
  fill: #87a6bc;
  opacity: 0;
  padding: 4px 8px;
  position: absolute;
  right: 4px;
  top: 14px;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }
  .draft .gridicons-trash:hover {
    fill: #d94f4f; }

.draft:hover .gridicons-trash,
.draft.is-touch .gridicons-trash {
  opacity: 1; }

.draft.is-placeholder .draft__title,
.draft.is-placeholder .time-text {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }

.draft.is-placeholder .draft__title {
  background: #c8d7e1;
  color: transparent;
  height: 16px;
  width: 30%; }
  .draft.is-placeholder .draft__title::after {
    display: none; }

.draft.is-placeholder .time-text {
  background: #c8d7e1;
  height: 10px;
  width: 100px; }

.draft .notice {
  margin: -16px -24px 16px; }

.draft__trash-item.popover__menu-item:hover, .draft__trash-item.popover__menu-item:focus {
  background-color: #d94f4f; }

.draft.is-trashed {
  background: #f3f6f8; }
  .draft.is-trashed .draft__title a {
    color: #a8bece; }
  .draft.is-trashed .draft__title {
    width: 100%; }
    .draft.is-trashed .draft__title.has-image {
      width: 85%; }
    .draft.is-trashed .draft__title::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .draft.is-trashed .draft__actions-toggle {
    display: none; }
  .draft.is-trashed .draft__all-actions {
    display: none; }
  .draft.is-trashed .gridicons-trash {
    display: none; }
  .draft.is-trashed .draft__restore {
    background: #f3f6f8; }

.draft__restore {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  color: #87a6bc; }
  .draft__restore .gridicon {
    margin-right: 4px;
    vertical-align: bottom; }

.draft.is-restoring {
  background: white;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }
  .draft.is-restoring .draft__restore {
    background: transparent; }
  .draft.is-restoring .draft__title::after {
    display: none; }

.draft.is-selected {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3, inset -4px 0 0 #0068ff; }

.draft__pending-label {
  background: #f0b849;
  border-radius: 2px;
  color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  margin-right: 8px;
  padding: 2px 8px;
  text-transform: uppercase; }

.draft .gravatar {
  margin-right: 8px;
  vertical-align: middle; }

.drafts__heading {
  color: #4f748e;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 30px; }

.drafts .search {
  margin-bottom: 24px;
  position: static; }
  .drafts .search input {
    display: block; }

.section-export {
  padding-bottom: 100px; }

.export-card__title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px;
  clear: left; }

.export-card__subtitle {
  font-size: 14px;
  color: #2e4453; }

.export-card__spinner-button {
  float: right;
  padding: 8px; }

.export-card__export-button {
  float: right; }

.export-card__placeholder-select {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.export-card__advanced-settings {
  padding-bottom: 50px; }

.export-card__advanced-settings-title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  margin-bottom: 16px; }

.export-card__advanced-settings-description {
  font-size: 14px; }

@media (min-width: 961px) {
  .export-card__advanced-settings-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.export-card__option-fieldset {
  margin-top: 10px; }
  @media (min-width: 961px) {
    .export-card__option-fieldset {
      margin-top: inherit;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.export-card__option-fieldset-legend .export-card__option-fieldset-legend-text {
  font-weight: bold; }

.export-card__option-fieldset-description {
  font-size: 14px;
  color: #87a6bc;
  padding-left: 24px;
  padding-right: 24px; }

.export-card__option-fieldset-fields {
  padding-left: 24px;
  padding-right: 24px; }
  .export-card__option-fieldset-fields select {
    width: 100%; }

.guided-transfer-card__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px; }

.guided-transfer-card__options-header-title-container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.guided-transfer-card__options-header-button-container {
  margin: auto; }

.guided-transfer-card__title {
  font-size: 21px;
  font-weight: 300;
  color: #2e4453;
  clear: left; }

.guided-transfer-card__subtitle {
  color: #87a6bc;
  font-style: italic;
  font-size: 14px; }

.guided-transfer-card__price {
  font-style: normal;
  font-size: 18px; }

.guided-transfer-card__details {
  background-color: #fafbfc;
  font-size: 14px; }

.guided-transfer-card__details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.guided-transfer-card__details-title {
  color: #2e4453;
  font-weight: 600;
  margin-bottom: 12px; }

.guided-transfer-card__details-text {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  color: #87a6bc; }

.guided-transfer-card__feature-list {
  color: #4ab866;
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%; }
  .guided-transfer-card__feature-list .guided-transfer-card__feature-list-item {
    list-style-type: none;
    text-indent: -24px;
    margin-bottom: 8px; }
  .guided-transfer-card__feature-list .guided-transfer-card__feature-icon {
    margin-right: 6px;
    margin-top: -4px;
    vertical-align: middle; }

.guided-transfer-card__feature-text {
  color: #87a6bc; }

.guided-transfer-card__in-progress {
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 16px;
  text-align: center; }
  @media (min-width: 661px) {
    .guided-transfer-card__in-progress {
      padding-left: 128px;
      text-align: left; } }

.guided-transfer-card__in-progress-icon {
  margin: 16px auto;
  width: 48px;
  height: 48px;
  padding: 14px;
  border-radius: 50%;
  background-color: #4f748e;
  color: #f3f6f8; }
  @media (min-width: 661px) {
    .guided-transfer-card__in-progress-icon {
      position: absolute;
      margin-left: -96px;
      margin-top: 16px; } }

.guided-transfer-card__in-progress-title {
  font-size: 24px;
  font-weight: 300;
  color: #2e4453; }

.guided-transfer-card__unavailable-notice {
  background-color: #2e4453;
  border-radius: 3px;
  color: #f3f6f8;
  padding: 5px 12px; }

.guided-transfer-card__unavailable-info-icon {
  vertical-align: middle;
  padding-left: 5px; }

.guided-transfer-card__unavailable-info-icon.info-popover .gridicon:hover,
.guided-transfer-card__unavailable-info-icon.info-popover.is_active .gridicon {
  color: #f3f6f8; }

@media (min-width: 661px) {
  .feature-comparison {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.feature-comparison .plan-compare-card {
  margin: 16px; }
  @media (max-width: 660px) {
    .feature-comparison .plan-compare-card {
      width: auto; } }

.guided-transfer .guided-transfer__header-nav {
  margin: 0 0 17px 0; }

.guided-transfer .host-credentials-page__account-username-fieldset,
.guided-transfer .host-credentials-page__account-password-fieldset,
.guided-transfer .host-credentials-page__account-email-fieldset,
.guided-transfer .host-credentials-page__account-wporg_url-fieldset {
  display: inline-block;
  width: 100%; }

.guided-transfer .host-credentials-page__account-wporg_url-fieldset {
  margin-top: 19px; }

.guided-transfer .guided-transfer__host-button-image {
  vertical-align: middle;
  height: 50%; }

.guided-transfer .guided-transfer__host-button {
  display: inline-block;
  width: 100%;
  height: 80px;
  margin-bottom: 10px; }

@media (min-width: 961px) {
  .guided-transfer .host-credentials-page__account-username-fieldset,
  .guided-transfer .host-credentials-page__account-password-fieldset,
  .guided-transfer .host-credentials-page__account-email-fieldset {
    width: 50%;
    /* Override the default margin bottom provided for FormFieldset */
    margin-bottom: 0px; }
  .guided-transfer .host-credentials-page__account-username-fieldset {
    padding-right: 10px; }
  .guided-transfer .guided-transfer__host-button {
    width: calc( 50% - 5px);
    margin-right: 5px; }
  .guided-transfer .guided-transfer__host-button:nth-child(even) {
    margin-left: 5px;
    margin-right: 0px; } }

.guided-transfer__transfer-unavailable-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.guided-transfer__issue {
  list-style-type: none;
  margin-top: 15px; }

.guided-transfer__issue-title {
  margin-left: -24px;
  font-weight: 500; }

.guided-transfer__issue-icon {
  margin-right: 6px;
  color: red;
  vertical-align: text-bottom; }

.guided-transfer__issue-description {
  font-weight: 300; }

.invite-form-header__title {
  color: #3d596d;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px; }

.invite-form-header__explanation {
  color: #2e4453;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 16px; }

.invite-header .card.is-compact, .invite-header .is-compact.editor-drawer-well__placeholder {
  padding: 0px; }
  .invite-header .card.is-compact.invite-header__site, .invite-header .is-compact.invite-header__site.editor-drawer-well__placeholder {
    margin-bottom: 24px; }

.invite-header .invite-header__inviter-info {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .invite-header .invite-header__inviter-info .gravatar {
    width: 32px;
    height: 32px;
    margin-right: 12px; }
  .invite-header .invite-header__inviter-info p {
    margin-bottom: 0; }

.invite-header.is-placeholder .invite-header__invited-you-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent;
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite; }
  .invite-header.is-placeholder .invite-header__invited-you-text:after {
    content: '\00a0'; }

.invite-accept-logged-in__join-as {
  color: #3d596d;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px;
  text-align: center; }

.invite-accept-logged-in .card, .invite-accept-logged-in .editor-drawer-well__placeholder {
  margin-bottom: 0; }

.invite-accept-logged-in__join-as-username {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 600; }

.invite-accept-logged-in__join-as .gravatar {
  display: block;
  margin: 0 auto 8px auto; }

.invite-accept-logged-in__button-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.invite-accept-logged-in__button-bar .button {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
  text-align: center; }
  .invite-accept-logged-in__button-bar .button:first-child {
    margin-left: 0; }
  .invite-accept-logged-in__button-bar .button:last-child {
    margin-right: 0; }

.invite-accept .locale-suggestions {
  margin-top: 0; }

.invite-accept__form {
  margin: 0 auto;
  max-width: 400px; }
  .invite-accept__form.is-error {
    max-width: none; }

.invite-accept .notice__text {
  word-wrap: break-word; }

.media-library__content {
  position: relative; }

.media-library__content .empty-content__illustration {
  width: 70%; }

.media-library__scale-range.range {
  position: absolute;
  top: 16px;
  right: 24px;
  width: 12%;
  margin: 0 28px; }
  @media (max-width: 480px) {
    .media-library__scale-range.range {
      width: 20%; } }

.media-library__scale-range .range__content.is-min {
  left: -28px;
  padding-left: 8px; }

.media-library__scale-range .range__content.is-max {
  right: -28px; }

.media-library__list-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #668eaa;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .media-library__list-item.is-selected::after {
    content: attr(data-selected-number) "";
    position: absolute;
    right: 8px;
    bottom: 18px;
    z-index: 10;
    width: 28px;
    height: 28px;
    padding: 0;
    -webkit-transition: color 90ms ease;
    transition: color 90ms ease;
    box-shadow: 0 0 8px rgba(46, 68, 83, 0.4);
    background: #0068ff;
    border-radius: 50%;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: white; }

.media-library__list-item-selected-icon {
  display: none; }

.media-library__list-item-selected-icon .gridicon {
  position: absolute;
  bottom: 22px;
  right: 12px;
  z-index: 20;
  fill: white; }

.media-library.is-single .media-library__list-item.is-selected::after {
  content: ''; }

.media-library.is-single .media-library__list-item.is-selected .media-library__list-item-selected-icon {
  display: block; }

.media-library__list-item-figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
  background-color: #c8d7e1; }

.media-library__list-item:hover .media-library__list-item-figure {
  box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.media-library__list-item.is-selected .media-library__list-item-figure {
  box-shadow: 0 0 0 2px #0068ff, 0 4px 6px #c8d7e1; }

.media-library__list-item.is-placeholder .media-library__list-item-figure {
  background-color: #c8d7e1;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }
  .media-library__list-item.is-placeholder .media-library__list-item-figure::before {
    font-size: 80px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: white; }

.media-library__list-item.is-transient .media-library__list-item-figure::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 0;
  z-index: 10; }

.media-library__list-item-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20; }

.media-library__list-item-spinner .spinner__border {
  fill: transparent; }

.media-library__list-item-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.media-library__list-item-icon {
  display: block;
  font-size: inherit; }

.media-library__list-item-file-details {
  left: auto /*rtl:ignore*/;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.media-library__list-item-file-details .media-library__list-item-icon {
  position: relative;
  top: -8px;
  width: 25%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 25%;
  line-height: .5;
  color: #668eaa; }

.media-library__list-item-icon .gridicon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto; }

.media-library__list-item-file-name {
  position: relative;
  overflow: hidden;
  max-width: 80%;
  margin: 0 auto;
  white-space: nowrap;
  color: #3d596d; }
  .media-library__list-item-file-name::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(200, 215, 225, 0), #c8d7e1 90%);
    background: linear-gradient(to right, rgba(200, 215, 225, 0), #c8d7e1 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.media-library__list-item-details-separator {
  width: 20%;
  margin: 3% auto;
  background-color: #c8d7e1; }

.media-library__list-item-file-extension {
  color: #87a6bc; }

.media-library__list-item-video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: center; }

.media-library__list-item-video:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: rgba(135, 166, 188, 0.25); }

.media-library__list-item-video .media-library__list-item-icon {
  width: 25%;
  height: 100%;
  color: white; }
  .media-library__list-item-video .media-library__list-item-icon .gridicon {
    width: 100%;
    height: 100%; }

.media-library__upload-button {
  position: relative;
  display: inline-block; }

.media-library__upload-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer; }
  .media-library__upload-button-input::-webkit-file-upload-button {
    cursor: pointer;
    /* webkit needs this to change cursor for file type input. */ }

@media (max-width: 480px) {
  .media-library__upload-button {
    margin-left: 0; } }

.media-library__upload-url {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.media-library__upload-url .form-text-input {
  display: block;
  width: 100%; }

.media-library__upload-url-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-left: 8px; }

.media-library__upload-url-cancel {
  padding: 0 6px;
  cursor: pointer; }

.media-library__upload-url-cancel .gridicon {
  fill: #87a6bc; }
  .media-library__upload-url-cancel .gridicon:hover {
    fill: #668eaa; }

.media-library__header {
  padding-top: 12px;
  padding-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.dialog__content .media-library__header.card, .dialog__content .media-library__header.editor-drawer-well__placeholder {
  box-shadow: none; }
  .dialog__content .media-library__header.card .media-library__scale-range.range, .dialog__content .media-library__header.editor-drawer-well__placeholder .media-library__scale-range.range {
    top: 11px; }

.media-library__header .is-desktop {
  display: none; }
  @media (min-width: 661px) {
    .media-library__header .is-desktop {
      display: inline-block; } }

.media-library__header .button {
  margin-right: 8px; }

.media-library__header .button.media-library__upload-button {
  margin-right: 0; }
  @media (max-width: 660px) {
    .media-library__header .button.media-library__upload-button {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; } }

.media-library__header .button.media-library__upload-more {
  margin-left: 0; }

.media-library__header.media-library__upload-url {
  margin-bottom: 10px; }
  @media (min-width: 481px) {
    .media-library__header.media-library__upload-url {
      margin-bottom: 16px; } }

.media-library__header-popover .popover__menu-item.is-compact {
  text-transform: none;
  font-size: 14px; }

.media-library__filter-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative; }
  .media-library__filter-bar .section-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
            flex: 1 auto;
    z-index: 1; }
  .media-library__filter-bar .plan-storage {
    display: none;
    margin-bottom: 9px;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
    background-color: white;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    @media (min-width: 481px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 661px) {
      .media-library__filter-bar .plan-storage {
        display: none; } }
    @media (min-width: 961px) {
      .media-library__filter-bar .plan-storage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 17px; } }

@media (min-width: 481px) {
  .editor-media-modal .media-library__filter-bar .plan-storage {
    margin-bottom: 16px; } }

.media-library__heading {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  display: inline-block;
  margin: 0;
  line-height: 40px;
  margin-right: 12px; }
  @media (max-width: 480px) {
    .media-library__heading {
      display: none; } }

.media-library__upload-buttons {
  display: inline; }

.media-library__scale-toggle {
  position: absolute;
  right: 16px; }
  .media-library__scale-toggle.segmented-control.is-compact .segmented-control__link {
    padding: 2px 4px; }
  @media (min-width: 481px) {
    .media-library__scale-toggle {
      display: none; } }

.media-library__scale-range {
  display: none; }
  @media (min-width: 481px) {
    .media-library__scale-range {
      display: block; } }

.media-library__scale-toggle .gridicon {
  margin: 2px 4px;
  vertical-align: middle; }

.media-library__content .notice {
  margin-bottom: 0; }

.media-library__list {
  padding: 0 16px; }

.media-library__list-item.is-small .media-library__list-item-file-details .media-library__list-item-icon {
  top: 0; }

.media-library__list-item.is-small .media-library__list-item-details-separator,
.media-library__list-item.is-small .media-library__list-item-file-extension {
  display: none; }

.media-library__videopress-nudge-container {
  display: block;
  overflow-y: auto;
  right: 0;
  left: 0;
  margin: 0; }

.editor-media-modal .media-library__videopress-nudge-container {
  position: absolute;
  top: 50px;
  bottom: 72px; }

.media-library__videopress-nudge-container .upgrade-nudge-expanded {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: none;
  margin: 0; }
  @media (min-width: 961px) {
    .media-library__videopress-nudge-container .upgrade-nudge-expanded {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }

.empty-content .media-library__videopress-nudge-regular.card.upgrade-nudge, .empty-content .media-library__videopress-nudge-regular.upgrade-nudge.editor-drawer-well__placeholder {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 70%;
  text-decoration: none; }

.main.media {
  max-width: 100%; }
  .main.media .media-library__list {
    padding: 0; }

.media__item-dialog .dialog__action-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.media__modal-delete-item-button {
  border: 0; }
  .media__modal-delete-item-button .dialog__button-label {
    color: #d94f4f; }
  .media__modal-delete-item-button:hover {
    color: #e27979; }
  .media__modal-delete-item-button:disabled {
    cursor: default;
    cursor: not-allowed;
    color: #f0b8b8; }

.media__main-section .media-library__header.media-library__upload-url {
  padding: 6px 12px;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

/**
 * Menus: Mixins
 */
/**
 * Menus: Empty Content
 */
.manage-menus .empty-content {
  clear: both; }

/**
 * Menus: Placeholders
 */
.menus__pickers .placeholder-text,
.menus__menu-header .placeholder-text,
.menus__items .placeholder-text {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.menus__picker label .placeholder-text {
  font-size: 10px; }

.menus__picker-select-placeholder {
  display: block;
  padding: 23px 40px 10px 52px; }
  .menus__picker-select-placeholder .placeholder-text {
    font-size: 12px; }

/**
 * Menus: Pickers
 */
.menus__pickers {
  background-color: #e9eff3;
  background-size: cover;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3%;
  box-shadow: 0 -2px 0 #a8bece inset; }
  @media (max-width: 480px) {
    .menus__pickers {
      margin-top: -8px; } }

.menus__pickers-conjunction {
  float: left;
  height: 55px;
  font-size: 0.8em;
  line-height: 4.6;
  width: 10%;
  padding: 0;
  margin: 0;
  text-align: center; }
  @media (max-width: 480px) {
    .menus__pickers-conjunction {
      width: 100%;
      height: 30px;
      line-height: 2.3; } }

.menus__picker {
  width: 45%;
  float: left;
  position: relative;
  background: white;
  /* required for -moz-appearance below */ }
  @media (max-width: 480px) {
    .menus__picker {
      width: 100%; } }
  .menus__picker label,
  .menus__picker select {
    display: block;
    width: 100%;
    cursor: pointer; }
  .menus__picker label {
    pointer-events: none;
    /* click through :D */
    font-size: 0.8em;
    color: #87a6bc;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0px 30px 20px 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 20px); }
    .menus__picker label:before {
      position: absolute;
      left: 1px;
      top: 1px;
      color: #005082; }
    .menus__picker label:after {
      font-size: 22px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      position: absolute;
      top: 7px;
      right: 0;
      color: #0068ff; }
  .menus__picker.is-location label:before {
    font-size: 32px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }
  .menus__picker.is-menu label:before {
    font-size: 32px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }
  .menus__picker select {
    background: white;
    height: 55px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 20px 40px 5px 52px; }
    .menus__picker select::-ms-expand {
      display: none;
      /* Remove arrow in IE */ }

/**
 * Menu: Header
 */
.menus__menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 24px 8px 8px 16px; }
  @media (max-width: 480px) {
    .menus__menu-header {
      margin: 24px 8px 8px 16px; } }
  .menus__menu-header .menus__menu-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 0%;
    /* Firefox 35 and IE 10 fix */ }
  .menus__menu-header .menus__menu-actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: auto; }

.menus__menu-name {
  font-size: 1.6em;
  font-weight: 200;
  float: left; }
  .menus__menu-name span.is-editable span {
    display: block;
    float: left;
    max-width: calc( 100% - 20px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .menus__menu-name span.is-editable a {
    margin-left: 4px;
    cursor: pointer; }
    .menus__menu-name span.is-editable a:before {
      font-size: 16px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      color: #668eaa;
      vertical-align: baseline; }
  .menus__menu-name input.is-editable {
    margin: -20px -30px -20px 0;
    font-size: inherit;
    font-weight: inherit;
    width: calc(100% - 40px);
    margin-right: 40px; }
    @media (max-width: 480px) {
      .menus__menu-name input.is-editable {
        width: 100%; } }

.menus__menu-actions {
  float: right; }
  .menus__menu-actions .button {
    margin-left: 0.7em; }
    .menus__menu-actions .button.noticon:before {
      line-height: 1.35;
      color: #2e4453;
      /* Reset noticon parts overridden by button */
      font-size: 16px;
      font-weight: 400; }

@media (max-width: 480px) {
  .is-editing-title .menus__menu-name {
    line-height: 41px; }
  .is-editing-title .menus__menu-actions {
    display: none; } }

/**
 * Menu: List
 */
.menus__items {
  margin: 0;
  clear: both;
  list-style-type: none;
  background-color: #e9eff3; }
  .menus__items ul {
    padding: 0; }
    .menus__items ul.depth-0 {
      margin-left: 0; }

.menus__menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-bottom: 1px solid #e9eff3;
  border-left: 1px solid #e9eff3;
  padding: 17px 20px 16px 16px;
  font-size: 13px;
  cursor: default;
  position: relative;
  z-index: 2;
  /**
	 * Menu item is selected
	 */
  /**
	 * Menu 3-pronged lander areas
	 */
  /**
	 * Item target when dragging with mouse
	 */
  /**
	 * Hide drag 'ghost' image, because it makes the drop
	 * target hard to see
	 */
  /**
	 * Menu is Empty, show special add icon
	 */
  /**
	 * Item is to be deleted, pending user confirmation
	 */ }
  .menus__menu-item.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item .menu-item-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #2e4453;
    font-size: 1.1em;
    line-height: 1.5em;
    font-family: inherit;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    .menus__menu-item .menu-item-name:before {
      font-size: 16px;
      margin-right: 12px;
      color: #0068ff;
      vertical-align: -2px; }
    .menus__menu-item .menu-item-name.noticon-placeholder:before {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      vertical-align: -4px;
      font-size: 19px; }
  .menus__menu-item .action-tray {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: right;
    margin-right: -8px;
    /* compensate buttons padding, more universal */
    -webkit-transition: background 200ms ease-in, color 50ms ease-in;
    transition: background 200ms ease-in, color 50ms ease-in;
    /* Buttons */ }
    .menus__menu-item .action-tray button {
      margin-left: 1em;
      margin-top: -8px;
      margin-bottom: -8px;
      font-size: inherit;
      line-height: 1.45; }
    .menus__menu-item .action-tray .menu-item-action {
      float: left;
      color: #668eaa;
      margin: -5px 0 -5px;
      padding: 8px 6px 8px;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: 500;
      vertical-align: top;
      cursor: pointer;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      border-radius: 100%;
      text-indent: -6666em;
      width: 22px;
      /* Fix: Firefox won't respect margins with text-indent on otherwise. */
      /* Icon Buttons */ }
      .menus__menu-item .action-tray .menu-item-action:before {
        content: "";
        color: #0068ff;
        float: left;
        font-size: 16px;
        text-indent: 0;
        width: 22px; }
      .menus__menu-item .action-tray .menu-item-action.edit:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.add:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none; }
      .menus__menu-item .action-tray .menu-item-action.cancel:before {
        font-size: 16px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        font-size: 19px;
        margin-bottom: -3px;
        /* Sigh it's smaller... */ }
      .menus__menu-item .action-tray .menu-item-action.move {
        color: #0068ff;
        text-indent: 0;
        width: auto; }
        .menus__menu-item .action-tray .menu-item-action.move:hover {
          color: #78dcfa;
          border-radius: 0;
          background: transparent; }
        .menus__menu-item .action-tray .menu-item-action.move:before {
          content: none; }
      .menus__menu-item .action-tray .menu-item-action:hover, .menus__menu-item .action-tray .menu-item-action:focus {
        color: white;
        background: #0068ff; }
      .menus__menu-item .action-tray .menu-item-action:hover:before, .menus__menu-item .action-tray .menu-item-action:focus:before {
        color: white; }
  .menus__menu-item.is-selected {
    background: #0068ff;
    padding: 6px;
    border-bottom: 0;
    /* remove gap */ }
    .menus__menu-item.is-selected .noticon {
      color: white;
      padding: 14px 16px 5px 10px; }
    .menus__menu-item.is-selected input {
      width: calc(100% - 70px);
      padding: 12px 14px;
      border: 0;
      color: #005082;
      font-size: 14px; }
  .menus__menu-item.is-lander {
    background: #fafbfc;
    border-left: 1px solid #e9eff3;
    z-index: 1; }
    .menus__menu-item.is-lander:hover {
      background: #0068ff; }
    .menus__menu-item.is-lander:hover span,
    .menus__menu-item.is-lander:hover span:before {
      color: white; }
    .menus__menu-item.is-lander span {
      color: #005082;
      font-size: 1.1em;
      line-height: 1.5em;
      font-family: inherit; }
      .menus__menu-item.is-lander span:before {
        font-size: 16px;
        margin-right: 12px;
        color: #0068ff;
        vertical-align: -2px; }
  .menus__menu-item.is-dragdrop-target {
    background: #f3f6f8;
    border: 1px dashed #c8d7e1;
    margin-top: 10px;
    margin-bottom: 10px; }
    .menus__menu-item.is-dragdrop-target span {
      visibility: hidden; }
    .menus__menu-item.is-dragdrop-target .add,
    .menus__menu-item.is-dragdrop-target .edit {
      display: none; }
  .menus__menu-item:-webkit-drag {
    visibility: hidden; }
    .menus__menu-item:-webkit-drag div {
      display: none; }
  .menus__menu-item.is-empty {
    margin-left: calc(100% - 61px);
    padding-left: 13px; }
  .menus__menu-item.is-deleted {
    background: #f3f6f8; }
    .menus__menu-item.is-deleted .menu-item-name,
    .menus__menu-item.is-deleted .menu-item-name::before {
      color: #87a6bc; }
  .menus__menu-item.is-corrupt {
    border-left: 5px solid #f0b849; }

/**
 * Menu: add menu item label
 */
.menus__add-item-footer-label {
  float: right;
  padding: 10px 25px 2px 0;
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-animation: menus__fade-from-bottom 1.0s ease-in-out;
          animation: menus__fade-from-bottom 1.0s ease-in-out; }
  .menus__add-item-footer-label:after {
    content: "\2191";
    /* Up arrow */
    color: #0068ff;
    font-size: 16px;
    padding: 0 0 0 10px; }

/**
 * Menu: Edit Item & New Item views
 */
.menus__menu-item-open-container {
  background: #f3f6f8; }
  @media (max-width: 480px) {
    .menus__menu-item-open-container.is-panel-left .menu-item-options {
      display: none !important; }
    .menus__menu-item-open-container.is-panel-right .menu-item-options {
      width: auto !important;
      left: 0 !important;
      border: 0 !important; } }

.menus__menu-item-open {
  display: block;
  color: #005082;
  background-color: white;
  text-decoration: none;
  border-left: 1px solid #e9eff3; }
  .menus__menu-item-open.depth-1 {
    margin-left: 2rem; }
  .menus__menu-item-open.depth-2 {
    margin-left: 4rem; }
  .menus__menu-item-open.depth-3 {
    margin-left: 6rem; }
  .menus__menu-item-open.depth-4 {
    margin-left: 8rem; }
  .menus__menu-item-open.depth-5 {
    margin-left: 10rem; }
  .menus__menu-item-open.depth-6 {
    margin-left: 12rem; }
  .menus__menu-item-open.depth-7 {
    margin-left: 14rem; }
  .menus__menu-item-open.depth-1 .editable-item-content {
    margin-left: -2rem; }
  .menus__menu-item-open.depth-2 .editable-item-content {
    margin-left: -4rem; }
  .menus__menu-item-open.depth-3 .editable-item-content {
    margin-left: -6rem; }
  .menus__menu-item-open.depth-4 .editable-item-content {
    margin-left: -8rem; }
  .menus__menu-item-open.depth-5 .editable-item-content {
    margin-left: -10rem; }
  .menus__menu-item-open.depth-6 .editable-item-content {
    margin-left: -12rem; }
  .menus__menu-item-open.depth-7 .editable-item-content {
    margin-left: -14rem; }
  .menus__menu-item-open:before {
    /* The top arrow */
    margin-top: -17px;
    margin-left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    z-index: 2; }
  .menus__menu-item-open .editable-item-content {
    background: white;
    border-top: 1px solid #e9eff3;
    border-bottom: 1px solid #e9eff3;
    /**
		 * General
		 */
    /**
		 * Menu Item Name
		 */
    /**
		* Menu Item Types
		*/
    /**
		 * A notice for unsupported item types
		 */ }
    .menus__menu-item-open .editable-item-content .separated {
      border-bottom: 1px solid #e9eff3; }
    .menus__menu-item-open .editable-item-content .separated:after {
      content: " ";
      display: block;
      height: 0;
      clear: both; }
    .menus__menu-item-open .editable-item-content input:not([type='radio']):not([type='checkbox']) {
      display: block;
      font-size: 14px;
      margin: -1px 0;
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-name {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        padding: 9px 12px;
        display: block;
        line-height: 2.4;
        color: #87a6bc;
        font-size: 10px;
        text-transform: uppercase; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-name input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 75%;
        background: #f3f6f8; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
      list-style: none;
      margin: 0;
      position: relative;
      width: 136px; }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types:hover {
        border-top-color: #f3f6f8;
        border-bottom-color: #f3f6f8; }
      @media (max-width: 480px) {
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types {
          width: 100%; } }
      .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li {
        border: 0;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px solid #e9eff3;
        -webkit-transition: all 200ms ease-in-out, color 150ms ease-in-out;
        transition: all 200ms ease-in-out, color 150ms ease-in-out;
        /**
				 * Selected states
				 */ }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label {
          font-family: inherit;
          font-size: 14px;
          padding: 16px 12px;
          color: #2e4453;
          line-height: 1.3;
          display: block;
          text-align: left;
          margin-bottom: -1px;
          font-weight: 400;
          -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
          transition: all 250ms ease-in-out, color 150ms ease-in-out;
          cursor: pointer;
          -webkit-font-smoothing: inherit;
          /* Fix the noticon change */
          -moz-osx-font-smoothing: inherit;
          /* Fix the noticon change */ }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:before {
            color: #c8d7e1;
            font-size: 16px;
            margin-right: 8px;
            vertical-align: -3px;
            -webkit-transition: all 250ms ease-in-out, color 150ms ease-in-out;
            transition: all 250ms ease-in-out, color 150ms ease-in-out; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover {
            color: #0068ff; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover:before {
              color: #0068ff; }
        .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
          border-top-color: #e9eff3;
          border-bottom-color: #e9eff3;
          border-right-color: white;
          color: #2e4453; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected {
              border-top: 1px solid transparent;
              border-bottom: 1px solid transparent; } }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:first-child {
            border-top-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected:last-child {
            border-bottom-color: white; }
          .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label {
            color: #0068ff; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label:before {
              color: #0068ff; }
    .menus__menu-item-open .editable-item-content .menus__types-and-options-container {
      position: relative; }
      .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 75%;
        background: white;
        font-size: 14px;
        padding: 10px 13px;
        overflow: hidden;
        overflow-y: auto; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector {
          padding: 10px 0px 10px 13px;
          overflow-y: hidden; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector {
            border: 0; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__search input {
            border-width: 1px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__label {
            color: #2e4453;
            font-size: 14px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__list-item.is-placeholder {
            width: 85%; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options.menu-item-options__term-tree-selector .term-tree-selector__list-item.is-placeholder .term-tree-selector__label {
              color: transparent; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container {
          margin: 10px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag {
            display: inline-block;
            padding: 0 3px;
            background-color: #c8d7e1;
            color: white;
            font-size: 10px;
            border-radius: 3px;
            margin-left: 5px;
            text-transform: uppercase;
            vertical-align: middle;
            letter-spacing: 0.02em; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-tag-container .menu-item-tag:first-of-type {
              margin-left: 0; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li.create-new-item input[type=radio] + label {
          color: #87a6bc;
          font-style: italic; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
          display: none;
          -webkit-transition: 200ms all ease-in;
          transition: 200ms all ease-in; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a {
            display: block;
            font-family: inherit;
            font-size: 14px;
            color: #375163;
            text-align: left;
            line-height: 1.3;
            background: white;
            padding: 16px 12px 15px;
            margin: -10px -13px 10px;
            border-bottom: 1px solid #e9eff3;
            -webkit-font-smoothing: inherit; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button a:before {
              color: #78dcfa;
              font-size: 16px;
              margin-right: 8px;
              vertical-align: -3px; }
          @media (max-width: 480px) {
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-back-button {
              display: block; } }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-label {
          float: none;
          width: auto;
          border: 0;
          display: block;
          padding: 0 0 10px 0;
          color: #87a6bc;
          font-size: 11px;
          font-weight: 600;
          text-transform: uppercase; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-address {
          margin-bottom: 1rem; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input[type='checkbox'] + label {
          margin-left: 4px;
          color: #2e4453; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li {
          padding: 2px 0; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label {
            margin-left: 4px;
            -webkit-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            color: #2e4453; }
            .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label:hover {
              color: #0068ff; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options form > label {
          cursor: pointer; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options input:not([type='radio']):not([type='checkbox']) {
          width: 95%; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content {
          color: #87a6bc; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .is-empty-content a {
            color: #87a6bc;
            text-decoration: underline; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container {
          position: relative; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .gridicon {
            position: absolute;
            left: 0;
            padding: 9px 8px; }
          .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .search-container .search-box {
            right: 0;
            width: 100%;
            height: 35px;
            margin-bottom: 1rem;
            padding: 5px 5px 5px 30px;
            background: white;
            -webkit-appearance: none; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar {
          width: 9px;
          height: 9px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:start:decrement, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-button:end:increment {
          display: block;
          height: 0;
          background-color: transparent; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-track-piece {
          background-color: transparent;
          -webkit-border-radius: 0;
          -webkit-border-bottom-right-radius: 8px;
          -webkit-border-bottom-left-radius: 8px; }
        .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:vertical, .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options::-webkit-scrollbar-thumb:horizontal {
          background-color: #c8d7e1;
          -webkit-border-radius: 8px;
          border: 1px solid white; }
    .menus__menu-item-open .editable-item-content .unsupported-notice {
      padding: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice h1 {
        color: #2e4453;
        font-size: 16px;
        margin-bottom: 1em; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p, .menus__menu-item-open .editable-item-content .unsupported-notice small {
        color: #87a6bc; }
      .menus__menu-item-open .editable-item-content .unsupported-notice p {
        font-size: 14px;
        margin-bottom: 0; }

/**
 * Menu: Item Action Buttons
 */
.menus__menu-item-actions {
  clear: both;
  padding: 0.5em;
  border-top: 1px solid #e9eff3;
  text-align: right; }
  .menus__menu-item-actions .button {
    margin-left: 0.5em; }
    .menus__menu-item-actions .button.noticon {
      font-family: inherit;
      -webkit-font-smoothing: inherit;
      color: #6f7a88; }
      .menus__menu-item-actions .button.noticon:hover {
        color: #324155; }
      .menus__menu-item-actions .button.noticon:before {
        font-size: 16px;
        vertical-align: -3px;
        margin: 0px -3px -1px; }

/**
 * Menu: animations, pure CSS fade-ins
 */
@keyframes menus__fade-from-bottom {
  0% {
    opacity: 0.0; }
  20% {
    opacity: 0.0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  70% {
    opacity: 1.0; }
  100% {
    opacity: 1.0;
    -webkit-transform: none;
            transform: none; } }

/**
 * Menu: animations, ReactCSSTransitionGroup
 */
.menus__droptarget-slidevertical-enter,
.menus__droptarget-slidevertical-leave {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* Turns acceleration on if possible */ }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active, .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-leave-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-enter-active,
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    /* Fix for Safari / Safari Mobile: the transition doesn't work unless it's on the *-active
		 * Reference:
		 *    https://github.com/facebook/react/issues/2227
		 *    https://github.com/facebook/react/issues/2104
		 */
    -webkit-transition: margin 200ms ease-out, opacity 200ms ease-out;
    transition: margin 200ms ease-out, opacity 200ms ease-out; }
  .menus__droptarget-slidevertical-enter.is-lander span,
  .menus__droptarget-slidevertical-leave.is-lander span {
    opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-lander:hover,
  .menus__droptarget-slidevertical-leave.is-lander:hover {
    background: inherit;
    color: inherit; }

.menus__droptarget-slidevertical-enter {
  margin-top: -55px;
  opacity: 0.0; }
  .menus__droptarget-slidevertical-enter.is-position-before {
    margin-top: 0;
    margin-bottom: -55px; }
  .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active {
    margin-top: 0;
    opacity: 1.0; }
    .menus__droptarget-slidevertical-enter.menus__droptarget-slidevertical-enter-active.is-position-before {
      margin-bottom: 0; }

.menus__droptarget-slidevertical-leave {
  margin-top: 0;
  opacity: 1.0; }
  .menus__droptarget-slidevertical-leave.is-position-before {
    margin-bottom: 0; }
  .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active {
    margin-top: -55px;
    opacity: 0.0; }
    .menus__droptarget-slidevertical-leave.menus__droptarget-slidevertical-leave-active.is-position-before {
      margin-top: 0;
      margin-bottom: -55px; }

.no-results {
  color: #4f748e;
  font-size: 16px;
  line-height: 56px; }

.no-results__img {
  display: block;
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px; }

.page-list {
  margin: 0;
  width: 100%; }
  .page-list .placeholder-text {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .page-list .is-placeholder .noticon {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    opacity: 0.3; }

.page-list__header {
  background: #f3f6f8;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  color: #87a6bc;
  font-size: 11px;
  padding: 6px 11px;
  text-transform: uppercase; }
  .page-list__header .noticon-time:before {
    color: #87a6bc;
    margin-right: 4px; }

.page .site-icon,
.pages__blog-posts-page .site-icon {
  display: none; }
  @media (min-width: 661px) {
    .page .site-icon,
    .pages__blog-posts-page .site-icon {
      display: block;
      float: left;
      margin-right: 10px; } }

.page__title,
.page__title:visited,
.pages__blog-posts-page__title,
.pages__blog-posts-page__title:visited {
  display: inline;
  color: #2e4453;
  font-weight: 500;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  margin-right: 33px; }
  .page__title .gridicon,
  .page__title:visited .gridicon,
  .pages__blog-posts-page__title .gridicon,
  .pages__blog-posts-page__title:visited .gridicon {
    color: #87a6bc;
    margin: 2px 8px -2px 0; }

.page__posts-page {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  margin-top: -3px; }

.page__site-url {
  color: #87a6bc;
  display: block;
  font-size: 12px;
  font-style: italic;
  margin-top: -3px; }

.page__actions-toggle {
  color: #87a6bc;
  cursor: pointer;
  font-size: 24px;
  margin: 17px 24px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .page__actions-toggle.is-active {
    color: #0068ff;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.page__popover-more-info,
.pages__blog-posts-page__popover-more-info {
  color: #87a6bc;
  padding: 4px 16px 8px;
  font-size: 12px;
  max-width: 150px;
  text-align: left; }

.pages__blog-posts-page__popover-more-info {
  padding: 8px 16px; }

.pages__blog-posts-page__not-used-label {
  background-color: #87a6bc;
  border-radius: 3px;
  color: white;
  float: left;
  font-size: 12px;
  margin: 6px 24px 0 0;
  padding: 5px 16px; }

.pages__blog-posts-page__info {
  color: #87a6bc;
  font-size: 12px;
  max-width: 300px;
  line-height: 24px;
  margin: -6px 33px 0px 26px; }

.page__delete-item.popover__menu-item:hover, .page__delete-item.popover__menu-item:focus {
  background-color: #d94f4f;
  border: 0;
  box-shadow: none;
  color: white; }

.page .updated-confirmation .conf-alert {
  width: auto; }
  .page .updated-confirmation .conf-alert .undo {
    display: inline; }

.delete-user__select-placeholder {
  border-bottom: 1px solid #87a6bc; }

.delete-user__explanation {
  color: #87a6bc; }

.delete-user__single-site .author-selector__author-toggle .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.delete-user__reassign-user-name {
  margin: 0 3px 0 8px; }

.delete-user__remove-user .gridicon {
  margin: -2px 4px 0 0;
  vertical-align: middle; }

.delete-user__remove-user {
  cursor: pointer; }

.edit-team-member-form__form {
  border-top: 1px solid #e9eff3;
  padding-top: 24px;
  margin-top: 24px; }

.edit-team-member-form__user-profile .form-fieldset:last-child {
  margin-bottom: 0; }

.people-list-item.card.is-compact, .people-list-item.is-compact.editor-drawer-well__placeholder {
  border-bottom: 1px solid #e9eff3;
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative; }
  @media (min-width: 481px) {
    .people-list-item.card.is-compact, .people-list-item.is-compact.editor-drawer-well__placeholder {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .people-list-item.card.is-compact:nth-of-type(1), .people-list-item.is-compact.editor-drawer-well__placeholder:nth-of-type(1) {
    margin-top: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:nth-of-type(1), .people-list-item.is-compact.editor-drawer-well__placeholder:nth-of-type(1) {
        margin-top: -24px; } }
  .people-list-item.card.is-compact:last-of-type, .people-list-item.is-compact.editor-drawer-well__placeholder:last-of-type {
    border-bottom: none;
    margin-bottom: -16px; }
    @media (min-width: 481px) {
      .people-list-item.card.is-compact:last-of-type, .people-list-item.is-compact.editor-drawer-well__placeholder:last-of-type {
        margin-bottom: -24px; } }
  .bulk-editing .people-list-item.card.is-compact, .bulk-editing .people-list-item.is-compact.editor-drawer-well__placeholder {
    padding-left: 40px; }

.people-list-item__checkbox[type=checkbox] {
  margin-top: 0;
  position: absolute;
  top: 48px;
  left: 2px; }
  .people-list-item__checkbox[type=checkbox]:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -19px;
    width: 56px;
    height: 55px; }

.people-list-item__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer; }

.people-list-item__profile-container {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden; }

.people-list-item__actions {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.people-list-item__actions .people-list-item__remove-button {
  font-size: 11px;
  text-transform: uppercase;
  color: #d94f4f; }

.people-list-item .card__link-indicator {
  right: 0px;
  z-index: 2; }

.people-profile {
  position: relative; }
  .people-profile:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .people-profile.is-placeholder .people-profile__username,
  .people-profile.is-placeholder .people-profile__login > span,
  .people-profile.is-placeholder .people-profile__role-badge,
  .people-profile.is-placeholder .gravatar.is-placeholder {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .people-profile.is-placeholder .people-profile__role-badge {
    border: none; }
  .people-profile.is-placeholder .people-profile__username {
    width: 36%; }

.people-profile__gravatar {
  float: left; }

.people-profile__gravatar .gravatar {
  width: 56px !important;
  height: 56px !important; }
  @media (min-width: 481px) {
    .people-profile__gravatar .gravatar {
      width: 72px !important;
      height: 72px !important; } }

.people-profile__detail {
  margin-left: 80px; }
  @media (min-width: 481px) {
    .people-profile__detail {
      margin-left: 96px; } }

.people-profile__username {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  color: #2e4453;
  font-size: 16px;
  font-weight: 700;
  white-space: pre;
  text-overflow: clip;
  overflow: hidden; }
  @media (min-width: 481px) {
    .people-profile__username {
      font-size: 21px; } }
  .people-profile__username:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.people-profile__login {
  color: #2e4453;
  font-size: 13px; }
  @media (min-width: 481px) {
    .people-profile__login {
      font-size: 15px;
      margin-top: -3px; } }

.people-profile__badges {
  margin-top: 8px; }
  .people-profile__badges:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.people-profile__subscribed {
  color: #87a6bc;
  font-size: 11px;
  margin-top: 4px;
  text-transform: uppercase; }

.people-profile__role-badge {
  float: left;
  background: white;
  border: 1px solid #87a6bc;
  border-radius: 2px;
  color: #87a6bc;
  display: inline-block;
  font-size: 11px;
  margin-left: 8px;
  padding: 2px 6px 2px 6px;
  white-space: pre; }
  .people-profile__role-badge:first-child {
    margin-left: 0; }
  .people-profile__role-badge.role-super-admin {
    background: #d54e21;
    border: none;
    color: white; }
  .people-profile__role-badge.role-administrator, .people-profile__role-badge.role-admin-owner {
    background: #2e4453;
    border: none;
    color: white; }
  .people-profile__role-badge.role-editor {
    background: #005082;
    border: none;
    color: white; }
  .people-profile__role-badge.role-author, .people-profile__role-badge.role-contributor {
    background: #0087be;
    border: none;
    color: white; }

.people-notices__notice.notice {
  margin-bottom: 0px; }

.invite-people__token-field-wrapper {
  clear: both;
  margin-bottom: 20px; }

.plan-compare-card {
  width: 270px;
  position: relative; }

.plan-compare-card__header,
.plan-compare-card__features,
.plan-compare-card__actions {
  margin-bottom: 0; }

.plan-compare-card__features {
  padding: 16px 24px;
  font-size: 14px;
  color: #537994; }

.plan-compare-card__header {
  text-align: center;
  border-radius: 4px 4px 0 0; }

.plan-compare-card__actions {
  border-radius: 0 0 4px 4px; }

.plan-compare-card__title {
  font-size: 16px;
  font-weight: 500;
  color: #415e74; }

.plan-compare-card__line {
  font-size: 12px;
  font-weight: normal;
  color: #537994;
  font-style: italic; }

.plan-compare-card__features-list {
  margin: 0; }

.plan-compare-card__button.is-current {
  width: 100%;
  border-width: 1px;
  border-color: #0068ff;
  color: #0068ff;
  font-weight: 400; }

.plan-compare-card__button.is-current:active {
  border-bottom-width: 1px; }

.plan-compare-card__button.is-primary {
  width: 100%; }

.plan-compare-card-item {
  list-style-type: none; }

.plan-compare-card-item.is-highlight {
  color: #4ab866;
  margin-left: 0px; }

.plan-compare-card-item.is-unavailable {
  text-decoration: line-through;
  margin-left: 24px; }

.plan-compare-card-item__checkmark {
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -4px; }

.plan-compare-card__button-checkmark {
  margin-right: 6px; }

/* Breakpoints 1150px, */
.plan-features__content {
  margin: -16px -16px 0 -16px;
  padding-top: 20px; }

.is-section-plans .plan-features__mobile {
  display: block; }
  @media (min-width: 752px) {
    .is-section-plans .plan-features__mobile {
      display: none; } }

.plan-features__notice {
  margin-bottom: 16px; }
  @media (min-width: 1041px) {
    .plan-features__notice {
      margin-bottom: 32px;
      margin-top: -19px; } }

.plan-features__mobile {
  color: #537994;
  margin: 0 16px;
  display: block; }
  @media (min-width: 661px) {
    .plan-features__mobile {
      display: none; } }
  .plan-features__mobile .foldable-card {
    box-shadow: none; }
  .plan-features__mobile .foldable-card.card.is-expanded, .plan-features__mobile .foldable-card.is-expanded.editor-drawer-well__placeholder {
    margin-bottom: 0; }
  .plan-features__mobile .foldable-card.is-expanded .foldable-card__content {
    padding: 0; }
  .plan-features__mobile .plan-features__header-banner {
    display: none; }
  .plan-features__mobile .plan-features__item {
    border-bottom: solid 1px #dfe8ed;
    font-size: 14px; }
  .plan-features__mobile .plan-features__item:last-child {
    border-bottom: none; }

.plan-features__mobile .plan-features__header .plan-features__header-figure,
.plan-features__table.has-1-cols .plan-features__header-figure,
.plan-features__table.has-2-cols .plan-features__header-figure {
  display: block;
  width: 50px;
  height: 50px; }

.plan-features__mobile-plan {
  font-size: 14px;
  border: solid 1px #dfe8ed;
  background-color: white;
  margin-bottom: 24px; }

.is-section-plans .plan-features__table {
  display: none; }
  @media (min-width: 752px) {
    .is-section-plans .plan-features__table {
      display: table; } }

.plan-features__table {
  font-size: 14px;
  color: #537994;
  border-spacing: 16px 0;
  margin-top: -16px;
  display: none;
  table-layout: fixed; }
  @media (min-width: 661px) {
    .plan-features__table {
      display: table; } }
  @media (max-width: 1040px) {
    .plan-features__table {
      border-spacing: 0;
      margin: 0 15px;
      width: calc( 100% - 30px); } }

.plan-features__row {
  background: white; }

.plan-features__table-item {
  border-right: solid 1px #dfe8ed;
  border-left: solid 1px #dfe8ed;
  background-color: white;
  position: relative; }
  .plan-features__table-item.is-highlighted {
    border: 1px solid #0087be;
    background-color: rgba(0, 135, 190, 0.1);
    position: relative;
    top: -1px; }
    .plan-features__table-item.is-highlighted .plan-features__item-checkmark {
      fill: #0087be; }
    .plan-features__table-item.is-highlighted.has-partial-border::after {
      display: none; }
  .plan-features__table-item.is-selected {
    display: table-cell; }

.plan-features__table-item.has-partial-border::after {
  content: '';
  display: block;
  height: 1px;
  width: calc( 100% - 48px);
  border-bottom: 1px solid #dfe8ed;
  position: absolute;
  bottom: 0;
  margin: 0 24px; }
  @media (max-width: 1040px) {
    .plan-features__table-item.has-partial-border::after {
      margin: 0 12px;
      width: calc( 100% - 24px); } }

.plan-features__table-item.has-border-bottom {
  border-bottom: solid 1px #dfe8ed; }

.plan-features__table-item.has-border-top {
  border-top: solid 1px #dfe8ed; }

.plan-features__table-item.is-placeholder .spinner-line {
  margin: 0;
  position: absolute;
  top: -3px;
  width: 100%; }

.plan-features__table-item.is-bottom-buttons {
  padding-top: 33px; }

.plan-features__table-item.is-top-buttons {
  padding-top: 8px; }

.plan-features__header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 24px 0 15px;
  border-bottom: solid 2px #c8d7e1;
  background-color: white; }
  @media (max-width: 960px) {
    .plan-features__header {
      padding: 12px 12px 0 12px; } }
  .plan-features__header.is-personal-plan {
    border-bottom: solid 2px #f0b849; }
  .plan-features__header.is-premium-plan {
    border-bottom: solid 2px #4ab866; }
  .plan-features__header.is-business-plan {
    border-bottom: solid 2px #855DA6; }

.plan-features__header-figure {
  position: relative;
  width: 56px;
  height: 56px;
  margin-right: 15px;
  border-radius: 50%; }

@media (max-width: 1280px) {
  .is-section-plans .plan-features__header-figure {
    width: 24px;
    height: 24px;
    margin-right: 10px; } }

@media (max-width: 1040px) {
  .plan-features__header-figure,
  .plan-features__table.has-1-cols .plan-features__header-figure,
  .plan-features__table.has-2-cols .plan-features__header-figure {
    display: none; } }

.plan-features__header-checkmark {
  position: absolute;
  top: 0;
  right: -3px;
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  fill: #4ab866; }
  @media (max-width: 1280px) {
    .plan-features__header-checkmark {
      display: none; } }

.plan-features__header-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 6px 0 0 0; }

.plan-features__header-title {
  font-size: 22px;
  color: #0087be;
  line-height: 0.7; }
  @media (max-width: 960px) {
    .plan-features__header-title {
      font-size: 20px; } }

.plan-features__header-price-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.plan-features__header-timeframe {
  margin-bottom: 1.4em;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #537994;
  line-height: .6;
  white-space: nowrap; }
  .plan-features__header-timeframe.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    width: 140px;
    height: 12px;
    margin-bottom: 15px; }
    .plan-features__header-timeframe.is-placeholder:after {
      content: '\00a0'; }
    @media (max-width: 960px) {
      .plan-features__header-timeframe.is-placeholder {
        margin-bottom: 9px; } }

.info-popover.plan-features__header-tip-info {
  position: relative;
  top: 4px;
  left: 3px;
  margin-top: -10px;
  margin-bottom: -10px;
  display: inline-block; }

.popover.plan-features__header-tip-info .popover__inner {
  white-space: nowrap; }

.plan-features__price.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  width: 45px;
  height: 25px;
  margin-top: 9px;
  margin-bottom: 5px; }
  .plan-features__price.is-placeholder:after {
    content: '\00a0'; }

.plan-features__price-jetpack.is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 140px; }
  .plan-features__price-jetpack.is-placeholder:after {
    content: '\00a0'; }
  @media (max-width: 960px) {
    .plan-features__price-jetpack.is-placeholder {
      height: 26px; } }

.plan-features__interval-type {
  margin-bottom: 1.4em; }
  .plan-features__interval-type.is-placeholder {
    height: 28px; }
    @media (max-width: 660px) {
      .plan-features__interval-type.is-placeholder {
        height: auto; } }

.plan-features__header-banner {
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0;
  -webkit-transform: translateY(-21px);
          transform: translateY(-21px);
  padding: 0 8px;
  background: #2e4453;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.plan-features__description {
  margin: 0;
  padding: 24px 24px 0 24px; }
  @media (max-width: 1040px) {
    .plan-features__description {
      padding: 12px 12px 0 12px; } }
  @media (max-width: 660px) {
    .plan-features__description {
      padding: 20px 20px 0 20px; } }

.plan-features__targeted-description-heading {
  display: block;
  color: #5c86a4; }

.plan-features__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 24px;
  padding: 12px 0;
  font-size: 14px;
  color: #2e4453; }
  @media (max-width: 960px) {
    .plan-features__item {
      font-size: 12px; } }
  @media (max-width: 1040px) {
    .plan-features__item {
      margin: 0 12px; } }

.plan-features__item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  margin-left: 10px;
  width: 100%; }

.plan-features__item-checkmark {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  fill: #0087be; }

.plan-features__item-tip-info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.popover__plan-features .popover__inner {
  width: 200px; }

.plan-features__actions {
  padding: 0 24px 24px 24px; }
  @media (max-width: 1040px) {
    .plan-features__actions {
      padding: 0 12px 12px 12px; } }
  @media (max-width: 660px) {
    .plan-features__actions {
      padding: 0 20px 20px 20px;
      border-bottom: solid 1px #f3f6f8; } }

.plan-features__actions-buttons {
  text-align: center; }

.plan-features__actions-button {
  width: 100%;
  margin-top: 8px; }
  .plan-features__actions-button.is-current .gridicon {
    fill: #4ab866;
    margin-right: 8px; }
  .plan-features__actions-button.is-popular {
    background-color: #4ab866;
    border-color: #2c703d; }
  @media (max-width: 660px) {
    .plan-features__actions-button {
      margin-top: 20px; } }

.plan-features__item-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  width: 100%; }

.plan-features__item-title-outlined {
  font-weight: bold;
  display: block; }

.plan-features__item-description {
  display: inline-block;
  margin-left: 10px; }

.plan-price {
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  color: #2e4453; }
  .plan-price.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    width: 60px;
    margin: 10px 0;
    height: 21px; }
    .plan-price.is-placeholder:after {
      content: '\00a0'; }
  @media (max-width: 960px) {
    .plan-price {
      font-size: 24px; } }

.plan-price.is-original {
  color: #87a6bc; }

.plan-price.is-discounted {
  color: #4ab866; }

.plan-price.is-discounted,
.plan-price.is-original {
  position: relative;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
  margin-right: 8px; }

.plan-price.is-original:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid #d54e21;
  -webkit-transform: rotate(-16deg);
          transform: rotate(-16deg);
  opacity: .9; }

.plan-price__currency-symbol,
.plan-price__fraction {
  vertical-align: super;
  font-size: 12px; }

.plan-price.is-discounted .plan-price__currency-symbol {
  color: #4ab866; }

.plan-price__currency-symbol {
  color: #87a6bc; }

.plan-price__integer {
  margin: 0 1px;
  font-weight: 400; }

.plan-price__fraction {
  font-weight: 500; }

@media (min-width: 1041px) {
  .plans-features-main__group {
    padding-top: 19px; } }

.plans-features-main__group + .faq {
  margin-top: 20px; }

.plans .show-monthly-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 20px 0;
  text-align: center; }
  .plans .show-monthly-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.current-plan__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.current-plan__header-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 12px; }
  .current-plan__header-item:last-child {
    margin-bottom: 0; }
  @media (min-width: 1041px) {
    .current-plan__header-item {
      width: calc( 50% - 6px);
      margin-bottom: 0; } }

.current-plan__header-item-content {
  background-color: white;
  border-top: 1px solid #e9eff3;
  padding: 32px; }
  @media (min-width: 661px) {
    .current-plan__header-item-content {
      border: 1px solid #e9eff3;
      text-align: left; } }

.current-plan__header-icon {
  margin: 0 auto;
  width: 80px;
  height: 80px; }

.current-plan__header-copy {
  width: 100%; }

.current-plan__header-heading,
.current-plan__header-text {
  clear: none; }

.current-plan__header-heading {
  font-size: 24px;
  font-weight: 400;
  margin: 24px 0 8px 0; }

.current-plan__header-text {
  font-size: 18px;
  font-weight: 300; }

.current-plan__header.is-placeholder .current-plan__header-icon {
  display: none; }

.current-plan__header.is-placeholder .current-plan__header-heading,
.current-plan__header.is-placeholder .current-plan__header-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block; }
  .current-plan__header.is-placeholder .current-plan__header-heading:after,
  .current-plan__header.is-placeholder .current-plan__header-text:after {
    content: '\00a0'; }
  @media (max-width: 660px) {
    .current-plan__header.is-placeholder .current-plan__header-heading,
    .current-plan__header.is-placeholder .current-plan__header-text {
      margin: 0 auto; } }

.current-plan__header.is-placeholder .current-plan__header-heading {
  width: 50%; }

.current-plan__header.is-placeholder .current-plan__header-text {
  line-height: 2em;
  margin-bottom: 8px;
  margin-top: 15px;
  width: 90%; }
  @media (min-width: 661px) {
    .current-plan__header.is-placeholder .current-plan__header-text {
      margin-bottom: 18px;
      margin-top: 18px; } }

.current-plan__header-purchase-info-wrapper.card.is-compact, .current-plan__header-purchase-info-wrapper.is-compact.editor-drawer-well__placeholder {
  margin: 24px -32px -32px; }

.current-plan__header-purchase-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .current-plan__header-purchase-info.is-expiring .current-plan__expires-in {
    color: #d94f4f; }
  .current-plan__header-purchase-info .button.is-compact {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }

.current-plan__header-expires-in {
  color: #537994; }

/**
 * Post Image
 * - representative image displayed at the top of the post card located on post list pages (posts).
 */
.post-image {
  position: relative;
  width: 100%;
  margin-top: 16px;
  background-color: #f3f6f8;
  text-align: center; }
  .post-image:first-child {
    margin-top: 0; }
  .post-image:hover {
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  .post-image.is-collapsed, .post-image.is-placeholder {
    height: 144px; }
    @media (min-width: 481px) {
      .post-image.is-collapsed, .post-image.is-placeholder {
        height: 232px; } }
  .post-image.is-collapsed {
    background-size: cover;
    background-position: center; }
    .post-image.is-collapsed:hover {
      cursor: -webkit-zoom-in;
      cursor: zoom-in; }
  .post-image.is-placeholder {
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.post-image__image {
  vertical-align: bottom; }

.post-relative-time-status .gridicon {
  display: inline-block;
  margin: -4px 8px 0 0;
  vertical-align: middle; }

.posts__list .post-relative-time-status .is-sticky {
  color: #f0821e; }

.posts__list .post-relative-time-status .is-pending {
  color: #f0b849; }

.posts__list .post-relative-time-status .is-scheduled {
  color: #0068ff; }

.posts__list .post-relative-time-status .is-trash {
  color: #d94f4f; }

.post-relative-time-status__time,
.post-relative-time-status__status {
  display: inline-block;
  margin-right: 0.91667em; }

.post-relative-time-status__time-text {
  display: inline-block; }
  .post-relative-time-status__time-text::first-letter {
    text-transform: capitalize; }

.post-relative-time-status__status-text {
  text-transform: capitalize; }

.post-selector {
  position: relative;
  background-color: white;
  border: 1px solid #c8d7e1; }
  .post-selector.is-compact {
    background-color: transparent;
    border: none; }

.post-selector__search {
  position: relative; }

.post-selector__search .gridicon {
  position: absolute;
  left: 0;
  padding: 8px; }

.post-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  border-width: 0;
  border-bottom-width: 1px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

input[type=radio].post-selector__input,
input[type=checkbox].post-selector__input,
.post-selector__input.checkbox-tristate {
  margin-top: 4px; }
  input[type=radio].post-selector__input + label,
  input[type=checkbox].post-selector__input + label, .post-selector__input.checkbox-tristate + label {
    display: block;
    margin-left: 24px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color: #2e4453; }
    input[type=radio].post-selector__input + label:hover,
    input[type=checkbox].post-selector__input + label:hover, .post-selector__input.checkbox-tristate + label:hover {
      color: #0068ff; }

input[type=checkbox].post-selector__input, .post-selector__input.checkbox-tristate {
  margin-right: 8px; }

.post-selector__results {
  height: 300px; }
  .post-selector.is-compact .post-selector__results {
    height: auto; }

.post-selector__nested-list {
  margin-left: 1em; }

.post-selector__list-item {
  position: relative;
  padding: 2px 8px;
  font-size: 13px; }
  .post-selector__list-item.is-empty {
    padding-top: 4px; }
  .post-selector__nested-list .post-selector__list-item {
    padding-left: 0;
    padding-right: 0; }

.post-selector__label {
  position: relative;
  display: block;
  margin-left: 24px;
  margin-top: 2px; }
  .post-selector.is-type-labels-visible .post-selector__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .post-selector.is-compact .post-selector__label {
    font-size: 14px;
    margin-top: 0; }
  .post-selector__list-item.is-placeholder .post-selector__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.post-selector__label-type {
  display: none;
  margin-left: 8px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #87a6bc; }
  .post-selector.is-type-labels-visible .post-selector__label-type {
    display: block; }

.posts__list .post-share__wrapper {
  margin: 0;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out;
  border-top: solid 1px rgba(200, 215, 225, 0.5); }
  .posts__list .post-share__wrapper .post-share__title {
    margin: 24px 0 0 0;
    font-weight: 600; }
  .posts__list .post-share__wrapper .post-share__subtitle {
    margin-bottom: 24px; }
  .posts__list .post-share__wrapper .post-share__main {
    border-top: solid 1px rgba(200, 215, 225, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 24px 24px; }
    @media (min-width: 481px) {
      .posts__list .post-share__wrapper .post-share__main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .posts__list .post-share__wrapper .post-share__form.is-placeholder,
  .posts__list .post-share__wrapper .post-share__services.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    margin-top: 16px;
    height: 48px; }
    .posts__list .post-share__wrapper .post-share__form.is-placeholder:after,
    .posts__list .post-share__wrapper .post-share__services.is-placeholder:after {
      content: '\00a0'; }
  .posts__list .post-share__wrapper .post-share__head {
    padding: 0 24px; }
  .posts__list .post-share__wrapper .post-share__form {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  .posts__list .post-share__wrapper .post-share__services {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 16px; }
    @media (min-width: 481px) {
      .posts__list .post-share__wrapper .post-share__services {
        margin-left: 20px; } }
  .posts__list .post-share__wrapper .post-share__services-header {
    font-weight: 600;
    margin-bottom: 4px; }
  .posts__list .post-share__wrapper .post-share__services-add {
    text-align: center; }
  .posts__list .post-share__wrapper .post-share__service {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding: 0 0 12px 4px;
    color: #c8d7e1; }
    .posts__list .post-share__wrapper .post-share__service .social-logo {
      padding-left: 4px; }
    .posts__list .post-share__wrapper .post-share__service:first-of-type {
      margin-top: 8px; }
    .posts__list .post-share__wrapper .post-share__service.is-broken {
      cursor: not-allowed; }
    .posts__list .post-share__wrapper .post-share__service.is-active {
      color: black; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.twitter {
        color: #55ACEE; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.facebook {
        color: #39579a; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.google-plus {
        color: #df4a32; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.linkedin {
        color: #0976b4; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.tumblr {
        color: #35465c; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.path {
        color: #df3b2f; }
      .posts__list .post-share__wrapper .post-share__service.is-active .social-logo.eventbrite {
        color: #ff8000; }
  .posts__list .post-share__wrapper .post-share__service-account-name {
    line-height: 24px;
    padding-left: 4px; }
  .posts__list .post-share__wrapper .post-share__wrapper .notice {
    margin-top: 4px;
    margin-bottom: 0px; }
    .posts__list .post-share__wrapper .post-share__wrapper .notice:first-of-type {
      margin-top: 0px; }
  .posts__list .post-share__wrapper .post-share__wrapper .card.banner, .posts__list .post-share__wrapper .post-share__wrapper .banner.editor-drawer-well__placeholder {
    margin: 0; }

.post-share__button-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 480px) {
    .post-share__button-actions {
      -webkit-flex-wrap: wrap-reverse;
          -ms-flex-wrap: wrap-reverse;
              flex-wrap: wrap-reverse; } }
  .post-share__button-actions button {
    width: auto;
    margin: 0 0 0 5px; }
    @media (max-width: 480px) {
      .post-share__button-actions button {
        width: 100%;
        margin: 0 0 5px 0; } }

.post-share__sharing-preview-modal {
  padding: 0px; }
  @media (min-width: 961px) {
    .post-share__sharing-preview-modal {
      left: 25%;
      right: 25%;
      top: 25%;
      width: 50%;
      min-width: 500px; }
      .post-share__sharing-preview-modal.dialog.card, .post-share__sharing-preview-modal.dialog.editor-drawer-well__placeholder {
        position: absolute; } }

.post-share__sharing-preview-modal-header {
  height: 48px;
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.post-share__sharing-preview-modal-close {
  border-right: 1px solid #c8d7e1;
  width: 48px;
  cursor: pointer;
  color: #87a6bc; }
  .post-share__sharing-preview-modal-close:hover {
    color: #2e4453; }

.post-type-list:not(.is-empty) {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.post-type-list__post-thumbnail-wrapper {
  display: none;
  position: relative;
  width: 80px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin: -8px 0;
  overflow: hidden; }
  .post-type-list__post-thumbnail-wrapper.has-image,
  .post-item.is-placeholder .post-type-list__post-thumbnail-wrapper {
    display: block; }
  .post-item.is-placeholder .post-type-list__post-thumbnail-wrapper {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .post-item.is-placeholder .post-type-list__post-thumbnail-wrapper:after {
      content: '\00a0'; }

.post-type-list__post-thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: none; }

.post-actions-ellipsis-menu {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-left: 8px; }

.post-actions-ellipsis-menu,
.post-actions-ellipsis-menu .ellipsis-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.post-actions-ellipsis-menu .ellipsis-menu__toggle {
  padding: 0 16px;
  margin-right: -16px; }

.post-type-post-author__icon {
  vertical-align: top;
  margin-right: 4px; }

.posts.main {
  display: block;
  max-width: 720px; }
  @media (min-width: 1281px) {
    .posts.main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width: 1440px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.posts__primary {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 720px; }
  @media (min-width: 1281px) {
    .posts__primary {
      min-width: 520px; } }

.posts__list .post {
  position: relative;
  padding: 0;
  margin-bottom: 1.6em; }
  @media (max-width: 660px) {
    .posts__list .post {
      font-size: 13px; } }

.posts__list .post__body {
  background-color: white; }

.posts__list .post-attribution,
.posts__list .post__content,
.posts__list .post__info {
  box-sizing: border-box;
  padding: 1.4rem; }
  @media (min-width: 661px) {
    .posts__list .post-attribution,
    .posts__list .post__content,
    .posts__list .post__info {
      padding: 2.4rem; } }

.posts__list .post-attribution {
  width: 100%;
  font-size: 0.93333em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #87a6bc; }
  .posts__list .post-attribution a {
    color: inherit; }
  .posts__list .post-attribution span:first-child .post-attribution-avatar {
    margin-left: 0; }
  .posts__list .post-attribution + .post__content {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post-attribution {
      padding: 1.6rem 2.4rem; } }

.posts__list .post-attribution-avatar {
  width: 1.71429em;
  height: 1.71429em;
  margin: 0 0.35714em 0 0.5em;
  vertical-align: middle;
  display: inline-block; }
  .posts__list .post-attribution-avatar.is-rounded {
    border-radius: 50%; }

.posts__list .post__content {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
  margin: 0;
  overflow: hidden; }
  .posts__list .post__content + .post__info {
    padding-top: 0; }
  @media (min-width: 661px) {
    .posts__list .post__content {
      padding-bottom: 1.2rem; } }

.posts__list .post__content-link {
  display: block; }

.posts__list .post__title-link + .post__excerpt {
  margin-top: 0.46667em; }

.posts__list .post__title-link + .featured-standard {
  margin-top: 0.86667em; }
  .posts__list .post__title-link + .featured-standard + .post__excerpt {
    margin-top: 0.46667em; }

.posts__list .post__title {
  color: #2e4453;
  font-size: 1.6em;
  line-height: 1.33333em;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700; }

.posts__list .post__excerpt {
  color: #4f748e;
  font-size: 1.06667em;
  line-height: 1.5em;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  .posts__list .post__excerpt p {
    margin: 0; }

.posts__list .post__quote {
  background: none;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 0;
  margin: 0;
  border-radius: 0; }

.posts__list .post__info {
  width: 100%;
  font-size: 0.93333em;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  color: #87a6bc;
  overflow: hidden; }
  @media (min-width: 661px) {
    .posts__list .post__info {
      padding-top: 2rem;
      padding-bottom: 2rem; } }

.posts__list .post-relative-time-status {
  float: left;
  margin: 0; }
  .posts__list .post-relative-time-status .noticon {
    font-size: 1.14286em;
    margin: 0.23077em 0.23077em 0 0; }
  .posts__list .post-relative-time-status a {
    color: inherit; }
  .posts__list .post-relative-time-status small {
    font-size: 0.9em;
    color: #a8bece; }

.posts__list .post__meta {
  float: right;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }
  .posts__list .post__meta li {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 1.07143em;
    color: #87a6bc;
    vertical-align: top; }
    .posts__list .post__meta li:first-child {
      margin-left: 0; }
    .posts__list .post__meta li a {
      color: inherit; }
      .posts__list .post__meta li a:before {
        font-size: 1.5em;
        vertical-align: top; }
      .posts__list .post__meta li a.is-empty .gridicon {
        color: #c8d7e1; }
      .posts__list .post__meta li a .gridicon {
        position: relative;
        top: 6px; }
      .posts__list .post__meta li a:hover {
        color: #0068ff; }
    .posts__list .post__meta li span {
      display: inline-block;
      margin: 0.07143em 0 0 0.21429em; }

.posts__list .image-large-format {
  background-color: #f3f6f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .posts__list .image-large-format .image-item {
    box-sizing: border-box;
    max-height: 100%;
    padding: 0 0.6rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .posts__list .image-large-format .image-item-media {
    vertical-align: bottom; }

.posts__list .post__header + .post__content-link .image-large-format {
  margin-top: 1.6rem; }

.posts__list .image-gallery {
  padding: 0.6rem 0.8rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center; }
  @media (min-width: 661px) {
    .posts__list .image-gallery {
      padding: 0.6rem 1.8rem; } }

.posts__list .image-single {
  height: 15.06667em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 961px) {
    .posts__list .image-single {
      background-size: contain; } }

.posts__list .featured-standard {
  float: right;
  width: 40%;
  max-height: 9.06667em;
  margin: 0 0 0.93333em 0.93333em;
  overflow: hidden; }
  .posts__list .featured-standard img {
    display: block; }
  @media (min-width: 661px) {
    .posts__list .featured-standard {
      margin: 0 0 1.6em 1.6em; } }
  @media (min-width: 961px) {
    .posts__list .featured-standard {
      margin-bottom: 0; } }

.posts__list .post.is-protected .post__title:before {
  font-size: 1em;
  content: "";
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: Noticons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  color: #87a6bc;
  margin-right: 0.16667em; }

.posts__list .post.is-placeholder .post__time:before {
  content: '';
  margin-right: 0; }

.posts__list .post.is-placeholder .post-attribution-avatar {
  display: inline-block;
  background-color: #e9eff3; }

.posts__list .placeholder-text {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.post__header {
  padding: 14px 16px 0; }
  @media (min-width: 661px) {
    .post__header {
      padding: 14px 24px 0; } }

.post .site-icon {
  position: absolute;
  top: 16px;
  left: 16px; }
  @media (min-width: 661px) {
    .post .site-icon {
      left: 24px; } }

.post__site-title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 38px;
  margin-right: 12px;
  padding-left: 48px; }
  .post__site-title a {
    color: #2e4453; }

.post__header.has-author .post__site-title {
  line-height: 1.4; }

.post__author {
  display: block;
  color: #537994;
  font-size: 12px;
  padding-left: 48px; }

/* RTL */
.rtl .posts__list .post__quote {
  font-family: Tahoma, Helvetica, Arial, sans-serif; }

.rtl .posts__list .post__title {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

:lang(he) .rtl .posts__list .post__quote {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

.post__comments {
  cursor: pointer; }

.post .comments__comment-list {
  margin: 0;
  padding: 0 24px 24px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.post .comments__comment-timestamp {
  margin-top: -4px; }

.post .comments__view-earlier {
  margin-top: 15px; }

.post-controls {
  box-sizing: border-box;
  background-color: white;
  border-top: solid 1px rgba(200, 215, 225, 0.5);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 3em; }
  @media (max-width: 660px) {
    .post-controls {
      height: 3.46154em; } }

.post-controls__pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  list-style: none;
  font-size: 0.93333em;
  margin: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; }
  .post-controls__pane > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    box-sizing: border-box;
    text-align: center;
    border-left: solid 1px rgba(200, 215, 225, 0.5); }
    .post-controls__pane > li:first-child {
      border-left: none; }
    .post-controls__pane > li a {
      display: block;
      color: #537994;
      box-sizing: border-box;
      font-size: inherit;
      padding: 0.78571em 0; }
      .post-controls__pane > li a:hover {
        color: #2e4453;
        cursor: pointer; }
      .post-controls__pane > li a .gridicon {
        position: relative;
        top: 3px;
        margin-right: 6px; }

.post-controls__disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5; }

.post-controls__more-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__main-options {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none; }

.post.show-more-options .post-controls__more-options {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto; }

.post-controls__trash.is-scary {
  color: #d94f4f; }

.posts__list .upgrade-nudge.card, .posts__list .upgrade-nudge.editor-drawer-well__placeholder {
  margin: 24px 0; }

.posts .section-nav .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.posts__recent-drafts {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 0 24px 24px;
  display: none; }
  @media (min-width: 1281px) {
    .posts__recent-drafts {
      display: block;
      max-width: 400px; } }
  @media (min-width: 1601px) {
    .posts__recent-drafts {
      max-width: 600px; }
      .posts__recent-drafts .post-item.is-mini.card.is-compact, .posts__recent-drafts .post-item.is-mini.is-compact.editor-drawer-well__placeholder {
        padding: 16px 24px; }
        .posts__recent-drafts .post-item.is-mini.card.is-compact .post-item__meta, .posts__recent-drafts .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-item__meta {
          display: block; }
        .posts__recent-drafts .post-item.is-mini.card.is-compact .post-item__title, .posts__recent-drafts .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-item__title {
          font-size: 15px;
          margin-bottom: 2px; }
        .posts__recent-drafts .post-item.is-mini.card.is-compact .post-actions-ellipsis-menu, .posts__recent-drafts .post-item.is-mini.is-compact.editor-drawer-well__placeholder .post-actions-ellipsis-menu {
          margin-left: 8px; } }
  .posts__recent-drafts .draft__actions {
    display: none; }

.posts__recent-drafts .posts__drafts-header.card.is-compact, .posts__recent-drafts .posts__drafts-header.is-compact.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #2e4453; }
  .posts__recent-drafts .posts__drafts-header.card.is-compact::after, .posts__recent-drafts .posts__drafts-header.is-compact.editor-drawer-well__placeholder::after {
    display: none; }

.posts__recent-drafts .no-results {
  color: #87a6bc;
  font-size: 14px;
  margin-left: 16px;
  line-height: 1.4; }

.posts__see-all-drafts {
  margin-top: 8px; }
  .posts__see-all-drafts .count {
    margin-left: 8px; }

.posts__post-share-button {
  width: 100%; }
  @media (min-width: 481px) {
    .posts__post-share-button {
      width: auto; } }

.post__total-views {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }
  .post__total-views .stat-update-indicator {
    font-size: 14px;
    padding-top: 2px; }

.plugin__installed-on {
  margin-bottom: 16px; }

.plugins__plugin-list-state {
  white-space: nowrap; }

.card.is-compact.section-header.after-compact, .is-compact.section-header.after-compact.editor-drawer-well__placeholder {
  margin-top: 16px; }

.jetpack-plugins-setup {
  margin: 0 auto;
  max-width: 700px; }
  .jetpack-plugins-setup h1.is-placeholder,
  .jetpack-plugins-setup p.is-placeholder {
    width: inherit;
    background-color: #e9eff3;
    color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .jetpack-plugins-setup h1.is-placeholder:before,
    .jetpack-plugins-setup p.is-placeholder:before {
      content: ' '; }
  .jetpack-plugins-setup .plugin-item__link {
    cursor: default; }

.jetpack-plugins-setup__header {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin-bottom: .75em;
  text-align: center;
  color: #2e4453; }

.jetpack-plugins-setup__description {
  margin-bottom: 3em;
  color: #4f748e;
  text-align: center; }

.jetpack-plugins-setup__need-manage .button {
  float: right; }

.jetpack-plugins-setup__need-manage .button + .button {
  margin-right: 16px; }

.jetpack-plugins-setup .plugin-item__finished {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.jetpack-plugins-setup .plugin-item.card .notice.is-info .notice__icon, .jetpack-plugins-setup .plugin-item.editor-drawer-well__placeholder .notice.is-info .notice__icon {
  display: block; }

.plugin-action {
  clear: both;
  line-height: 1;
  margin-top: 16px; }
  .plugin-action:first-child {
    margin-top: 0; }
  .plugin-action.is-warning .plugin-action__label {
    color: #d94f4f; }
  .plugin-action .disconnect-jetpack-button {
    margin-right: 0; }
  @media (max-width: 480px) {
    .plugin-action .plugin-action__label {
      color: #2e4453; } }

.plugin-action .toggle__switch {
  float: right; }

.plugin-action__label {
  color: #87a6bc;
  font-size: 11px;
  line-height: 16px;
  margin-right: 8px;
  vertical-align: top;
  text-transform: uppercase;
  cursor: pointer; }
  .is-disabled .plugin-action__label {
    color: #e9eff3;
    cursor: default; }
  .has-disabled-info .plugin-action__label {
    cursor: pointer; }

.plugin-action .form-toggle__label .form-toggle__switch {
  float: right; }

.plugin-action__children {
  float: right; }

.plugin-action__children .noticon {
  margin-left: 8px; }

.plugin-action__disabled-info.info-popover {
  float: right;
  margin: -2px 4px 0 2px; }

.plugin-action__disabled-info-list {
  margin-left: 16px; }

.plugin-activate-toggle .plugin-action__children {
  float: none; }

.plugin-activate-toggle__disabled,
.plugin-activate-toggle__link {
  font-size: 11px;
  line-height: 16px;
  margin-right: 12px;
  vertical-align: top;
  text-transform: uppercase;
  color: #87a6bc; }
  @media (max-width: 480px) {
    .plugin-activate-toggle__disabled,
    .plugin-activate-toggle__link {
      color: #2e4453; } }

.plugin-activate-toggle__link:hover {
  color: #33bbe3; }

.plugin-activate-toggle__disabled {
  color: #e9eff3; }

.plugin-activate-toggle__link a {
  color: currentcolor;
  line-height: 18px;
  vertical-align: top; }
  @media (max-width: 480px) {
    .plugin-activate-toggle__link a {
      color: #2e4453; } }

@media (max-width: 480px) {
  .plugin-activate-toggle__link .plugin-activate-toggle__icon {
    color: #87a6bc; } }

.plugin-activate-toggle__icon {
  display: inline-block;
  vertical-align: inherit;
  float: right;
  margin: -1px 3px 0 -1px; }
  .plugin-activate-toggle__icon .gridicons-cog {
    -webkit-transform: translate(0.5px, 0.5px);
            transform: translate(0.5px, 0.5px); }

.plugin-automated-transfer .gridicons-sync g {
  -webkit-animation: spinning-sync-icon linear 2s infinite;
          animation: spinning-sync-icon linear 2s infinite;
  -webkit-transform-origin: center;
          transform-origin: center; }

.plugin-automated-transfer .gridicons-checkmark g,
.plugin-automated-transfer .gridicons-notice g {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

@-webkit-keyframes spinning-sync-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinning-sync-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.plugin-icon {
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px;
  position: relative;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }
  @media (max-width: 480px) {
    .plugin-icon {
      width: 40px;
      height: 40px; } }
  @media (min-width: 481px) {
    .plugin-icon {
      margin-right: 24px; } }
  .plugin-icon .gridicon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    fill: white; }
  .plugin-icon.is-placeholder {
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    opacity: 0.3; }
  .plugin-icon.is-fallback {
    background: #c8d7e1; }

.plugin-icon__img {
  width: 100%;
  height: 100%; }

.plugin-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #e9eff3;
  margin-top: 16px;
  padding-top: 16px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 481px) {
    .plugin-information {
      margin-top: 24px;
      padding-top: 24px; } }

.plugin-information__description {
  margin-bottom: 0; }

.plugin-information__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 16px; }

.plugin-information__version-shell:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.plugin-information__version-shell .version {
  float: left;
  margin: 0 16px 8px 0; }

.plugin-information__last-updated {
  line-height: 18px;
  margin-bottom: 8px; }

.plugin-information__last-updated .gridicons-sync {
  float: left;
  color: #f0b849;
  margin-right: 4px; }

.plugin-information__version-info {
  font-size: 11px;
  color: #537994;
  text-transform: uppercase;
  width: 100%; }
  @media (min-width: 481px) {
    .plugin-information__version-info {
      float: left; } }

.plugin-information__version-info.is-singlesite .plugin-information__last-updated,
.plugin-information__version-info.is-singlesite .plugin-information__versions,
.plugin-information__version-info.is-singlesite .version {
  float: left;
  margin-bottom: 8px; }

.plugin-information__versions {
  line-height: 18px;
  white-space: nowrap; }
  .plugin-information__versions .gridicons-my-sites {
    float: left;
    margin-right: 4px; }
  .plugin-information__versions .gridicons-cross-small {
    float: right;
    margin-left: 4px;
    color: #d94f4f; }
  .plugin-information__versions .gridicons-checkmark {
    float: right;
    margin-left: 4px;
    color: #4ab866; }

.plugin-information .plugin-ratings {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .plugin-information .plugin-ratings {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 160px; } }

.plugin-information__version-limit-state {
  white-space: nowrap; }

.plugin-information__links {
  clear: left; }
  @media (min-width: 481px) {
    .plugin-information__links {
      float: left; } }

.plugin-information__external-link {
  display: block;
  margin-top: 16px; }

.plugin-information.is-placeholder .plugin-information__wrapper {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .plugin-information.is-placeholder .plugin-information__wrapper:after {
    content: '\00a0'; }
  @media (min-width: 481px) {
    .plugin-information.is-placeholder .plugin-information__wrapper {
      margin-right: 16px; } }

.plugin-information.is-placeholder .plugin-information__external-link,
.plugin-information.is-placeholder .version {
  color: transparent; }

.plugin-information.is-placeholder .plugin-information__version-limit,
.plugin-information.is-placeholder .plugin-information__last-updated {
  width: 99%;
  margin-top: 8px; }

.plugin-information.is-placeholder .rating {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.plugin-item.card, .plugin-item.editor-drawer-well__placeholder {
  padding: 0; }
  .is-bulk-editing .plugin-item.card, .is-bulk-editing .plugin-item.editor-drawer-well__placeholder {
    padding-left: 24px; }
  .plugin-item.card ~ .notice.is-error, .plugin-item.editor-drawer-well__placeholder ~ .notice.is-error {
    margin-bottom: 0; }
  .plugin-item.card input, .plugin-item.editor-drawer-well__placeholder input {
    margin-right: 8px; }
  @media (min-width: 661px) {
    .plugin-item.card, .plugin-item.editor-drawer-well__placeholder {
      padding: 0; } }
  .plugins-list .plugin-item.card.is-compact:last-child, .plugins-list .plugin-item.is-compact.editor-drawer-well__placeholder:last-child {
    margin-bottom: 0; }
  .plugin-item.card .notice.is-info .notice__icon, .plugin-item.editor-drawer-well__placeholder .notice.is-info .notice__icon {
    display: none; }

.plugin-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  @media (max-width: 480px) {
    .plugin-item {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .plugin-item.disabled {
    opacity: 0.5;
    background: #f3f6f8; }

.plugin-item__link,
.plugin-item__disabled,
.plugin-item.is-placeholder {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px;
  overflow: hidden;
  cursor: pointer; }
  @media (max-width: 480px) {
    .plugin-item__link,
    .plugin-item__disabled,
    .plugin-item.is-placeholder {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
  @media (min-width: 661px) {
    .plugin-item__link,
    .plugin-item__disabled,
    .plugin-item.is-placeholder {
      padding: 24px; } }

.is-bulk-editing .plugin-item__link {
  padding-left: 40px; }

.plugin-item__disabled {
  opacity: 0.5;
  background: #f3f6f8; }

.plugin-item__checkbox[type=checkbox] {
  position: absolute;
  top: 50%;
  margin-top: -8px; }
  .plugin-item__checkbox[type=checkbox]:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -19px;
    width: 56px;
    height: 55px; }

.plugin-item__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer; }

.plugin-item__info {
  margin-left: 32px; }
  @media (min-width: 481px) {
    .plugin-item__info {
      margin-left: 40px; } }

.plugin-item__title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre; }
  @media (min-width: 481px) {
    .plugin-item__title {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif; } }
  @media (max-width: 480px) {
    .plugin-item__title[data-warnings="1"] {
      padding-right: 32px; }
    .plugin-item__title[data-warnings="2"] {
      padding-right: 64px; } }
  .plugin-item__title.is-placeholder {
    width: 56%;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
    .plugin-item__title.is-placeholder:before {
      content: ' '; }
  .bulk-editing .plugin-item__title {
    margin-top: -4px; }
    @media (min-width: 481px) {
      .bulk-editing .plugin-item__title {
        margin-top: -6px; } }

@media (max-width: 480px) {
  .plugin-item__meta.has-update ~ .plugin-item__meta.is-warning .noticon {
    margin-right: 30px !important; } }

.plugin-item__count,
.plugin-item__actions {
  padding: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }
  @media (min-width: 481px) {
    .plugin-item__count,
    .plugin-item__actions {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      text-align: right; } }
  @media (min-width: 661px) {
    .plugin-item__count,
    .plugin-item__actions {
      padding-right: 24px;
      padding-left: 24px; } }

.plugin-item__count {
  font-size: 11px;
  line-height: 18px;
  color: #87a6bc;
  text-transform: uppercase; }

.plugin-item__count .count {
  margin-left: 8px;
  float: right; }

.plugin-item .plugin-item__count,
.plugin-item .plugin-item__actions {
  display: none; }
  @media (min-width: 481px) {
    .plugin-item .plugin-item__count,
    .plugin-item .plugin-item__actions {
      display: block; } }

.plugin-item__last_updated {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.plugin-list-header.section-header.card, .plugin-list-header.section-header.editor-drawer-well__placeholder {
  padding-right: 8px; }
  .plugin-list-header.section-header.card .section-header__actions, .plugin-list-header.section-header.editor-drawer-well__placeholder .section-header__actions {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .plugin-list-header.section-header.card .bulk-select, .plugin-list-header.section-header.editor-drawer-well__placeholder .bulk-select {
    margin-right: 16px; }
  .plugin-list-header.section-header.card .button-group, .plugin-list-header.section-header.editor-drawer-well__placeholder .button-group {
    margin-left: 8px; }
  .plugin-list-header.section-header.card.is-placeholder .section-header__label span, .plugin-list-header.section-header.is-placeholder.editor-drawer-well__placeholder .section-header__label span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent; }
    .plugin-list-header.section-header.card.is-placeholder .section-header__label span:after, .plugin-list-header.section-header.is-placeholder.editor-drawer-well__placeholder .section-header__label span:after {
      content: '\00a0'; }
  .plugin-list-header.section-header.card.is-bulk-editing .section-header__label, .plugin-list-header.section-header.is-bulk-editing.editor-drawer-well__placeholder .section-header__label {
    display: none; }
  .plugin-list-header.section-header.card .button-group, .plugin-list-header.section-header.editor-drawer-well__placeholder .button-group {
    margin-left: 8px;
    display: inherit; }
  @media (min-width: 661px) {
    .plugin-list-header.section-header.card, .plugin-list-header.section-header.editor-drawer-well__placeholder {
      padding-right: 16px; } }
  @media (min-width: 961px) {
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__actions_dropdown, .plugin-list-header.section-header.is-action-bar-visible.editor-drawer-well__placeholder .plugin-list-header__actions_dropdown {
      display: none; }
    .plugin-list-header.section-header.card.is-action-bar-visible .plugin-list-header__action-buttons, .plugin-list-header.section-header.is-action-bar-visible.editor-drawer-well__placeholder .plugin-list-header__action-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.plugin-list-header__section-actions-close {
  color: #3d596d;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-list-header__section-actions-close:focus {
    border-color: #0068ff;
    box-shadow: 0 0 0 2px #78dcfa; }

.plugin-list-header__actions_dropdown {
  display: inline-block; }

.plugin-list-header__actions_remove_item {
  color: #d94f4f; }
  .plugin-list-header__actions_remove_item.is-disabled {
    color: #f4cdcd; }

.plugin-list-header__mode-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right; }

.plugin-list-header__action-buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.plugin-meta__banner {
  position: relative;
  top: 0;
  left: -16px;
  width: calc( 100% + 32px);
  overflow: hidden;
  margin-top: -16px;
  margin-bottom: 16px;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3); }
  @media (min-width: 481px) {
    .plugin-meta__banner {
      left: -24px;
      width: calc( 100% + 48px);
      margin-top: -24px;
      margin-bottom: 24px; } }
  .plugin-meta__banner img {
    display: block;
    width: auto;
    max-height: 70vh;
    margin: 0 auto; }

.plugin-meta__information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .plugin-meta__information {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.plugin-meta__information {
  position: relative; }

.plugin-meta__name {
  color: #2e4453;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  white-space: pre;
  overflow: hidden;
  position: relative; }
  .plugin-meta__name:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  @media (min-width: 481px) {
    .plugin-meta__name {
      font-size: 24px;
      font-weight: 700;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif; } }
  .is-placeholder .plugin-meta__name {
    width: 200px;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .is-placeholder .plugin-meta__name:after {
      content: '\00a0'; }

.plugin-meta__detail {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0; }

.plugin-meta__upgrade_nudge .upgrade-nudge.card, .plugin-meta__upgrade_nudge .upgrade-nudge.editor-drawer-well__placeholder {
  margin-top: 0; }

.plugin-meta .card, .plugin-meta .editor-drawer-well__placeholder {
  margin: 0; }

.plugin-meta__meta {
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  float: left; }
  .is-placeholder .plugin-meta__meta {
    width: 120px;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .is-placeholder .plugin-meta__meta:after {
      content: '\00a0'; }

.is-placeholder .plugin-meta__author {
  color: transparent !important; }

.plugin-meta__actions {
  border-top: 1px solid #e9eff3;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-top: 16px;
  padding-top: 16px; }
  .has-button .plugin-meta__actions {
    position: initial;
    right: inherit; }
  @media (min-width: 481px) {
    .plugin-meta__actions {
      min-width: 22%;
      border: none;
      margin: 0;
      padding: 0;
      text-align: right;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
      .plugin-meta__actions .plugin-action {
        margin-top: 16px; }
      .plugin-meta__actions .plugin-action:first-child {
        margin-top: 8px; } }
  @media (max-width: 480px) {
    .plugin-meta__actions .form-toggle__label-content {
      margin-left: 0; } }
  @media (max-width: 480px) {
    .plugin-meta__actions .plugin-action__label {
      -webkit-box-flex: 2;
      -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      font-size: 11px; } }

.plugin-meta__version-notice {
  margin-top: -9px; }
  @media (min-width: 481px) {
    .plugin-meta__version-notice {
      margin-top: -15px; } }

.plugin-meta__actions .plugin-item__count {
  padding: 0; }

.plugin-meta__actions .plugin-meta__active {
  color: #4ab866; }

.plugin-meta__action-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  clear: both;
  padding-top: 12px; }
  .plugin-meta__action-links .button {
    margin-top: 12px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 10px; }

a.plugin-meta__settings-link {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  line-height: 16px;
  margin: 16px 9px 0 0;
  text-transform: uppercase; }
  @media (min-width: 481px) {
    a.plugin-meta__settings-link {
      display: inline-block; } }
  a.plugin-meta__settings-link .gridicon {
    float: right;
    position: relative;
    left: 7px;
    top: -3px; }

.plugin-ratings.is-placeholder .plugin-ratings__rating-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .plugin-ratings.is-placeholder .plugin-ratings__rating-text:after {
    content: '\00a0'; }

.plugin-ratings.is-placeholder .rating {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.plugin-ratings__rating-stars {
  font-size: 24px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-stars {
      display: inline-block;
      margin-right: 8px; } }

.plugin-ratings__rating-text {
  font-size: 12px;
  color: #87a6bc;
  margin-bottom: 16px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-text {
      display: inline;
      line-height: 24px;
      vertical-align: top; } }

.plugin-ratings__rating-tier-text,
.plugin-ratings__downloads {
  font-size: 12px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden; }

.plugin-ratings__rating-tiers {
  display: table; }

.plugin-ratings__rating-container {
  display: table-row;
  width: 100%;
  line-height: 18px; }

.plugin-ratings__rating-tier-text {
  display: table-cell;
  padding-right: 16px; }

.plugin-ratings__downloads {
  margin-top: 16px; }

.plugin-ratings__bar {
  display: table-cell;
  width: 100%; }
  .plugin-ratings__bar .progress-bar {
    position: relative;
    border-radius: 0;
    height: 8px;
    background-color: #c8d7e1; }
  .plugin-ratings__bar .progress-bar__progress {
    border-radius: 0;
    background-color: #0068ff; }

.plugin-sections__content {
  position: relative; }

.plugin-sections__content.trimmed {
  overflow: hidden;
  max-height: 150px; }

.plugin-sections__content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.plugin-sections__content h1,
.plugin-sections__content h2,
.plugin-sections__content h3,
.plugin-sections__content h4,
.plugin-sections__content h5,
.plugin-sections__content h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px; }

.plugin-sections__content h1 {
  font-size: 32px; }

.plugin-sections__content h2 {
  font-size: 24px; }

.plugin-sections__content h3 {
  font-size: 21px; }

.plugin-sections__content li {
  margin-bottom: 8px; }

.plugin-sections__content a {
  word-break: break-all; }

.plugin-sections__content blockquote {
  padding: 10px;
  margin-bottom: 16px; }
  .plugin-sections__content blockquote p:last-child {
    margin-bottom: 0; }

.plugin-sections__content code {
  font-size: 14px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #f3f6f8; }

.plugin-sections__content > code {
  display: block;
  margin-bottom: 16px;
  padding: 8px;
  border-radius: 0; }

.plugin-sections__read-more {
  text-align: center; }

.plugin-sections__read-more-link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 16px;
  background: white;
  color: #87a6bc;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase; }
  .plugin-sections__read-more-link:focus .plugin-sections__read-more-text {
    color: #0087be;
    outline: solid #87a6bc 1px; }
  .plugin-sections__read-more-link:after {
    position: absolute;
    left: 0;
    bottom: 100%;
    content: '';
    width: 100%;
    height: 44px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.plugin-sections__read-more-text {
  padding: 8px; }
  .plugin-sections__read-more-text:before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -8px; }

.plugin-sections__header .card, .plugin-sections__header .editor-drawer-well__placeholder,
.plugin-sections__header > div {
  margin-bottom: 0; }

.plugin-site-network {
  padding: 8px;
  margin: 0; }
  .plugin-site-network .foldable-card__main {
    display: block; }
  .plugin-site-network.is-compact .foldable-card__header {
    padding: 16px; }
  .plugin-site-network.foldable-card.is-expanded .foldable-card__content {
    padding: 16px 16px 0px 16px; }
  .plugin-site-network.has-manage-error .foldable-card__action {
    width: inherit; }
  .plugin-site-network.has-manage-error .foldable-card__action {
    width: 100%; }
  .plugin-site-network .plugin-site__activate-manage {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .plugin-site-network .plugin-site__activate-manage button {
      line-height: 32px;
      margin-top: 0; }
  .plugin-site-network .plugin-action {
    padding: 8px; }
  .plugin-site-network .all-sites-icon {
    display: inline-block;
    margin: 0; }
  .plugin-site-network .plugin-install-button__install {
    top: 12px; }

.plugin-site-network__secondary-site.card.is-compact, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder {
  padding: 16px 0;
  box-shadow: none;
  border-top: 1px solid #f3f6f8; }
  .plugin-site-network__secondary-site.card.is-compact .site__info, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder .site__info {
    width: auto; }
  .plugin-site-network__secondary-site.card.is-compact .site__content, .plugin-site-network__secondary-site.is-compact.editor-drawer-well__placeholder .site__content {
    padding: 0; }

.plugin-site-network__secondary-site-actions {
  position: absolute;
  right: 0;
  top: 0;
  height: 56px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .plugin-site-network__secondary-site-actions .plugin-site-disabled-manage {
    right: 8px; }

.plugin-site-network__network_disabled {
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 16px;
  right: 8px; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage {
    right: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage__label {
    line-height: 1.6; }

.plugin-site__secondary-sites {
  padding-top: 16px; }

.plugin-site-network__header_info {
  display: inline-block; }

.foldable-card__action .plugin-site-network__network_disabled .plugin-site-disabled-manage {
  position: relative;
  line-height: 32px; }

.plugin-site-network .all-sites {
  width: auto;
  display: block;
  margin: -16px auto -16px -16px; }

.plugin-site-disabled-manage {
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  color: #87a6bc; }
  .plugin-site-disabled-manage .disconnect-jetpack-button {
    text-transform: uppercase; }
  @media (max-width: 480px) {
    .plugin-site-disabled-manage .disconnect-jetpack-button {
      position: absolute;
      top: 18px;
      right: 0; } }

.foldable-card__action .plugin-site-disabled-manage {
  position: inherit; }

.plugin-site-disabled-manage__label {
  margin-right: 8px; }
  @media (max-width: 480px) {
    .plugin-site-disabled-manage__label {
      display: none; } }

@media (max-width: 480px) {
  .plugin-site-disabled-manage__link {
    position: absolute;
    right: 0; } }

.plugin-site-jetpack {
  padding: 8px;
  margin: 0; }
  .plugin-site-jetpack .site-icon {
    display: inline-block;
    margin-right: 8px; }
  .plugin-site-jetpack.is-compact .foldable-card__header {
    padding: 16px; }
  .plugin-site-jetpack.has-manage-error .foldable-card__action {
    width: inherit; }
  .plugin-site-jetpack.has-manage-error .foldable-card__action {
    width: 100%; }
  .plugin-site-jetpack .plugin-site__activate-manage {
    position: absolute;
    right: 0;
    top: 0;
    margin: 8px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .plugin-site-jetpack .plugin-site__activate-manage button {
      line-height: 32px;
      margin-top: 0; }
  .plugin-site-jetpack .site__info {
    width: auto; }
  .plugin-site-jetpack .site__content {
    padding: 0; }
  .plugin-site-jetpack .plugin-activate-toggle__disabled,
  .plugin-site-jetpack .plugin-activate-toggle__link {
    margin-left: 12px; }

.plugin-site-jetpack__embed-action {
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.plugin-site-jetpack__automanage-notice {
  color: #87a6bc;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0; }

.plugin-site-update-indicator {
  line-height: 32px;
  vertical-align: bottom; }
  .plugin-site-update-indicator .gridicon {
    color: #f0b849; }

.plugin-site-update-indicator__button {
  margin-top: 8px;
  float: left; }

.plugin-install-button__install {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-install-button__install.embed {
    color: #87a6bc;
    height: 100%;
    position: initial;
    margin-right: 16px; }
  @media (max-width: 480px) {
    .plugin-install-button__install {
      position: relative; }
      .plugin-install-button__install.embed {
        position: absolute; }
      .plugin-install-button__install .button {
        width: 100%;
        text-align: center; } }
  .plugin-install-button__install .plugin-install-button__installing {
    font-size: 10px;
    color: #87a6bc;
    text-transform: uppercase;
    display: block; }
  .plugin-install-button__install.has-warning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between; }
    .plugin-install-button__install.has-warning a {
      font-size: 11px;
      text-transform: uppercase; }

.plugin-install-button__warning {
  margin-right: 8px;
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase;
  white-space: nowrap; }

.plugin-remove-button__remove {
  color: #87a6bc;
  font-size: 11px;
  line-height: 16px;
  margin-right: 10px;
  vertical-align: top;
  text-transform: uppercase;
  display: block; }

.plugin-remove-button__remove-link {
  margin-left: 12px; }

.plugin-meta__actions .plugin-remove-button__remove-link {
  margin-left: 0; }

.plugin-site__actions .plugin-remove-button__remove {
  margin-top: 0;
  padding: 16px; }

.plugin-remove-button__remove-icon {
  display: block;
  margin: -2px 3px 0; }
  .plugin-remove-button__remove-icon .gridicons-trash {
    color: #87a6bc;
    cursor: pointer; }
    .plugin-remove-button__remove-icon .gridicons-trash:hover {
      color: #d94f4f; }

.plugins-list {
  margin-bottom: 16px; }

.plugins-browser-item {
  border-left: 1px solid #e9eff3;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0;
  position: relative;
  overflow: hidden; }
  .plugins-browser-item.is-placeholder, .plugins-browser-item.is-empty {
    cursor: default; }
  .plugins-browser-item .plugins-browser-item__link {
    padding: 16px 16px 48px;
    display: block; }
  @media (min-width: 961px) {
    .plugins-browser-item {
      width: 33.33%; }
      .plugins-browser-item:nth-child(3n + 1) {
        border-left: 0; }
      .plugins-browser-item:nth-child(n + 4) {
        border-top: 1px solid #e9eff3; } }
  @media (max-width: 960px) {
    .plugins-browser-item {
      width: 100%; }
      .plugins-browser-item:nth-child(n + 2) {
        border-top: 1px solid #e9eff3; }
      .plugins-browser-item.is-empty {
        display: none; } }

.plugins-browser-item .plugin-icon {
  width: 48px;
  height: 48px; }
  .plugins-browser-item .plugin-icon.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.plugins-browser-item__info {
  overflow: hidden; }

.plugins-browser-item__title,
.plugins-browser-item__author {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 60px; }
  .is-placeholder .plugins-browser-item__title, .is-placeholder
  .plugins-browser-item__author {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.plugins-browser-item__title {
  color: #2e4453;
  font-weight: 600;
  font-size: 15px;
  margin-top: 3px; }

.plugins-browser-item__author {
  color: #87a6bc;
  font-size: 13px; }

.plugins-browser-item .plugin-icon.is-placeholder:before,
.plugins-browser-item .plugin-icon[style*='undefined']:before {
  width: 40px;
  height: 40px;
  font: normal 40px/40px Noticons; }

.plugins-browser-item .plugin-icon {
  margin-right: 0; }

.plugins-browser-item .rating {
  padding-top: 10px;
  position: absolute;
  bottom: 16px;
  left: 16px; }

.plugins-browser-item__installed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #4ab866;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-animation: appear .15s ease-in;
          animation: appear .15s ease-in; }
  .plugins-browser-item__installed .gridicon {
    margin-right: 3px; }

.plugins-browser-list {
  margin: 24px 0;
  background: white;
  box-shadow: 0 1px 2px #e9eff3; }
  .feature-example .plugins-browser-list {
    margin: 0 0; }

.plugins-browser-list__header {
  background: #f3f6f8;
  border-bottom: 1px solid #e9eff3;
  overflow: hidden; }

.button.plugins-browser-list__select-all,
.plugins-browser-list__title {
  display: inline-block;
  padding: 6px 0px 7px;
  color: #87a6bc;
  font-size: 11px;
  line-height: 1.6;
  text-transform: uppercase; }
  .button.plugins-browser-list__select-all.is-expanded,
  .plugins-browser-list__title.is-expanded {
    padding-left: 24px;
    padding-right: 24px; }
  .button.plugins-browser-list__select-all .gridicon,
  .plugins-browser-list__title .gridicon {
    float: right;
    top: 2px;
    margin-left: 3px; }

.button.plugins-browser-list__select-all {
  float: right; }

.plugins-browser-list__elements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0; }

.plugins-browser__main-header .search {
  position: relative; }

@media (max-width: 660px) {
  .plugins-browser__main-header {
    margin-top: 2em; } }

@media (max-width: 660px) {
  .plugins-browser .section-nav {
    margin-top: 2em; } }

.wpcom-plugins__standard-panel.is-compact,
.wpcom-plugins__premium-panel,
.wpcom-plugins__business-panel {
  padding: 0; }

.wpcom-plugins__premium-panel.is-disabled .wpcom-plugins__plugin-item,
.wpcom-plugins__business-panel.is-disabled .wpcom-plugins__plugin-item {
  opacity: 0.5; }

.wpcom-plugins__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.wpcom-plugins__plugin-item {
  list-style: none;
  box-sizing: border-box;
  padding: 16px;
  border-bottom: 1px solid #c8d7e1;
  width: 100%; }
  .wpcom-plugins__plugin-item:last-child {
    border-bottom: none; }
  @media (min-width: 961px) {
    .wpcom-plugins__plugin-item {
      width: 33.33%;
      border-right: 1px solid #c8d7e1; } }

@media (min-width: 961px) {
  .wpcom-plugins__plugin-item:nth-child(3n+3) {
    border-right: none; } }

@media (min-width: 961px) {
  .wpcom-plugins__plugin-item:nth-last-child(-n+3) {
    border-bottom: none; } }

.wpcom-plugins__business-panel .wpcom-plugins__plugin-item {
  width: 100%; }
  .wpcom-plugins__business-panel .wpcom-plugins__plugin-item:last-child {
    border-right: none; }
  @media (min-width: 961px) {
    .wpcom-plugins__business-panel .wpcom-plugins__plugin-item {
      width: 50%;
      border-right: 1px solid #c8d7e1; } }

.wpcom-plugins__plugin-item a {
  color: #2e4453; }

.wpcom-plugins__plugin-icon {
  width: 40px;
  height: 40px;
  background: #a8bece;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.wpcom-plugins__plugin-icon .gridicon {
  fill: white; }

.wpcom-plugins__plugin-icon .gridicons-checkmark-circle {
  position: absolute;
  bottom: -5px;
  right: -8px;
  border-radius: 100%;
  fill: #4ab866;
  background: white; }

.wpcom-plugins__plugin-title,
.wpcom-plugins__plugin-category,
.wpcom-plugins__plugin-plan {
  margin-left: 52px; }

.wpcom-plugins__plugin-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4; }

.wpcom-plugins__plugin-category,
.wpcom-plugins__plugin-plan {
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase; }

.wpcom-plugins__plugin-description {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0; }

.plugins-wpcom__panel button.is-active-plugin {
  color: #4ab866;
  cursor: default; }
  .plugins-wpcom__panel button.is-active-plugin:hover, .plugins-wpcom__panel button.is-active-plugin:focus {
    color: #4ab866; }

.wpcom-plugins-expanded .section-header {
  border-bottom: none; }

.wpcom-plugin-panel__panel-footer {
  padding-top: 14px;
  padding-bottom: 14px; }

.plugins-wpcom__header.card.is-compact, .plugins-wpcom__header.is-compact.editor-drawer-well__placeholder {
  overflow: hidden;
  padding: 0;
  position: relative; }

.plugins-wpcom__header-image {
  display: block; }
  @media (min-width: 961px) {
    .plugins-wpcom__header-image {
      max-width: none;
      margin-left: -22%; } }

.plugins-wpcom__panel .notice {
  margin: 0; }

.plugins-wpcom__header-text {
  width: 100%;
  padding: 16px 24px; }
  @media (min-width: 961px) {
    .plugins-wpcom__header-text {
      text-align: center;
      padding: 0;
      position: absolute;
      top: 10%; } }

.plugins-wpcom__header-title {
  color: #2e4453;
  font-size: 19px;
  font-weight: 300;
  display: block;
  margin-bottom: 20px; }
  .plugins-wpcom__header-title::after {
    content: '';
    display: block;
    border-bottom: 1px solid #c8d7e1;
    width: 60px;
    position: absolute;
    left: 24px;
    margin: 8px 0 0; }
    @media (min-width: 961px) {
      .plugins-wpcom__header-title::after {
        left: 50%;
        margin-left: -30px; } }

.plugins-wpcom__header-subtitle {
  background: white;
  color: #87a6bc;
  font-size: 13px;
  font-weight: 300;
  display: block;
  width: 300px; }
  @media (min-width: 961px) {
    .plugins-wpcom__header-subtitle {
      margin: 0 auto; } }

.plugins-wpcom__empty-results {
  padding: 11px 16px; }

.plugins-wpcom__jetpack-plugin-item.card, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0; }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-link, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-link {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 14px;
    padding: 16px 0 16px 16px;
    overflow: hidden; }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-name, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-name {
    color: #2e4453;
    display: block;
    line-height: 21px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: pre; }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-description, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-description {
    color: #87a6bc;
    font-size: 12px;
    padding: 2px 0; }
    @media (min-width: 481px) {
      .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-description, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-description {
        font-size: 14px; } }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-actions, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-actions {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding: 16px;
    text-align: right; }
    @media (min-width: 481px) {
      .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-actions, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-actions {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; } }
    @media (min-width: 661px) {
      .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__plugin-actions, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__plugin-actions {
        padding-right: 24px;
        padding-left: 24px; } }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-premium-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-premium-plugin,
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-business-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-business-plugin {
    display: block; }
    @media (min-width: 481px) {
      .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-premium-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-premium-plugin,
      .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-business-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-business-plugin {
        display: inline-block;
        margin-left: 10px; } }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-premium-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-premium-plugin {
    color: #4ab866; }
  .plugins-wpcom__jetpack-plugin-item.card .plugins-wpcom__is-business-plugin, .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder .plugins-wpcom__is-business-plugin {
    color: #855DA6; }

.plugins-wpcom__jetpack-main-plugin.card .plugins-wpcom__plugin-link, .plugins-wpcom__jetpack-main-plugin.editor-drawer-well__placeholder .plugins-wpcom__plugin-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 16px 16px; }
  @media (min-width: 661px) {
    .plugins-wpcom__jetpack-main-plugin.card .plugins-wpcom__plugin-link, .plugins-wpcom__jetpack-main-plugin.editor-drawer-well__placeholder .plugins-wpcom__plugin-link {
      padding: 24px 0 24px 24px; } }
  .plugins-wpcom__jetpack-main-plugin.card .plugins-wpcom__plugin-link .plugin-icon, .plugins-wpcom__jetpack-main-plugin.editor-drawer-well__placeholder .plugins-wpcom__plugin-link .plugin-icon {
    float: none;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .plugins-wpcom__jetpack-main-plugin.card .plugins-wpcom__plugin-link .plugins-wpcom__plugin-content, .plugins-wpcom__jetpack-main-plugin.editor-drawer-well__placeholder .plugins-wpcom__plugin-link .plugins-wpcom__plugin-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden; }

@media (min-width: 481px) {
  .plugins-wpcom__jetpack-main-plugin.card .plugins-wpcom__plugin-name, .plugins-wpcom__jetpack-main-plugin.editor-drawer-well__placeholder .plugins-wpcom__plugin-name {
    font-size: 24px;
    font-weight: 700;
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
    line-height: 32px; } }

.plugins-wpcom__jetpack-plugins-list.card, .plugins-wpcom__jetpack-plugins-list.editor-drawer-well__placeholder {
  padding: 0; }
  .plugins-wpcom__jetpack-plugins-list.card .plugins-wpcom__jetpack-plugin-item.card:hover, .plugins-wpcom__jetpack-plugins-list.editor-drawer-well__placeholder .plugins-wpcom__jetpack-plugin-item.card:hover, .plugins-wpcom__jetpack-plugins-list.card .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder:hover, .plugins-wpcom__jetpack-plugins-list.editor-drawer-well__placeholder .plugins-wpcom__jetpack-plugin-item.editor-drawer-well__placeholder:hover {
    box-shadow: 0 0 0 1px #87a6bc; }
  @media (min-width: 481px) {
    .plugins-wpcom__jetpack-plugins-list.card .plugins-wpcom__plugin-name, .plugins-wpcom__jetpack-plugins-list.editor-drawer-well__placeholder .plugins-wpcom__plugin-name {
      font-size: 18px; } }

.plugins-wpcom__jetpack-category-header.card, .plugins-wpcom__jetpack-category-header.editor-drawer-well__placeholder {
  color: #87a6bc;
  font-size: 14px;
  line-height: 15px;
  padding-bottom: 11px;
  padding-left: 50px;
  padding-top: 11px;
  position: relative; }
  @media (min-width: 481px) {
    .plugins-wpcom__jetpack-category-header.card, .plugins-wpcom__jetpack-category-header.editor-drawer-well__placeholder {
      line-height: 25px;
      padding-left: 60px; } }
  .plugins-wpcom__jetpack-category-header.card .gridicon, .plugins-wpcom__jetpack-category-header.editor-drawer-well__placeholder .gridicon {
    height: 24px;
    left: 16px;
    position: absolute;
    top: 6px;
    width: 24px; }
    @media (min-width: 481px) {
      .plugins-wpcom__jetpack-category-header.card .gridicon, .plugins-wpcom__jetpack-category-header.editor-drawer-well__placeholder .gridicon {
        left: 24px;
        top: 11px; } }

.foldable-card.sharing-service .sharing-service__logo {
  float: left;
  margin-right: 8px; }

.foldable-card.sharing-service.facebook h2,
.foldable-card.sharing-service.facebook .sharing-service__logo {
  color: #39579a; }

.foldable-card.sharing-service.twitter h2,
.foldable-card.sharing-service.twitter .sharing-service__logo {
  color: #55ACEE; }

.foldable-card.sharing-service.google_plus h2,
.foldable-card.sharing-service.google_plus .sharing-service__logo {
  color: #df4a32; }

.foldable-card.sharing-service.linkedin h2,
.foldable-card.sharing-service.linkedin .sharing-service__logo {
  color: #0976b4; }

.foldable-card.sharing-service.tumblr h2,
.foldable-card.sharing-service.tumblr .sharing-service__logo {
  color: #35465c; }

.foldable-card.sharing-service.path h2,
.foldable-card.sharing-service.path .sharing-service__logo {
  color: #df3b2f; }

.foldable-card.sharing-service.eventbrite h2,
.foldable-card.sharing-service.eventbrite .sharing-service__logo {
  color: #ff8000; }

.foldable-card.sharing-service .sharing-service__name {
  float: left; }

@media (max-width: 660px) {
  .foldable-card.sharing-service .sharing-service__name {
    margin-top: 12px; } }

.sharing-settings label label {
  margin: 0; }

.sharing-settings select {
  font-size: 18px; }

.sharing-settings input[type='number'] {
  width: 50px;
  height: 20px;
  padding: 0 0 1px 2px; }

.sharing-settings h4 {
  font-size: 18px;
  margin-bottom: 0.5em; }

@media (max-width: 480px) {
  .sharing-settings {
    padding: 0 0.25em; } }

@media (max-width: 480px) {
  .sharing-settings.sharing-connections {
    padding: 16px 0; } }

.sharing-settings.sharing-connections .sharing-service-example {
  display: inline-block;
  vertical-align: top;
  width: 48%; }
  @media (max-width: 660px) {
    .sharing-settings.sharing-connections .sharing-service-example {
      display: block;
      width: 100%;
      margin: 20px 0;
      padding: 0; } }
  .sharing-settings.sharing-connections .sharing-service-example:first-child {
    padding-right: 4%; }
    @media (max-width: 660px) {
      .sharing-settings.sharing-connections .sharing-service-example:first-child {
        border-bottom: 1px solid #e9eff3;
        padding-bottom: 10px; } }
    @media (max-width: 480px) {
      .sharing-settings.sharing-connections .sharing-service-example:first-child {
        margin-bottom: 16px;
        padding: 0 0 16px 0; } }
  .sharing-settings.sharing-connections .sharing-service-example.is-single {
    width: 100%; }

.sharing-settings.sharing-connections .sharing-service-example-screenshot {
  border: 1px solid #e9eff3; }
  .sharing-settings.sharing-connections .sharing-service-example-screenshot img {
    vertical-align: top; }

.sharing-settings.sharing-connections .sharing-service-example-screenshot-label {
  margin-top: 10px; }

.sharing-settings.sharing-connections .sharing-service-tip {
  margin-top: 16px;
  font-size: 14px;
  color: #668eaa; }
  .sharing-settings.sharing-connections .sharing-service-tip .gridicons-info {
    margin-right: 3px;
    vertical-align: text-bottom; }

.sharing-settings.sharing-connections .sharing-service-tip:empty {
  display: none; }

.sharing-settings.sharing-connections .sharing-service {
  position: relative;
  overflow: hidden;
  background: white; }
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-examples {
    display: block; }
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-accounts-detail,
  .sharing-settings.sharing-connections .sharing-service.not-connected .sharing-service-tip {
    display: none; }

.sharing-settings.sharing-connections .sharing-service-examples {
  display: none; }

.sharing-settings.sharing-connections .sharing-service-accounts-detail h2 {
  font-size: 1.2em; }

.sharing-settings.sharing-connections .sharing-service-accounts-detail .new-account {
  padding-bottom: 0.48em;
  background: white; }
  #content .sharing-settings.sharing-connections .sharing-service-accounts-detail .new-account {
    font-size: 0.9em; }

.sharing-settings.sharing-connections .sharing-service-connected-accounts {
  margin-left: 0;
  margin-bottom: 8px; }

.sharing-service-action {
  position: absolute;
  right: 64px;
  top: 26px; }
  @media (max-width: 660px) {
    .sharing-service-action {
      right: 10px;
      top: 15px; } }
  @media (max-width: 480px) {
    .sharing-service-action {
      top: 11px; } }
  .sharing-service-action.is-warning {
    background: #efb23b;
    border-color: #eca61a;
    color: white; }
    .sharing-service-action.is-warning:hover {
      border-color: #da9712; }
    .sharing-service-action.is-warning:focus {
      border-color: #da9712; }
    .sharing-service-action.is-warning[disabled] {
      background: #f5ce82 !important;
      color: white !important;
      border-color: #f3c76f !important; }

.sharing-service__content {
  position: relative; }
  .sharing-service__content.is-placeholder {
    height: 180px; }
  .sharing-service__content.is-placeholder::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-service.is-open .sharing-service__content {
  display: block; }

.sharing-service__overview {
  padding: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.sharing-service__overview:hover .sharing-service__content-toggle {
  color: #0068ff; }

.sharing-service__icon {
  float: left;
  height: 42px;
  padding-top: 10px;
  margin: 0 15px 0 0;
  text-align: center;
  width: 50px;
  border-radius: 4px; }
  @media (max-width: 660px) {
    .sharing-service__icon {
      height: 21px;
      padding-top: 5px;
      margin: 2px 8px 0 32px;
      width: 25px; } }

.sharing-service__glyph.noticon {
  color: white;
  font-size: 32px;
  margin: 0;
  line-height: 1;
  width: auto;
  height: auto; }
  @media (max-width: 660px) {
    .sharing-service__glyph.noticon {
      font-size: 16px; } }

.sharing-service.facebook .sharing-service__icon {
  background: #39579a; }

.sharing-service.facebook .sharing-service__name {
  color: #39579a; }

.sharing-connection__account-avatar.is-fallback.facebook {
  background-color: #39579a; }

.sharing-service.twitter .sharing-service__icon {
  background: #55ACEE; }

.sharing-service.twitter .sharing-service__name {
  color: #55ACEE; }

.sharing-connection__account-avatar.is-fallback.twitter {
  background-color: #55ACEE; }

.sharing-service.google_plus .sharing-service__icon {
  background: #df4a32; }

.sharing-service.google_plus .sharing-service__name {
  color: #df4a32; }

.sharing-connection__account-avatar.is-fallback.google_plus {
  background-color: #df4a32; }

.sharing-service.tumblr .sharing-service__icon {
  background: #35465c; }

.sharing-service.tumblr .sharing-service__name {
  color: #35465c; }

.sharing-connection__account-avatar.is-fallback.tumblr {
  background-color: #35465c; }

.sharing-service.linkedin .sharing-service__icon {
  background: #0976b4; }

.sharing-service.linkedin .sharing-service__name {
  color: #0976b4; }

.sharing-connection__account-avatar.is-fallback.linkedin {
  background-color: #0976b4; }

.sharing-service.path .sharing-service__icon {
  background: #df3b2f; }

.sharing-service.path .sharing-service__name {
  color: #df3b2f; }

.sharing-connection__account-avatar.is-fallback.path {
  background-color: #df3b2f; }

.sharing-service.instagram .sharing-service__icon {
  background: #d93174; }

.sharing-service.instagram .sharing-service__name {
  color: #d93174; }

.sharing-connection__account-avatar.is-fallback.instagram {
  background-color: #d93174; }

.sharing-service.eventbrite .sharing-service__icon {
  background: #ff8000; }

.sharing-service.eventbrite .sharing-service__name {
  color: #ff8000; }

.sharing-connection__account-avatar.is-fallback.eventbrite {
  background-color: #ff8000; }

.sharing-service__name {
  clear: none; }

.sharing-service__description {
  margin: 0;
  color: #4f748e;
  font-size: 14px; }
  @media (max-width: 480px) {
    .sharing-service__description {
      display: none; } }

.sharing-service.connected .sharing-service__description {
  font-style: italic; }

.sharing-service.reconnect .sharing-service__description {
  font-weight: bold; }

.sharing-service__content-toggle {
  position: absolute;
  right: 16px;
  top: 30px;
  font-size: 22px;
  color: #aeb8be; }
  @media (max-width: 480px) {
    .sharing-service__content-toggle {
      left: 14px;
      top: 20px; } }

.sharing-service.is-placeholder .gridicons-share,
.sharing-service.is-placeholder .sharing-service__name,
.sharing-service.is-placeholder .sharing-service__description {
  background-color: #e9eff3;
  color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-service.is-placeholder .sharing-service__name {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 22px;
  width: 20%;
  position: absolute;
  left: 80px; }
  @media (max-width: 660px) {
    .sharing-service.is-placeholder .sharing-service__name {
      width: 30%; } }

.sharing-service.is-placeholder .sharing-service__description {
  margin-top: 8px;
  margin-bottom: 2px;
  height: 16px;
  width: 150%;
  position: absolute;
  left: 0px;
  top: 16px; }

.sharing-connection {
  position: relative;
  background: transparent;
  box-shadow: none;
  list-style-type: none;
  margin-bottom: 0;
  padding: 8px 0; }
  .sharing-connection.disabled {
    opacity: 0.4; }

.sharing-connection__account-avatar {
  position: absolute;
  left: 5px;
  top: 8px;
  height: 36px;
  width: 36px;
  border: 1px solid #f3f6f8;
  color: white; }
  .sharing-connection__account-avatar.is-fallback::before {
    font-size: 40px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none; }

.sharing-connection__account-status {
  padding: 10px 90px 10px 56px; }
  .sharing-connection__account-status.is-shareable {
    padding-top: 0;
    padding-bottom: 0; }
  @media (max-width: 480px) {
    .sharing-connection__account-status {
      padding-right: 0; } }

.sharing-service.reconnect .sharing-connection__account-status {
  padding-right: 200px; }
  @media (max-width: 480px) {
    .sharing-service.reconnect .sharing-connection__account-status {
      padding-right: 0; } }

.sharing-connection__account-name {
  font-weight: 600; }

.sharing-connection__keyring-user {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #87a6bc; }

.sharing-connection__account-sitewide-connection {
  display: block; }

.sharing-connection__account-sitewide-connection input[type="checkbox"] {
  margin-top: 3px; }

.sharing-connection.disabled .sharing-connection__account-action {
  cursor: default;
  cursor: progress; }

.sharing-connection__account-actions {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -16px; }
  @media (max-width: 480px) {
    .sharing-connection__account-actions {
      position: static;
      margin-top: 4px;
      text-align: right; } }

.sharing-connection__account-action {
  display: inline-block;
  padding: 8px 10px;
  cursor: pointer;
  line-height: 16px; }

.sharing-connection__account-action.reconnect {
  color: #f0b849; }
  .sharing-connection__account-action.reconnect:before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 8px; }

.sharing-connection.disabled .sharing-connection__account-action {
  cursor: default;
  cursor: progress; }

.sharing-settings.sharing-buttons .sharing-button-styles {
  box-shadow: 0 -2px 0 #e9eff3 inset;
  padding-bottom: 0.5em; }

.sharing-settings.sharing-buttons .official-preview {
  vertical-align: top; }

.sharing-settings.sharing-buttons .add-new-service,
.sharing-settings.sharing-buttons .sharing-buttons-add,
.sharing-settings.sharing-buttons .sharing-buttons-add-save,
.sharing-settings.sharing-buttons .sharing-buttons-add-cancel {
  cursor: pointer; }

.sharing-settings.sharing-buttons .sharing-buttons-add {
  float: right; }
  .sharing-settings.sharing-buttons .sharing-buttons-add .noticon {
    font-size: 32px;
    margin: 7px -18px -2px 0 /*rtl:ignore*/; }
  .sharing-settings.sharing-buttons .sharing-buttons-add.inactive {
    opacity: 0.3; }

.sharing-buttons__submit {
  float: right; }

@media (max-width: 480px) {
  .sharing-buttons-tray__buttons {
    margin-right: -16px; } }

.sharing-buttons-preview-buttons__more {
  position: absolute;
  z-index: 1000;
  max-width: 400px;
  margin-top: -4px;
  padding-top: 12px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 50% 6px;
          transform-origin: 50% 6px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .sharing-buttons-preview-buttons__more.is-visible {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.sharing-buttons-preview-buttons__more-inner {
  min-width: 68px;
  min-height: 34px;
  padding: 10px 0 2px 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

.sharing-buttons-preview-buttons__more-inner .sharing-buttons-preview-button,
.sharing-buttons-preview-buttons__more-inner .sharing-buttons-preview-button.style-icon {
  margin-top: 0;
  margin-bottom: 8px; }

.sharing-buttons-preview-buttons__more::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 20px /*rtl:ignore*/;
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: white;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc /*rtl:ignore*/; }

.sharing-buttons__panel {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 24px;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .sharing-buttons__panel:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.sharing-buttons__fieldset-group {
  margin: 0 -3%; }
  .sharing-buttons__fieldset-group:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 660px) {
    .sharing-buttons__fieldset-group {
      margin: 0; } }

.sharing-buttons__fieldset {
  float: left;
  display: block;
  width: 50%;
  padding: 0 3%;
  margin-bottom: 20px; }
  @media (max-width: 660px) {
    .sharing-buttons__fieldset {
      width: 100%;
      padding: 0; } }

.sharing-buttons__fieldset input[type="radio"],
.sharing-buttons__fieldset input[type="checkbox"] {
  margin-right: 8px; }

.sharing-buttons__fieldset label {
  display: block;
  cursor: pointer; }

.sharing-buttons__fieldset-heading {
  margin-bottom: 5px;
  font-weight: 600; }

.sharing-buttons__fieldset-detail {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  font-style: italic;
  color: #87a6bc; }

.sharing-buttons-preview {
  position: relative;
  margin: 20px 0; }

.sharing-buttons-preview__reblog-like {
  margin: 14px 0; }

.sharing-buttons-preview__reblog-like .sharing-buttons-preview-button {
  margin: 0 1em 3px 0; }

.sharing-buttons-preview__reblog,
.sharing-buttons-preview__like {
  padding: 1px 8px 0px 5px;
  line-height: 25px; }
  .sharing-buttons-preview__reblog:before,
  .sharing-buttons-preview__like:before {
    display: none; }
  .sharing-buttons-preview__reblog:hover,
  .sharing-buttons-preview__like:hover {
    color: #777; }

.sharing-buttons-preview__reblog .noticon,
.sharing-buttons-preview__like .noticon {
  vertical-align: top;
  margin: 3px 4px 0 0;
  color: #0068ff; }

.sharing-buttons-preview__like .noticon {
  margin: 3px 2px 0 -1px; }

.sharing-buttons-preview__fake-user {
  border: 1px solid #c8d7e1;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 1;
  vertical-align: top; }

.sharing-buttons-preview__fake-like {
  color: #668eaa;
  font-size: 11px;
  font-weight: 300; }

.sharing-buttons-preview .sortable-list__navigation {
  margin-right: 16px; }

.sharing-buttons-preview-action {
  position: relative;
  overflow: visible;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  padding: 8px;
  cursor: pointer;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04);
  background-color: white;
  color: #0087be; }
  @media (max-width: 480px) {
    .sharing-buttons-preview-action {
      padding-right: 0; } }
  .sharing-buttons-preview-action:hover {
    color: #0068ff; }
  .sharing-buttons-preview-action.is-active {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .sharing-buttons-preview-action.is-edit::before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 4px; }
  .sharing-buttons-preview-action:disabled {
    cursor: default;
    border-color: #e9eff3;
    color: #e9eff3; }
  .sharing-buttons-preview-action.is-add::before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    margin-right: 4px; }
  .sharing-buttons-preview-action.is-top::after, .sharing-buttons-preview-action.is-bottom::after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #c8d7e1;
    background-color: white;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sharing-buttons-preview-action:disabled.is-top::after, .sharing-buttons-preview-action:disabled.is-bottom::after {
    border-color: #e9eff3; }
  .sharing-buttons-preview-action.is-top {
    margin-bottom: 14px; }
  .sharing-buttons-preview-action.is-bottom {
    margin-top: 14px; }
    @media (max-width: 480px) {
      .sharing-buttons-preview-action.is-bottom {
        margin: 14px 1% 0; } }
  .sharing-buttons-preview-action.is-top::after {
    bottom: -7px;
    border-top-width: 0;
    border-left-width: 0; }
  .sharing-buttons-preview-action.is-bottom::after {
    top: -7px;
    border-right-width: 0;
    border-bottom-width: 0; }
  .sharing-buttons-preview-action.is-left::after {
    left: 30px; }
  .sharing-buttons-preview-action.is-right::after {
    right: 15px; }

.sharing-buttons-preview-action .gridicon {
  margin-right: 5px; }

@media (max-width: 480px) {
  .sharing-buttons-preview__button-tray-actions {
    margin: 0 -6%; } }

.sharing-buttons-preview-action + .sharing-buttons-preview-action {
  margin-left: 8px; }
  @media (max-width: 480px) {
    .sharing-buttons-preview-action + .sharing-buttons-preview-action {
      margin-left: 1%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action:last-child {
    width: 46%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action {
    width: 50%; } }

@media (max-width: 480px) {
  .sharing-buttons-preview-action::before {
    float: left;
    margin: 6px 6px 0 0; } }

.sharing-buttons-preview__display {
  padding: 10px 20px;
  border: 1px solid #e9eff3;
  box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.05); }

.sharing-buttons-preview__heading {
  margin: 0;
  padding: 8px 0;
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #87a6bc; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__label,
.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__buttons {
  display: block;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.sharing-buttons-preview__label {
  display: block;
  margin: 8px 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  color: #767676; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__label {
  height: 13px;
  width: 80px; }

.sharing-buttons-preview__buttons {
  margin-top: 0.25em; }

.sharing-buttons-preview.is-placeholder .sharing-buttons-preview__buttons {
  height: 26px;
  width: 75%;
  margin-bottom: 16px; }

.sharing-buttons-preview-button {
  display: inline-block;
  margin: 8px 8px 0 0;
  cursor: default;
  font-size: 12px;
  border-radius: 3px;
  color: #777;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  line-height: 23px;
  padding: 1px 8px 0px 5px; }
  .sharing-buttons-preview-button.style-icon {
    border-radius: 50%;
    border: 0;
    box-shadow: none;
    padding: 7px;
    position: relative;
    top: -2px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-bottom: 0; }
  .sharing-buttons-preview-button.style-icon.is-custom {
    padding: 8px;
    top: 2px; }

.sharing-buttons-preview__display .sharing-buttons-preview-button {
  display: none; }
  .sharing-buttons-preview__display .sharing-buttons-preview-button.is-enabled {
    display: inline-block; }

.style-text .social-logo,
.style-text .sharing-buttons-preview-button__custom-icon,
.style-icon .sharing-buttons-preview-button__service {
  display: none; }

.sharing-buttons-preview-button__service {
  line-height: 23px;
  margin-left: 3px; }

.sharing-buttons-preview-button.style-icon .sharing-buttons-preview-button__service {
  line-height: 1; }

.sharing-buttons-preview-button .social-logo {
  vertical-align: top;
  position: relative;
  top: 2px;
  text-align: center; }

.sharing-buttons-preview-button.style-icon .social-logo {
  top: 0;
  color: white; }

.sharing-buttons-preview-button.style-icon.share-email .social-logo,
.sharing-buttons-preview-button.style-icon.share-print .social-logo {
  color: #777; }

.sharing-buttons-preview-button__custom-icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%; }

.sharing-buttons-preview-button.style-icon.share-facebook {
  background: #39579a; }
  .sharing-buttons-preview-button.style-icon.share-facebook:hover {
    background: rgba(57, 87, 154, 0.9); }

.sharing-buttons-preview-button.style-icon.share-twitter {
  background: #55ACEE; }
  .sharing-buttons-preview-button.style-icon.share-twitter:hover {
    background: rgba(85, 172, 238, 0.9); }

.sharing-buttons-preview-button.style-icon.share-press-this {
  background: #0087be; }
  .sharing-buttons-preview-button.style-icon.share-press-this:hover {
    background: rgba(0, 135, 190, 0.9); }

.sharing-buttons-preview-button.style-icon.share-path {
  background: #df3b2f; }
  .sharing-buttons-preview-button.style-icon.share-path:hover {
    background: rgba(223, 59, 47, 0.9); }

.sharing-buttons-preview-button.style-icon.share-google-plus-1 {
  background: #df4a32; }
  .sharing-buttons-preview-button.style-icon.share-google-plus-1:hover {
    background: rgba(223, 74, 50, 0.9); }

.sharing-buttons-preview-button.style-icon.share-instagram {
  background: #d93174; }
  .sharing-buttons-preview-button.style-icon.share-instagram:hover {
    background: rgba(217, 49, 116, 0.9); }

.sharing-buttons-preview-button.style-icon.share-eventbrite {
  background: #ff8000; }
  .sharing-buttons-preview-button.style-icon.share-eventbrite:hover {
    background: rgba(255, 128, 0, 0.9); }

.sharing-buttons-preview-button.style-icon.share-linkedin {
  background: #0976b4; }
  .sharing-buttons-preview-button.style-icon.share-linkedin:hover {
    background: rgba(9, 118, 180, 0.9); }

.sharing-buttons-preview-button.style-icon.share-stumbleupon {
  background: #eb4924; }
  .sharing-buttons-preview-button.style-icon.share-stumbleupon:hover {
    background: rgba(235, 73, 36, 0.9); }

.sharing-buttons-preview-button.style-icon.share-tumblr {
  background: #35465c; }
  .sharing-buttons-preview-button.style-icon.share-tumblr:hover {
    background: rgba(53, 70, 92, 0.9); }

.sharing-buttons-preview-button.style-icon.share-reddit {
  background: #5f99cf; }
  .sharing-buttons-preview-button.style-icon.share-reddit:hover {
    background: rgba(95, 153, 207, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pinterest {
  background: #cc2127; }
  .sharing-buttons-preview-button.style-icon.share-pinterest:hover {
    background: rgba(204, 33, 39, 0.9); }

.sharing-buttons-preview-button.style-icon.share-pocket {
  background: #ee4256; }
  .sharing-buttons-preview-button.style-icon.share-pocket:hover {
    background: rgba(238, 66, 86, 0.9); }

.sharing-buttons-preview-button.style-icon.share-email {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-email:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-print {
  background: #f8f8f8; }
  .sharing-buttons-preview-button.style-icon.share-print:hover {
    background: rgba(248, 248, 248, 0.9); }

.sharing-buttons-preview-button.style-icon.share-skype {
  background: #00AFF0; }
  .sharing-buttons-preview-button.style-icon.share-skype:hover {
    background: rgba(0, 175, 240, 0.9); }

.sharing-buttons-preview-button.style-icon.share-telegram {
  background: #0088cc; }
  .sharing-buttons-preview-button.style-icon.share-telegram:hover {
    background: rgba(0, 136, 204, 0.9); }

.sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp {
  background: #43d854; }
  .sharing-buttons-preview-button.style-icon.share-jetpack-whatsapp:hover {
    background: rgba(67, 216, 84, 0.9); }

.sharing-buttons-preview__panel {
  position: relative;
  display: none;
  background: white;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04); }
  .sharing-buttons-preview__panel::before {
    content: '';
    position: absolute;
    border: 1px solid #c8d7e1;
    border-right-width: 0 /*rtl:ignore*/;
    border-bottom-width: 0;
    background: white;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sharing-buttons-preview__panel.is-top {
    margin: 0 0 14px; }
  .sharing-buttons-preview__panel.is-top::before {
    bottom: -7px;
    left: 30px;
    border-width: 0 1px 1px 0 /*rtl:ignore*/; }
  .sharing-buttons-preview__panel.is-bottom {
    margin: 14px 0 0; }
    @media (max-width: 480px) {
      .sharing-buttons-preview__panel.is-bottom {
        margin: 15px -8px 0 -8px; } }
  .sharing-buttons-preview__panel.is-bottom::before {
    top: -7px;
    left: 30px; }
  .sharing-buttons-preview__panel.is-active {
    display: block; }
  .sharing-buttons-preview__panel.buttons-hidden::before {
    left: 208px; }

.sharing-buttons-preview__panel-content {
  padding: 16px; }

.sharing-buttons-preview__panel-heading {
  font-size: 20px;
  font-weight: normal;
  color: #2e4453; }

.sharing-buttons-preview__panel-instructions,
.sharing-buttons-preview__panel-notice {
  display: block;
  color: #87a6bc;
  margin: 8px 0; }

.touch .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context, .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: none; }

.touch .sharing-buttons-preview__panel-instruction-text.is-touch-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context {
  display: inline; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-context, .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-reorder-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-touch-context,
.touch .sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview__panel-instruction-text.is-notouch-reorder-context {
  display: none; }

.sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
  margin-top: 8px;
  cursor: pointer; }
  @media (max-width: 480px) {
    .sharing-buttons-preview__panel-content .sharing-buttons-preview-button {
      margin: 18px 18px 0 0; } }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.style-icon:hover {
    border: none;
    opacity: .6; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled {
    opacity: .3; }
  .sharing-buttons-preview__panel-content .sharing-buttons-preview-button.is-enabled.style-icon {
    opacity: .2; }

.sharing-buttons-preview__panel.is-reordering .sharing-buttons-preview-button.is-enabled {
  opacity: 1; }

.sharing-buttons-preview__panel.is-reordering .sortable-list__item.is-draggable.is-active .sharing-buttons-preview-button {
  margin: 0; }

.sharing-buttons-preview__panel-actions {
  padding: 10px 20px;
  text-align: right;
  border-top: 1px solid #e9eff3; }

.sharing-buttons-preview__panel-action {
  margin-left: 10px; }
  .sharing-buttons-preview__panel-action.is-left {
    float: left;
    margin-left: 0;
    margin-right: 10px; }

.sharing-buttons-label-editor__input {
  max-width: 300px; }

@media (max-width: 660px) {
  .right-column {
    box-sizing: border-box; }
  .sharing-content .new-account {
    margin-left: 10px; } }

.account-dialog.dialog {
  max-width: 520px; }

.account-dialog__authorizing-service {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 8px;
  color: #2e4453; }

.account-dialog__connected-accounts {
  overflow: hidden;
  margin-bottom: 10px; }

.account-dialog__connected-accounts-heading {
  position: relative;
  overflow: hidden;
  margin: 14px 0;
  padding: 2px 0 2px;
  font-size: 10px;
  text-transform: uppercase;
  color: #87a6bc; }
  .account-dialog__connected-accounts-heading::after {
    content: '';
    position: absolute;
    top: 8px;
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    border-top: 1px solid #c8d7e1; }

.account-dialog__accounts {
  max-height: 300px;
  max-height: 40vh;
  overflow-y: auto;
  margin: 0 0 1em 1em; }

.account-dialog.single-account .account-dialog__accounts {
  margin: 0 0 1em 1em; }

.account-dialog-account {
  position: relative;
  list-style-type: none;
  margin-bottom: 1em;
  padding-left: 4px; }
  .account-dialog-account.is-connected {
    padding-left: 22px; }
  .account-dialog-account:last-child {
    margin-bottom: 0; }

.account-dialog-account__label {
  position: relative;
  display: block;
  min-height: 40px;
  padding-top: 5px; }

.account-dialog.single-account .account-dialog-account__input {
  visibility: hidden; }

.account-dialog-account:not(.is-connected) .account-dialog-account__label {
  cursor: pointer; }

.account-dialog-account.is-conflict .gridicons-notice {
  position: absolute;
  left: -5px;
  color: #f0b849; }

.account-dialog .account-dialog-account__picture {
  position: absolute;
  left: 8px;
  top: 0;
  width: 34px;
  height: 34px; }

.account-dialog-account:not(.is-connected) .account-dialog-account__picture {
  left: 26px; }

.account-dialog-account__name {
  display: inline-block;
  padding-left: 48px;
  color: #2e4453; }

.sharing-services-group.is-empty {
  display: none; }

.sharing-services-group__header {
  margin: 0 0 30px 20px; }

.sharing-service-group__title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0;
  margin: 0 0 4px; }

.sharing-services-group__services {
  margin: 0 0 30px;
  padding: 0;
  list-style: none; }

.sidebar__sparkline {
  width: 80px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 8px; }
  @media (max-width: 660px) {
    .sidebar__sparkline {
      top: 13px;
      right: 20px; } }

.sidebar__menu li.stats.selected .sidebar__sparkline {
  display: none; }
  @media (max-width: 660px) {
    .sidebar__menu li.stats.selected .sidebar__sparkline {
      display: block; } }

.sidebar__menu li.stats a:after,
.notouch .sidebar__menu li.stats:hover:not(.selected) a:first-child:after {
  background: none; }

/**
 * Sidebar Navigation Header in Sections
 */
.current-section {
  position: relative;
  margin: 0 0 8px 0; }
  @media (min-width: 661px) {
    .current-section {
      display: none; } }
  .current-section a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    cursor: pointer;
    padding: 8px 0;
    color: #2e4453;
    background: white;
    border-bottom: 1px solid #c8d7e1; }
  .current-section .current-section__site-title {
    font-size: 10px;
    color: #668eaa;
    margin: 2px 0 -3px; }
  .current-section .site-icon {
    margin-right: 8px; }
  .current-section .all-sites-icon {
    display: none; }
  .current-section .gridicons-chevron-left {
    color: #87a6bc;
    margin: 0 8px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }

/**
 * Site Indicator
 */
.site-indicator {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 16px; }

.site-indicator__button {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  background: #f3f6f8;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: #87a6bc;
  cursor: default;
  display: block;
  width: 26px;
  height: 26px;
  padding: 2px;
  position: relative;
  text-align: center;
  text-transform: none;
  z-index: 3;
  overflow: initial;
  line-height: 28px; }
  .site-indicator__button:focus {
    box-shadow: none; }
  .accessible-focus .site-indicator__button:focus {
    outline: 0;
    border: 1px dotted #0087be; }
    .accessible-focus .site-indicator__button:focus::before {
      top: 4px;
      left: 4px; }
  .is-action .site-indicator__button {
    cursor: pointer; }
  .is-update .site-indicator__button {
    background: #f0b849;
    color: white; }
  .is-warning .site-indicator__button {
    background: #f0b849;
    color: white; }
  .is-error .site-indicator__button {
    background: #d94f4f;
    color: white; }
  .accessible-focus .is-expanded .site-indicator__button:focus {
    border: 1px dotted white; }
    .accessible-focus .is-expanded .site-indicator__button:focus::before {
      top: 6px;
      left: 6px; }
  .is-expanded .site-indicator__button .site-indicator__button {
    position: absolute;
    right: 0; }
  .notouch .site-indicator__button:hover {
    cursor: pointer; }

.site-indicator__message {
  color: white;
  font-size: 12px;
  line-height: 1.4;
  padding: 5px 16px 5px 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .is-warning .site-indicator__message,
  .is-update .site-indicator__message {
    background: #f0b849; }
  .is-error .site-indicator__message {
    background: #d94f4f; }

.site-indicator__action {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: inline-block;
  vertical-align: middle; }
  .site-indicator__action a,
  .site-indicator__action .button.is-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    text-decoration: none; }

.site-settings {
  font-size: 14px; }
  .site-settings fieldset {
    clear: both;
    margin-bottom: 24px; }
    .site-settings fieldset:last-child {
      margin-bottom: 0; }
  .site-settings label {
    display: block; }
  .site-settings input {
    display: inline-block; }
  .site-settings .short-settings {
    display: block;
    min-width: 200px; }
  .site-settings select + label {
    margin-top: 24px; }
  .site-settings input[type="number"] {
    padding: 0;
    width: 50px;
    text-align: center; }
  .site-settings input[type="text"] {
    -webkit-appearance: none; }
  .site-settings legend,
  .site-settings label {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600; }
  .site-settings legend + label,
  .site-settings label + label,
  .site-settings li label,
  .site-settings input[type="checkbox"] + label,
  .site-settings input[type="radio"] + label,
  .site-settings label input[type="checkbox"],
  .site-settings label input[type="radio"] {
    font-weight: normal; }
  .site-settings label a,
  .site-settings p a {
    text-decoration: underline; }
  .site-settings p:last-child {
    margin-bottom: 0; }
  .site-settings .is-primary {
    float: right; }
  .site-settings .empty-content .is-primary {
    float: none; }
  .site-settings .form-toggle__switch {
    margin-top: 3px; }
  .site-settings p.form-setting-explanation {
    display: block;
    margin: 5px 0;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    color: #537994; }
    .site-settings p.form-setting-explanation.is-indented {
      margin-left: 24px; }
  .site-settings .form-toggle__wrapper + p.form-setting-explanation.is-indented {
    margin-left: 36px; }
  .site-settings p.settings-alert {
    font-weight: 400;
    color: #d94f4f; }
  .site-settings ul li,
  .site-settings ol li {
    margin-bottom: 0; }
  .site-settings .analytics-settings {
    padding-top: 20px; }
  @media (min-width: 661px) {
    .site-settings .site-settings__blogaddress-settings {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .site-settings .site-settings__blogaddress-settings .button {
    width: 100%;
    margin-left: 0;
    margin-top: 5px; }
    @media (min-width: 661px) {
      .site-settings .site-settings__blogaddress-settings .button {
        width: 45%;
        margin-left: 16px;
        margin-top: 0; } }
  .site-settings .seo-settings__seo-form .form-text-input-with-affixes__prefix {
    min-width: 60px;
    text-align: center; }
  .site-settings .seo-settings__seo-sitemap {
    word-wrap: break-word;
    word-break: break-word; }
  .site-settings .verification-code-error {
    color: #d94f4f;
    font-weight: bold; }
  .site-settings .seo-settings__seo-form .counted-textarea.is-exceeding-acceptable-length {
    background: #f0b849; }
  .site-settings .seo-settings__seo-form .seo-settings__preview-button {
    display: block;
    float: left;
    margin-right: 24px; }
  .site-settings .seo-settings__seo-form .seo-settings__preview-explanation {
    display: block;
    float: left;
    line-height: 40px; }
  .site-settings .seo-settings__front-page-description {
    margin-bottom: 1.5em; }
  @media (min-width: 661px) {
    .site-settings fieldset.site-icon-setting {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 122px;
          -ms-flex: 0 0 122px;
              flex: 0 0 122px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 0;
      padding-right: 24px; } }
  @media (min-width: 661px) {
    .site-settings .site-icon-setting__heading {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      white-space: nowrap; } }
  @media (max-width: 660px) {
    .site-settings .site-icon-setting__icon {
      float: left;
      margin-right: 8px; } }
  @media (max-width: 660px) {
    .site-settings .site-icon-setting__button {
      display: block;
      margin-bottom: 8px; } }

.site-settings__general-settings .form-toggle__label,
.site-settings__writing-settings .form-toggle__label,
.site-settings__traffic-settings .form-toggle__label,
.site-settings__security-settings .form-toggle__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.site-settings__general-settings .form-toggle__switch,
.site-settings__writing-settings .form-toggle__switch,
.site-settings__traffic-settings .form-toggle__switch,
.site-settings__security-settings .form-toggle__switch {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site-settings__general-settings hr,
.site-settings__writing-settings hr,
.site-settings__traffic-settings hr,
.site-settings__security-settings hr {
  margin: 0 -24px 1.5em; }

.site-settings__discussion-settings .form-toggle__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.site-settings__discussion-settings .form-toggle__switch {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site-settings__discussion-settings .form-toggle__switch + span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin-left: 12px; }

.site-settings__discussion-settings hr {
  margin: 0 -24px 1.5em; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__label {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__switch {
  margin-top: 5px; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-toggle__switch + span {
  line-height: 26px; }

.site-settings__discussion-settings .site-settings__other-comment-settings .form-select {
  margin-top: 2px; }

.site-settings__discussion-settings .site-settings__moderation-settings .form-label {
  font-weight: normal; }

.site-settings__site-options {
  padding-bottom: 24px; }
  @media (min-width: 661px) {
    .site-settings__site-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

@media (min-width: 661px) {
  .site-settings__site-title-tagline {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.site-settings__footer-credit-container {
  margin-bottom: 16px; }

.site-settings__footer-credit-nudge.card.upgrade-nudge, .site-settings__footer-credit-nudge.upgrade-nudge.editor-drawer-well__placeholder {
  margin: 0; }

.site-settings__footer-credit-change {
  width: 175px;
  text-align: center; }

.site-settings__footer-credit-explanation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (max-width: 660px) {
  .writing-settings select,
  .general-settings select {
    width: 100%; } }

.jetpack-protect__deactivate,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button,
.jetpack-protect__edit-settings,
.jetpack-monitor__deactivate,
.disconnect-jetpack-button {
  margin-right: 8px; }

.has-divider, .site-settings__has-divider {
  margin: 0 -24px;
  padding: 24px 24px 16px 24px;
  border: 1px #e9eff3 solid;
  border-width: 1px 0; }
  .has-divider.is-top-only, .site-settings__has-divider.is-top-only {
    border-bottom: 0px;
    padding-bottom: 0px; }

.site-settings__jetpack-prompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .site-settings__jetpack-prompt img {
    width: 128px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 16px; }

.site-settings__jetpack-prompt-text {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.site-settings__taxonomies {
  margin-bottom: 17px; }

.site-settings__foldable-card.foldable-card, .site-settings__foldable-card.foldable-card.is-expanded {
  margin-bottom: 16px; }

.site-settings__foldable-card .foldable-card__header {
  padding: 24px; }
  .site-settings__foldable-card .foldable-card__header .gridicons-checkmark {
    margin-right: 4px;
    vertical-align: bottom;
    color: #4ab866; }

.site-settings__foldable-card .foldable-card__expand {
  width: 64px; }

.site-settings__foldable-card.is-expanded .foldable-card__content {
  padding: 8px 24px 24px;
  border-top: 1px #c8d7e1 solid; }

.site-settings__foldable-card.is-expanded.is-top-level .foldable-card__content {
  padding: 24px; }

.site-settings__foldable-card .site-settings__info-link-container {
  margin-right: -36px;
  height: 0; }

.site-settings__module-settings .form-label.is-disabled {
  opacity: 0.3; }

.site-settings__child-settings {
  margin: 16px 36px 0; }

.site-settings__info-link-container {
  float: right; }

.site-settings__add-to-whitelist {
  margin-top: 3px; }

.settings-action-panel {
  padding-bottom: 16px; }

.settings-action-panel__title {
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453;
  clear: none; }

.settings-action-panel__body {
  font-size: 14px;
  line-height: 20px;
  color: #668eaa;
  overflow: hidden; }
  .settings-action-panel__body p {
    margin-bottom: 20px; }

a.settings-action-panel__body-text-link {
  color: #0068ff;
  text-decoration: underline; }
  a.settings-action-panel__body-text-link:hover {
    text-decoration: none; }

.settings-action-panel__figure {
  width: 100%;
  margin: 24px 0;
  text-align: center; }
  @media (min-width: 481px) {
    .settings-action-panel__figure {
      float: right;
      max-width: 208px;
      margin: 0 0 20px 24px; }
      .settings-action-panel__figure.is-inline-body-text {
        margin: 40px 0 20px 24px; } }

.settings-action-panel__footer {
  position: relative;
  padding-top: 17px; }
  .settings-action-panel__footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    height: 1px;
    background-color: #f3f6f8; }
    @media (min-width: 481px) {
      .settings-action-panel__footer::before {
        left: -24px;
        right: -24px; } }

.settings-action-panel__export-button .gridicon,
.settings-action-panel__support-button .gridicon {
  margin-left: 8px; }

.settings-action-panel__support-button.is-external {
  margin-right: 8px; }

.amp__main .section-header__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .amp__main .section-header__actions button {
    margin-left: 15px; }

.amp__jetpack {
  margin-bottom: 16px; }

.custom-content-types__module-settings {
  margin-bottom: 24px; }
  .custom-content-types__module-settings:last-child {
    margin-bottom: 0; }

.comment-display-settings__module-setting.is-indented {
  margin: 16px 32px; }

.date-time-format,
.date-time-format.is-expanded {
  margin-top: -10px; }
  @media (min-width: 481px) {
    .date-time-format,
    .date-time-format.is-expanded {
      margin-top: -16px; }
      .date-time-format .foldable-card__header,
      .date-time-format .foldable-card__content,
      .date-time-format.is-expanded .foldable-card__header,
      .date-time-format.is-expanded .foldable-card__content {
        padding-left: 24px;
        padding-right: 24px; }
      .date-time-format .foldable-card__action,
      .date-time-format.is-expanded .foldable-card__action {
        padding-right: 16px; } }
  .date-time-format .date-time-format__title,
  .date-time-format.is-expanded .date-time-format__title {
    font-weight: 600;
    margin-bottom: 5px; }
  .date-time-format .date-time-format__info,
  .date-time-format.is-expanded .date-time-format__info {
    color: #537994;
    font-size: 13px;
    font-style: italic; }

.date-time-format__custom-field .form-radio {
  margin-top: 12px; }

.date-time-format__custom-field .form-text-input {
  margin: 0 12px;
  width: 100px; }

/**
 * Delete Site
 * - panels specific to the delete site process
 */
.delete-site__content-list-header {
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: left;
  color: #537994; }

.delete-site__content-list {
  margin: 0 0 20px;
  border: solid 1px #c8d7e1;
  border-radius: 4px;
  list-style: none;
  text-align: left; }

.delete-site__content-list-item {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px;
  border-top: solid 1px #c8d7e1;
  font-size: 14px;
  line-height: 18px;
  color: #2e4453; }
  .delete-site__content-list-item:first-child {
    border-top: none; }

.delete-site__confirm-dialog {
  max-width: 424px;
  padding-bottom: 16px; }

h1.delete-site__confirm-header {
  height: auto;
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453; }

.delete-site__confirm-paragraph {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #537994; }

.delete-site__target-domain {
  color: #d94f4f; }

/**
 * Delete Site Options
 */
.delete-site-options__section-title {
  margin-bottom: 16px;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453; }

.delete-site-options__section-desc {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #2e4453; }

.delete-site-options__section-footnote {
  margin-bottom: 0;
  font-size: 13px;
  color: #537994;
  font-style: italic; }

.delete-site-options__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .delete-site-options__container::after {
    display: none; }
  @media (min-width: 481px) {
    .delete-site-options__container.is-compact {
      padding: 24px; } }

.delete-site-options__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  @media (min-width: 481px) {
    .delete-site-options__content {
      max-width: 460px; } }

.delete-site-options__link,
.delete-site-options__link:hover,
.delete-site-options__link:active,
.delete-site-options__link:visited {
  color: inherit; }

.delete-site-options__link:hover .delete-site-options__noticon {
  color: #a8bece; }

.delete-site-options__option-marker {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 24px; }

.delete-site-options__arrow {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.delete-site-options__noticon {
  font-size: 36px;
  color: #c8d7e1;
  line-height: 48px;
  cursor: pointer; }

.delete-site-warning-dialog {
  max-width: 472px; }

.jetpack-sync-panel__action {
  margin-top: 16px; }

@media (min-width: 661px) {
  .jetpack-sync-panel__action-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .jetpack-sync-panel__description {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 8px; }
  .jetpack-sync-panel__action {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 0;
    padding-left: 8px; } }

.jetpack-sync-panel .progress-bar {
  margin-top: 8px; }

.jetpack-sync-panel .notice {
  margin-top: 16px; }

.jetpack-sync-panel__status-notice {
  background: none;
  color: #537994; }

.jetpack-sync-panel .jetpack-sync-panel__status-notice .notice__content {
  padding-left: 0; }

.jetpack-sync-panel__status-notice .notice__icon {
  display: none; }

.press-this {
  /* press this isn't functional on a touch device */ }
  .touch .press-this {
    display: none; }
  .press-this p.pressthis {
    margin: 20px 0; }
    .press-this p.pressthis a,
    .press-this p.pressthis a:hover,
    .press-this p.pressthis a:focus,
    .press-this p.pressthis a:active {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: move;
      padding: 10px;
      font-style: normal;
      font-size: 14px;
      text-decoration: none;
      color: #2e4453;
      background: #e9eff3;
      border-radius: 3px;
      border: 1px solid #c8d7e1; }
    .press-this p.pressthis a .gridicon {
      margin: 0 10px 0 0; }

.publishing-tools__card .press-this .card, .publishing-tools__card .press-this .editor-drawer-well__placeholder {
  margin: 0;
  padding: 0;
  box-shadow: none; }

.publishing-tools__card .press-this .pressthis {
  margin-bottom: 0; }

.publishing-tools__email-address {
  display: block;
  margin-bottom: 8px; }

.related-posts__preview-title {
  font-weight: 600;
  margin-top: 16px; }

.related-posts__preview-box {
  position: relative;
  margin-top: 8px;
  padding: 16px 8px;
  width: 100%;
  background: #f3f6f8;
  box-sizing: border-box; }
  .related-posts__preview-box:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.related-posts__preview-headline {
  margin: 0 0 1em 8px;
  font-size: 11px;
  font-weight: 600; }

@media (min-width: 481px) {
  .related-posts__preview-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .related-posts__preview-items .related-posts__preview-post {
      width: 50%; } }

@media (min-width: 961px) {
  .related-posts__preview-items {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }

.related-posts__preview-post .related-posts__preview-post-title a {
  font-weight: normal;
  text-decoration: none;
  opacity: 1; }

.related-posts__preview-post {
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px; }

.related-posts__preview-post span {
  display: block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.related-posts__preview-post .related-posts__preview-post-context {
  opacity: .6; }

.related-posts__preview-post-a {
  cursor: pointer; }

.form-label.site-icon-setting__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .form-label.site-icon-setting__heading .info-popover {
    margin-left: 8px; }
  .form-label.site-icon-setting__heading .gridicon {
    display: block; }

.site-icon-setting__icon {
  cursor: pointer;
  display: block;
  margin: 1px; }

.site-icon-setting__icon:hover .site-icon {
  opacity: 0.8; }

.site-icon-setting__button {
  min-width: 98px;
  margin-top: 4px;
  text-align: center; }

.taxonomies__card-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e4453;
  padding-bottom: 10px; }
  .taxonomies__card-title.is-loading {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    width: 80px;
    display: inline-block; }
    .taxonomies__card-title.is-loading:after {
      content: '\00a0'; }

.taxonomies__card-content {
  color: #537994;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden; }
  .taxonomies__card-content:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 40%;
    height: auto; }
  .taxonomies__card-content .gridicon {
    padding-right: 5px;
    vertical-align: top; }

.site-settings__taxonomies .card__link-indicator {
  z-index: 1; }

.theme-setup__button {
  margin-bottom: 8px;
  margin-right: 8px; }
  .theme-setup__button.is-placeholder {
    border: none;
    border-radius: 0; }

.theme-setup .is-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .theme-setup .is-placeholder:after {
    content: '\00a0'; }

.theme-setup .active-theme-screenshot {
  min-height: 200px; }

.theme-setup .active-theme-screenshot__image {
  border: 1px solid #e9eff3;
  box-sizing: border-box; }

.theme-setup .active-theme-screenshot__name {
  font-size: 0.85em;
  font-weight: 600;
  color: #537994;
  text-transform: uppercase; }

.theme-setup-dialog {
  min-height: 170px;
  width: 400px; }
  @media (max-width: 480px) {
    .theme-setup-dialog {
      box-sizing: border-box;
      width: 100%; } }

.importer__shell {
  padding-top: 16px; }
  .importer__shell.card, .importer__shell.editor-drawer-well__placeholder {
    padding-bottom: 0; }
  .importer__shell.is-disabled {
    opacity: 0.2; }

.importer__section-title {
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  color: #2e4453;
  margin-bottom: 16px; }

.importer__section-description {
  font-size: 14px;
  color: #2e4453; }

.importer__service-icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  padding: 2px;
  margin-right: 16px;
  background-color: #2e4453;
  fill: white;
  border-radius: 4px; }
  .importer__service-icon.wordpress {
    background-color: #0087be; }
  .importer__service-icon.medium {
    background-color: #00AB6C; }
  @media (min-width: 961px) {
    .importer__service-icon {
      width: 56px;
      height: 56px;
      padding: 4px; } }

.importer__service-info {
  margin-bottom: 1.5em; }
  @media (min-width: 481px) {
    .importer__service-info {
      margin-left: 60px; } }

.importer__service-title {
  font-size: 21px;
  font-weight: 300;
  color: #87a6bc; }
  @media (min-width: 481px) {
    .importer__service-title {
      clear: none; } }

.importer__master-control {
  margin-top: 9px;
  clear: none; }

.importer__uploading-pane {
  position: relative;
  height: 150px;
  margin-bottom: 24px;
  border: 5px solid #e9eff3;
  fill: #a8bece;
  font-size: 14px;
  font-weight: 600;
  color: #87a6bc;
  text-align: center; }
  .importer__uploading-pane input {
    visibility: hidden; }

.importer__upload-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.importer__upload-progress,
.importer__import-progress {
  width: 80%; }
  .importer__upload-progress .progress-bar__progress,
  .importer__import-progress .progress-bar__progress {
    background-color: #0068ff; }
  .importer__upload-progress.is-complete .progress-bar__progress,
  .importer__import-progress.is-complete .progress-bar__progress {
    background-color: #4ab866; }

.importer__import-spinner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.importer__start {
  float: none !important; }

.importer__importing-pane {
  text-align: center; }

.importer__status-message {
  font-style: italic;
  color: #87a6bc; }

.importer__mapping-pane {
  margin-bottom: 58px; }

.importer__mapping-header {
  border-bottom: 1px solid #87a6bc;
  margin-bottom: 16px;
  padding-bottom: 8px;
  font-size: 11px;
  color: #87a6bc; }
  .importer__mapping-header:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.importer__mapping-description {
  margin-bottom: 16px; }
  .importer__mapping-description strong {
    white-space: nowrap; }

.importer__mapping-source-title {
  float: left;
  display: inline-block; }

.importer__mapping-target-title {
  float: right;
  display: inline-block; }

.importer__author-mapping {
  height: 58px; }
  .importer__author-mapping .author-selector__author-toggle {
    width: 45%;
    padding-top: 4px;
    margin-right: -7px;
    float: right; }
  .importer__author-mapping div.user {
    display: inline; }

.importer__source-author {
  width: 45%;
  height: 18px;
  padding-top: 7px;
  float: left;
  display: inline-block;
  color: #2e4453;
  text-align: left;
  font-size: 14px;
  font-weight: 600; }

.importer__mapping-relation {
  float: left;
  color: #a8bece; }

/**
 * Site
 */
.site {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .site.is-loading .site-icon {
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }
  .site.is-loading .site__title,
  .site.is-loading .site__domain {
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent;
    width: 95%; }
    .site.is-loading .site__title::after,
    .site.is-loading .site__domain::after {
      display: none; }
  .notouch .sites-popover .site.is-loading:hover .site__title,
  .notouch .sites-popover .site.is-loading:hover .site__domain {
    color: transparent; }
  .site.is-compact .site__content {
    padding: 0 16px; }
  .site.is-compact .site__domain {
    display: none; }
  .site.is-compact .site__title {
    line-height: 46px; }
  .site.is-compact .site__home {
    top: 11px;
    line-height: 18px; }
  .site.is-compact .site__home .gridicon {
    margin-top: 0; }

.site__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 100%; }
  .site__content:focus {
    outline: none; }

.site .site-icon {
  position: relative;
  height: 30px;
  width: 30px;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.site__info {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.site__title {
  color: #2e4453;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4; }

.site__domain {
  color: #537994;
  display: block;
  max-width: 95%;
  font-size: 11px;
  line-height: 1.4; }

.site__title,
.site__domain {
  overflow: hidden;
  white-space: nowrap; }
  .site__title::after,
  .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.site__home {
  background: #0068ff;
  color: white;
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  text-transform: none;
  overflow: initial;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  left: 16px;
  top: 17px; }
  .site__home .gridicon {
    margin-top: 5px;
    vertical-align: middle; }
  .site.is-compact .site__home {
    width: 24px;
    height: 24px; }
  .site__home:hover {
    color: white; }
  @media (max-width: 660px) {
    .site__home {
      display: none; } }

.site__content:hover .site__home {
  opacity: 1; }

.site__badge {
  color: #87a6bc;
  padding-right: 4px;
  line-height: 0;
  position: relative;
  vertical-align: middle; }

.sites__select-heading {
  clear: both;
  color: #3d596d;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin: 24px 0; }
  .sites__select-heading strong {
    text-transform: capitalize; }

.sites__selector-wrapper.card, .sites__selector-wrapper.editor-drawer-well__placeholder {
  padding: 0; }
  .sites__selector-wrapper.card .site-selector, .sites__selector-wrapper.editor-drawer-well__placeholder .site-selector {
    overflow: auto; }

@media (min-width: 961px) {
  .stats__module-column {
    float: right;
    width: calc(50% - 4px); }
    .stats__module-column:first-child {
      float: left; }
    .stats__module-column:last-child {
      clear: right; } }

@media (min-width: 1281px) {
  .stats__module-column {
    width: calc(33% - 3px); }
    .stats__module-column:last-child {
      clear: none;
      left: -10px;
      position: relative; } }

.old-stats-link .button .gridicon {
  margin-bottom: -2px;
  margin-left: 4px; }

.is-section-stats .followers-count .button {
  margin-right: 16px; }
  @media (max-width: 480px) {
    .is-section-stats .followers-count .button {
      display: none; } }

@media (max-width: 480px) {
  .stats-message.switch-stats {
    text-align: center; } }

.stats__sticky-navigation.is-sticky .sticky-panel__content {
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-period-navigation {
    margin: 9px 0; }
  .stats__sticky-navigation.is-sticky .sticky-panel__content .stats-date-picker__refresh-status {
    display: none; }

.all-time .stats-tab {
  padding-bottom: 0; }
  .all-time .stats-tab.all-time__is-best .gridicon,
  .all-time .stats-tab.all-time__is-best .label {
    color: #f0b849; }
  .all-time .stats-tab .all-time__best-day {
    color: #537994;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 24px 0px 10px 58px;
    text-align: left; }

.stats-geochart {
  margin: 0 24px; }
  .stats-geochart.is-loading, .stats-geochart.has-no-data {
    display: none; }

.stats-module.is-loading .countryviews .stats-geochart,
.stats-module.has-no-data .countryviews .stats-geochart {
  display: none; }

.most-popular__wrapper {
  clear: both; }

.stats-module.is-loading .most-popular__wrapper,
.is-empty .stats-popular {
  min-height: 150px; }
  .stats-module.is-loading .most-popular__wrapper .stats-popular__item,
  .is-empty .stats-popular .stats-popular__item {
    display: none; }

.most-popular__item {
  width: 50%;
  float: left;
  text-align: center;
  padding: 20px 0;
  color: #2e4453; }
  @media (max-width: 960px) {
    .most-popular__item {
      width: 100%; }
      .most-popular__item:first-child {
        padding-bottom: 0; } }

.most-popular__label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.most-popular__percentage {
  color: #87a6bc;
  display: block;
  margin-top: -1em;
  font-size: 14px;
  letter-spacing: 0.01em; }

.most-popular__day,
.most-popular__hour {
  display: block;
  color: #2e4453;
  font-size: 20px;
  margin: 6px 0 22px; }

.most-popular__empty {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  clear: both;
  z-index: 1; }

.most-popular__notice {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #f3f6f8;
  color: #2e4453;
  display: inline-block;
  padding: 15px 45px;
  position: relative;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #e9eff3;
  box-sizing: border-box;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.stats-pagination {
  width: 100%; }

.stats-pagination__list {
  background-color: #f3f6f8;
  display: block;
  list-style: none;
  margin: 0;
  padding: 2px 0;
  text-align: center; }
  .stats-pagination__list:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.stats-pagination__list-item {
  display: inline-block;
  padding: 0 .5em;
  line-height: 40px;
  text-align: center;
  min-width: 16px; }

.stats-pagination__list-item.stats-pagination__arrow, .stats-pagination__list-item.stats-pagination__arrow:hover {
  color: #87a6bc;
  cursor: default; }

.stats-pagination__list-item.stats-pagination__arrow.is-left {
  padding-left: 14px;
  float: left; }

.stats-pagination__list-item.stats-pagination__arrow.is-right {
  padding-right: 14px;
  float: right; }

.stats-pagination__list-item.stats-pagination__arrow .gridicon {
  vertical-align: middle;
  margin-top: -2px; }

.stats-pagination__list-item,
.stats-pagination__list-item.is-active {
  cursor: pointer;
  color: #0087be; }

.stats-pagination__list-item.is-active .gridicon {
  cursor: pointer; }

.stats-pagination__list-item:hover,
.stats-pagination__list-item.is-active:hover,
.stats-pagination__list-item:focus {
  color: #33bbe3; }

.stats-pagination__list-item.is-selected,
.stats-pagination__list-item.is-selected:hover {
  background-color: white;
  font-weight: bold;
  font-weight: 600;
  color: #2e4453;
  cursor: default; }

.stats-pagination__ellipsis,
.stats-pagination__ellipsis:hover {
  color: #87a6bc;
  cursor: default; }

.stats-post-performance__start-post {
  padding-bottom: 26px; }

.stats-post-performance__no-posts-message {
  margin-bottom: 14px; }

.post-trends {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 100%; }
  @media (max-width: 480px) {
    .post-trends {
      display: none; } }

.post-trends__title {
  color: #668eaa;
  margin-left: 11px;
  height: 40px;
  font-weight: 600;
  position: relative;
  z-index: 1; }

.post-trends__value {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #4f748e;
  margin: 20px 0 30px; }

.post-trends__year {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  white-space: nowrap;
  -webkit-transition: left, 1s, ease-in-out;
  transition: left, 1s, ease-in-out; }

.post-trends__wrapper {
  position: relative;
  height: 130px;
  max-width: 660px;
  margin: 0 auto;
  overflow: hidden; }

.post-trends__scroll-left,
.post-trends__scroll-right {
  position: absolute;
  top: 0px;
  width: 30px;
  height: 130px;
  background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  text-align: left;
  z-index: 100; }
  .post-trends__scroll-left .left-arrow,
  .post-trends__scroll-left .right-arrow,
  .post-trends__scroll-right .left-arrow,
  .post-trends__scroll-right .right-arrow {
    width: 30px;
    height: 100px;
    display: block;
    background: url("/calypso/images/stats/left-arrow.svg") no-repeat 4px 48px;
    background-size: 18px 18px;
    opacity: .15; }
  .post-trends__scroll-left .right-arrow,
  .post-trends__scroll-right .right-arrow {
    background: url("/calypso/images/stats/right-arrow.svg") no-repeat 4px 48px;
    background-size: 18px 18px; }
  .post-trends__scroll-left.is-active .right-arrow,
  .post-trends__scroll-left.is-active .left-arrow,
  .post-trends__scroll-right.is-active .right-arrow,
  .post-trends__scroll-right.is-active .left-arrow {
    opacity: .8; }
  .post-trends__scroll-left.is-active:hover,
  .post-trends__scroll-right.is-active:hover {
    cursor: pointer; }

.post-trends__scroll-right {
  background: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
  text-align: right; }

/*rtl:begin:ignore*/
.post-trends__scroll-left {
  left: 0px; }

.post-trends__scroll-right {
  right: 0px; }

/*rtl:end:ignore*/
.post-trends__month {
  font-size: 0;
  display: inline-block;
  white-space: normal;
  margin: 0 4px; }

.post-trends__week {
  display: inline-block;
  width: 9px; }

.post-trends__label {
  text-align: center;
  font-size: 11px;
  color: #668eaa;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: .1em; }
  .is-loading .post-trends__label {
    display: none; }

.post-trends__day {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #f3f6f8;
  background-color: #c8d7e1;
  margin: 0; }

.post-trends__day.is-outside-month,
.post-trends__key-day.is-outside-month {
  background-color: rgba(255, 255, 255, 0);
  border-color: white; }

.post-trends__day.is-today,
.post-trends__key-day.is-today {
  background-color: #c8d7e1; }

.post-trends__day.is-after-today,
.post-trends__key-day.is-after-today {
  background-color: #d9e3ea; }

.post-trends__day.is-level-1,
.post-trends__key-day.is-level-1 {
  background-color: #91e2fb; }

.post-trends__day.is-level-2,
.post-trends__key-day.is-level-2 {
  background-color: #1a77ff; }

.post-trends__day.is-level-3,
.post-trends__key-day.is-level-3 {
  background-color: #0053cc; }

.post-trends__day.is-level-4,
.post-trends__key-day.is-level-4 {
  background-color: #002a66; }

.post-trends__day.is-hovered,
.post-trends__key-day.is-hovered {
  border-color: #0068ff; }

.is-loading .post-trends__day, .is-loading
.post-trends__key-day {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

@media (min-width: 1041px) {
  .post-trends__scroll-left,
  .post-trends__scroll-right {
    display: none; } }

.post-trends__key-container {
  padding-top: 10px;
  float: right; }
  .post-trends__key-container:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 960px) {
    .post-trends__key-container {
      float: none;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.post-trends__key-label,
.post-trends__key {
  display: inline-block; }

.post-trends__key-label {
  font-size: 11px;
  color: #87a6bc;
  letter-spacing: .1em;
  text-transform: uppercase; }

.post-trends__key {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 2px 9px 0 5px; }
  .post-trends__key .post-trends__key-day {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 3px; }

ul.module-tabs {
  border-top: 1px solid #f3f6f8;
  list-style: none;
  background: white;
  margin: 0; }
  ul.module-tabs:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  ul.module-tabs .module-tab {
    margin: 0;
    font-size: 16px;
    clear: none;
    border-top: 1px solid #f3f6f8;
    box-sizing: border-box; }
    ul.module-tabs .module-tab:first-child {
      border-top: none; }
    @media (min-width: 481px) {
      ul.module-tabs .module-tab {
        border-top: none;
        border-left: 1px solid #f3f6f8;
        float: left;
        width: 25%;
        text-align: center; }
        ul.module-tabs .module-tab.is-post-summary {
          width: 33%; }
        ul.module-tabs .module-tab:first-child {
          border-left: none; } }
    @media (max-width: 480px) {
      ul.module-tabs .module-tab {
        width: auto;
        float: none;
        text-align: left; } }
    ul.module-tabs .module-tab a {
      color: #2e4453; }
    ul.module-tabs .module-tab a,
    ul.module-tabs .module-tab .no-link {
      padding: 5px 0 10px;
      display: block;
      background: white; }
      ul.module-tabs .module-tab a:after,
      ul.module-tabs .module-tab .no-link:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab a,
        ul.module-tabs .module-tab .no-link {
          line-height: 24px;
          padding-top: 10px;
          -webkit-touch-callout: none; } }
    ul.module-tabs .module-tab .label {
      font-size: 11px;
      letter-spacing: 0.1em;
      line-height: inherit;
      text-transform: uppercase; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .label {
          font-size: 14px;
          line-height: 24px;
          float: left; } }
    ul.module-tabs .module-tab .gridicon {
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -2px; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .gridicon {
          width: 24px;
          height: 24px;
          margin-left: 24px;
          margin-right: 8px;
          float: left; } }
    ul.module-tabs .module-tab .value {
      clear: both;
      display: block;
      line-height: 24px;
      color: #0087be;
      -webkit-transition: font-size .3s 0 ease-out;
      transition: font-size .3s 0 ease-out; }
      @media (max-width: 480px) {
        ul.module-tabs .module-tab .value {
          clear: none;
          float: right;
          font-size: 16px;
          margin-right: 24px;
          padding: 0; } }
    @media (min-width: 481px) {
      ul.module-tabs .module-tab a:hover,
      ul.module-tabs .module-tab a:hover .value,
      ul.module-tabs .module-tab.is-low a:hover,
      ul.module-tabs .module-tab.is-low a:hover .value {
        color: #33bbe3; }
      ul.module-tabs .module-tab a:hover {
        background: rgba(255, 255, 255, 0.5); } }
    ul.module-tabs .module-tab a:focus,
    ul.module-tabs .module-tab a:focus .value,
    .stats-module ul.module-tabs .module-tab.is-selected a:focus,
    .stats-module ul.module-tabs .module-tab.is-selected a:focus .value,
    ul.module-tabs .module-tab.is-low a:focus,
    ul.module-tabs .module-tab.is-low a:focus .value {
      color: #33bbe3; }
    ul.module-tabs .module-tab a:focus {
      background: rgba(255, 255, 255, 0.5); }
    .stats-module ul.module-tabs .module-tab.is-selected a {
      background: white;
      border-top: 1px solid white;
      margin-top: -1px;
      cursor: default; }
    ul.module-tabs .module-tab.is-selected a,
    ul.module-tabs .module-tab.is-selected.is-low a {
      color: #2e4453; }
    ul.module-tabs .module-tab.is-selected a .value,
    ul.module-tabs .module-tab.is-selected.is-low a .value,
    ul.module-tabs .module-tab.is-selected a:hover .value {
      color: #f0821e; }
    ul.module-tabs .module-tab .is-low,
    ul.module-tabs .module-tab.is-low a .value {
      color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading a,
    ul.module-tabs .module-tab.is-loading a:hover {
      cursor: default; }
    ul.module-tabs .module-tab .no-link .value {
      color: #2e4453; }
      ul.module-tabs .module-tab .no-link .value.is-low {
        color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading a .value,
    ul.module-tabs .module-tab.is-loading a:hover .value,
    ul.module-tabs .module-tab.is-loading .no-link .value {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      cursor: default;
      font-size: 110%;
      color: #87a6bc; }
    ul.module-tabs .module-tab.is-loading.is-selected a .value,
    ul.module-tabs .module-tab.is-loading.is-selected a:hover .value {
      color: #87a6bc; }
  ul.module-tabs li:only-child {
    width: auto;
    float: none;
    text-align: left; }
    ul.module-tabs li:only-child a {
      line-height: 24px;
      padding-top: 10px; }
    ul.module-tabs li:only-child .label {
      font-size: 14px;
      line-height: 24px;
      float: left; }
    ul.module-tabs li:only-child .gridicon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 24px;
      float: left; }
    ul.module-tabs li:only-child .value {
      clear: none;
      float: right;
      margin-right: 24px; }
  ul.module-tabs.is-enabled {
    background: #f3f6f8; }
    ul.module-tabs.is-enabled,
    ul.module-tabs.is-enabled li {
      border-color: #f3f6f8; }
    ul.module-tabs.is-enabled a {
      background: #f3f6f8; }

.tab-content,
.stats-comments__tab-content {
  display: none; }
  .tab-content.is-active,
  .stats-comments__tab-content.is-active {
    display: block; }

.tab-email-followers .tab-content.email-followers,
.tab-wpcom-followers .tab-content.wpcom-followers,
.tab-top-authors .tab-content.top-authors,
.tab-top-content .tab-content.top-content {
  display: block; }

.countryviews .module-content-list-item-label .icon img {
  background-color: #f3f6f8; }

.stats-date-picker__refresh-status {
  line-height: 16px; }
  .stats-date-picker__refresh-status .stats-date-picker__update-date {
    color: #87a6bc;
    display: inline-block;
    font-size: 13px; }
  .stats-date-picker__refresh-status .stats-date-picker__pulsing-dot-wrapper {
    display: inline-block;
    padding: 0 10px; }
    .stats-date-picker__refresh-status .stats-date-picker__pulsing-dot-wrapper .stats-date-picker__pulsing-dot {
      display: inline-block;
      background: #87a6bc;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      width: 6px;
      height: 6px;
      border: none;
      box-shadow: 0 0 0 0 rgba(168, 190, 206, 0.7);
      border-radius: 100%;
      -webkit-animation: stats-dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
              animation: stats-dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      vertical-align: middle; }

@-webkit-keyframes stats-dot-pulse {
  to {
    box-shadow: 0 0 0 5px rgba(90, 153, 220, 0); } }

@keyframes stats-dot-pulse {
  to {
    box-shadow: 0 0 0 5px rgba(90, 153, 220, 0); } }

.error .module-content-text {
  display: block; }

.module-content-text.is-error {
  color: #87a6bc; }
  .stats-module.is-showing-error .module-content-text.is-error {
    display: inline-block; }

.stats-module__placeholder {
  display: block;
  padding: 0 24px;
  min-height: 140px;
  clear: both; }
  .stats-module__placeholder.is-block {
    background: #f3f6f8; }
  .stats-module__placeholder.is-void {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 1;
    -webkit-animation: delay-fade-in 2s 1; }
  .stats-module__placeholder.is-chart {
    height: 244px; }

@-webkit-keyframes delay-fade-in {
  0%, 66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes delay-fade-in {
  0%, 66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.stats-module.is-loading .module-header .site-icon,
.stats-module.is-loading .module-header .toggle-info,
.stats-module.is-loading .chart,
.stats-module.is-loading .module-content-table,
.stats-module.is-loading .stats-popular__item {
  display: none; }

.stats-module.is-loading .module-header-link,
.stats-module.is-loading .module-header-title {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden; }
  .stats-module.is-loading .module-header-link .gridicon,
  .stats-module.is-loading .module-header-title .gridicon {
    display: none; }

.stats-module.is-loading .module-content-list-header .label,
.stats-module.is-loading .module-content-list-header .value,
.stats-module.is-loading .module-header-title,
.stats-module.is-loading ul.module-content-tabs li:hover .label,
.stats-module.is-loading ul.module-content-tabs li.module-tab.is-selected:hover .label {
  color: rgba(255, 255, 255, 0); }

.stats-module.is-loading.summary .module-placeholder.is-block {
  display: block; }

.stats-module__expand {
  line-height: 40px;
  display: block; }
  @media (max-width: 480px) {
    .stats-module__expand {
      line-height: 48px; } }
  .stats-module.is-loading .stats-module__expand,
  .stats-module.has-no-data .stats-module__expand {
    display: none; }
  .stats-module__expand a {
    border-top: 1px solid #f3f6f8;
    display: block;
    font-size: 14px;
    padding: 0 24px;
    position: relative; }
    @media (min-width: 481px) {
      .stats-module__expand a:hover {
        background: #f3f6f8;
        border-top-color: white; } }
    .stats-module__expand a:focus {
      background: #f3f6f8;
      border-top-color: white; }
    @media (min-width: 961px) {
      .stats__module-list .stats-module__expand a {
        font-size: 12px; } }

.stats-module__expand-right {
  color: #87a6bc;
  position: absolute;
  right: 24px;
  top: 0; }

.stats-module .upgrade-nudge.card, .stats-module .upgrade-nudge.editor-drawer-well__placeholder {
  margin: 16px; }

.stats-module__select-dropdown-wrapper {
  padding: 16px;
  text-align: center; }
  .stats-module__select-dropdown-wrapper .select-dropdown__container {
    position: relative; }
  .stats-module.is-loading .stats-module__select-dropdown-wrapper,
  .stats-module.has-no-data .stats-module__select-dropdown-wrapper {
    display: none; }

.card.stats-module, .stats-module.editor-drawer-well__placeholder {
  padding: 0;
  margin-bottom: 10px; }

.stats__module-list:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.stats-insights__nonperiodic.has-no-recent {
  color: #2e4453;
  font-weight: 300; }
  @media (max-width: 660px) {
    .stats-insights__nonperiodic.has-no-recent p {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (max-width: 480px) {
    .stats-insights__nonperiodic.has-no-recent p {
      text-align: center; } }

@-webkit-keyframes stats-date-picker__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stats-date-picker__spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.stats-section-title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 300;
  margin: 1em 0; }
  @media (max-width: 660px) {
    .stats-section-title {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (max-width: 480px) {
    .stats-section-title {
      text-align: center; } }

.module-expand {
  line-height: 40px;
  display: block; }
  @media (max-width: 480px) {
    .module-expand {
      line-height: 48px; } }
  .stats-module.is-loading .module-expand,
  .stats-module.has-no-data .module-expand {
    display: none; }
  .module-expand a {
    border-top: 1px solid #f3f6f8;
    display: block;
    font-size: 14px;
    padding: 0 24px;
    position: relative; }
    @media (min-width: 481px) {
      .module-expand a:hover {
        background: #f3f6f8;
        border-top-color: white; } }
    .module-expand a:focus {
      background: #f3f6f8;
      border-top-color: white; }
    @media (min-width: 961px) {
      .stats__module-list .module-expand a {
        font-size: 12px; } }
  .module-expand .right {
    color: #87a6bc;
    position: absolute;
    right: 24px;
    top: 0; }

.module-header {
  background: white;
  height: 40px;
  line-height: 40px;
  padding-left: 24px;
  position: relative; }
  .stats-module.is-loading .module-header {
    cursor: default;
    height: 40px; }
  .stats-module.summary .module-header {
    cursor: default; }

.module-header-title {
  color: #2e4453;
  font-weight: 600;
  height: 40px;
  overflow: hidden;
  width: auto; }

ul.module-header-actions {
  background: white;
  height: 40px;
  list-style: none;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0; }
  ul.module-header-actions::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }
  ul.module-header-actions .module-header-action {
    display: inline-block; }
    ul.module-header-actions .module-header-action:last-child .module-header-action-link, ul.module-header-actions .module-header-action:last-child .module-header-action-link::after {
      padding-right: 12px; }
    .summary ul.module-header-actions .module-header-action.toggle-services {
      display: none; }
  ul.module-header-actions .gridicon {
    vertical-align: middle; }
    .stats-module.is-loading ul.module-header-actions .gridicon {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .stats-module.is-loading ul.module-header-actions .gridicon:hover::before,
    .stats-module.is-loading ul.module-header-actions .gridicon::before,
    .stats-module.is-loading ul.module-header-actions .gridicon:hover,
    .stats-module.is-loading ul.module-header-actions .gridicon {
      color: #f3f6f8;
      fill: #f3f6f8; }
  ul.module-header-actions .module-header-action-link {
    color: #87a6bc;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    position: relative;
    text-align: center;
    z-index: 2; }
    .stats-module.is-loading ul.module-header-actions .module-header-action-link {
      cursor: default; }
  @media (min-width: 481px) {
    .stats-module:hover ul.module-header-actions .module-header-action-link {
      color: #0087be; }
    .module-header ul.module-header-actions .module-header-action-link:hover {
      color: #33bbe3; } }
  .module-header ul.module-header-actions .module-header-action-link:focus {
    color: #33bbe3; }
  ul.module-header-actions .toggle-info,
  .stats-module.is-loading ul.module-header-actions .toggle-info {
    display: none; }
  .stats-module.is-expanded ul.module-header-actions .toggle-info {
    display: inline-block; }
  ul.module-header-actions .toggle-services .gridicon {
    -webkit-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .stats-module.is-expanded ul.module-header-actions .toggle-services .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.module-content .upgrade-nudge.card, .module-content .upgrade-nudge.editor-drawer-well__placeholder {
  margin: 16px; }

.module-content-text {
  box-sizing: border-box;
  color: #2e4453;
  font-size: 13px;
  padding: 16px 16px 0 16px;
  min-height: 1em;
  width: 100%;
  text-align: center; }
  .module-content-text a {
    display: block; }
    @media (min-width: 481px) {
      .module-content-text a {
        display: inline; } }
  @media (min-width: 961px) {
    .stats__module-list .module-content-text {
      font-size: 12px; } }
  .stats-module.has-no-data .module-content-text,
  .stats-module.is-loading .module-content-text {
    display: none; }
  .module-content-text-info {
    background: #f3f6f8;
    box-shadow: inset 0 1px 0 #f3f6f8;
    color: #2e4453;
    display: none;
    position: relative; }
    .stats-module.is-showing-info .module-content-text-info {
      display: inline-block; }
    .stats-module.is-loading.is-showing-info .module-content-text-info {
      display: none; }
  .module-content-text ul,
  .module-content-text ol {
    margin: 0; }
  .module-content-text .legend.published {
    border-left: 4px solid #f0821e;
    padding-left: 12px; }
  .module-content-text .legend.achievement {
    color: #f0b849; }
  .stats-module.has-no-data .module-content-text .legend {
    display: none; }
  .module-content-text .gridicon {
    margin-right: 4px;
    vertical-align: middle; }
  .module-content-text .documentation {
    list-style: none; }
    .module-content-text .documentation li {
      font-size: 14px;
      line-height: 2em; }
      @media (min-width: 961px) {
        .stats__module-list .module-content-text .documentation li {
          font-size: 12px; } }
      @media (max-width: 480px) {
        .module-content-text .documentation li {
          border-bottom: 1px solid #f3f6f8; }
          .module-content-text .documentation li:last-child {
            border: 0;
            margin-bottom: -12px; } }
    .module-content-text .documentation a {
      display: block;
      position: relative;
      padding: 6px 0 6px 0; }
      @media (max-width: 480px) {
        .module-content-text .documentation a {
          padding-top: 12px;
          padding-bottom: 12px; } }

.tab-email-followers .tab-content.email-followers,
.tab-wpcom-followers .tab-content.wpcom-followers,
.tab-top-authors .tab-content.top-authors,
.tab-top-content .tab-content.top-content {
  display: block; }

.stats-detail__row-label {
  font-weight: 600; }

.module-content-table {
  position: relative; }
  .module-content-table .module-content-table-scroll {
    min-height: 210px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: visible; }
  .module-content-table td,
  .module-content-table th {
    border-bottom: 1px solid #f3f6f8;
    border-right: 1px solid #f3f6f8;
    font-size: 12px;
    padding: 8px 12px;
    white-space: nowrap; }
    .module-content-table td:first-child,
    .module-content-table th:first-child {
      padding-left: 24px; }
    .module-content-table td:last-child,
    .module-content-table th:last-child {
      border-right: none;
      padding-right: 60px; }
  .module-content-table tbody tr:last-child th,
  .module-content-table tbody tr:last-child td {
    border-bottom: none; }
  .module-content-table tbody th:first-child {
    background: white;
    position: absolute;
    z-index: 2; }
  @media (min-width: 481px) {
    .stats-module .module-content-table td.has-no-data:hover,
    .module-content-table tbody tr:hover td,
    .module-content-table tbody tr:hover th {
      background: #f3f6f8; }
    .stats-module .module-content-table td.highest-count:hover,
    .module-content-table tbody tr td:hover {
      background: #f3f6f8;
      color: #2e4453; } }
  .stats-module .module-content-table td.highest-count {
    color: #f0b849;
    position: relative; }
  .module-content-table .spacer {
    color: transparent; }
  .module-content-table .stats-detail-weeks__date,
  .module-content-table .stats-detail-weeks__value {
    white-space: nowrap; }
  .module-content-table .stats-detail-weeks__value {
    display: block;
    font-size: 12px; }
    .module-content-table .stats-detail-weeks__value.is-rising {
      color: #4ab866; }
    .module-content-table .stats-detail-weeks__value.is-falling {
      color: #d94f4f; }
    .module-content-table .stats-detail-weeks__value.is-same {
      color: #87a6bc; }
    .module-content-table .stats-detail-weeks__value.is-rising, .module-content-table .stats-detail-weeks__value.is-falling, .module-content-table .stats-detail-weeks__value.is-same {
      margin-top: -2px; }
    .module-content-table .stats-detail-weeks__value .gridicon {
      margin: 0 2px -3px -4px;
      width: 15px; }
  .module-content-table thead th,
  .module-content-table .stats-detail-weeks__date {
    color: #87a6bc; }
  .module-content-table .stats-detail-weeks__date {
    display: block;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase; }
  .module-content-table::before, .module-content-table::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    top: 0;
    width: 20px;
    z-index: 1; }
  .module-content-table::after {
    left: auto;
    right: 0;
    width: 60px;
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }

.stats-module__all-time-nav .stats-section-title {
  margin: 0 16px 16px 16px; }

.stats-module__footer-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.stats-module__header.is-refreshing {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.stats-page-placeholder__content.is-loading .module-header {
  height: auto; }
  .stats-page-placeholder__content.is-loading .module-header .module-header-title {
    height: 80px; }

.stats-page-placeholder__header.is-loading .module-header {
  height: auto; }
  .stats-page-placeholder__header.is-loading .module-header .module-header-title {
    height: 50px; }

.stats-period-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5em 0;
  padding: 0 20px; }
  .stats-period-navigation .stats-period-navigation__children {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .stats-period-navigation .stats-section-title {
    margin: 0; }
  .stats-period-navigation .stats-period-navigation__previous, .stats-period-navigation .stats-period-navigation__next {
    cursor: pointer;
    color: #4f748e; }
    @media (max-width: 660px) {
      .stats-period-navigation .stats-period-navigation__previous, .stats-period-navigation .stats-period-navigation__next {
        display: none; } }
    .stats-period-navigation .stats-period-navigation__previous:hover, .stats-period-navigation .stats-period-navigation__next:hover {
      color: #0068ff; }
    .stats-period-navigation .stats-period-navigation__previous.is-disabled, .stats-period-navigation .stats-period-navigation__next.is-disabled {
      visibility: hidden; }

.stats-post-likes .count {
  margin-left: 8px; }

.stats-post-likes .stats-post-likes__content {
  box-sizing: border-box;
  padding: 8px 24px 16px;
  color: #2e4453; }

.stats-post-likes.is-loading .stats-post-likes__content {
  display: none; }

.stats-post-likes .module-content-text-info {
  padding: 16px; }

.stats-post-summary .section-nav {
  margin-bottom: 0;
  padding: 16px 0;
  box-shadow: 0 -1px 0 0 rgba(200, 215, 225, 0.5), -1px -1px 0 0 rgba(200, 215, 225, 0.5), 1px -1px 0 0 rgba(200, 215, 225, 0.5);
  z-index: 1; }
  .stats-post-summary .section-nav .segmented-control {
    margin: 0 auto; }
    .stats-post-summary .section-nav .segmented-control .segmented-control__link {
      padding: 4px 16px; }

.stats__overview .module-header__link, .stats__latest-post-summary .module-header__link {
  display: block;
  white-space: nowrap;
  overflow: hidden; }
  @media (max-width: 480px) {
    .stats__overview .module-header__link:focus, .stats__latest-post-summary .module-header__link:focus {
      color: #33bbe3; } }

.stats__overview .module-header__site-icon, .stats__latest-post-summary .module-header__site-icon {
  float: left;
  margin: 7px 8px 0 0; }

.stats__overview .module-header__right-icon, .stats__latest-post-summary .module-header__right-icon {
  position: relative;
  float: right;
  background: white;
  padding-right: 15px; }
  .stats__overview .module-header__right-icon::before, .stats__latest-post-summary .module-header__right-icon::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }
  .stats__overview .module-header__right-icon .gridicon, .stats__latest-post-summary .module-header__right-icon .gridicon {
    vertical-align: middle; }

.stats__overview .value, .stats__latest-post-summary .value {
  font-size: 24px;
  padding: 16px 0; }

.stats__latest-post-summary .value {
  font-size: 32px; }

.stats-tabs {
  background: white;
  border-top: 1px solid #f3f6f8;
  list-style: none;
  margin: 0; }
  .stats-tabs:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .stats-tabs.is-borderless {
    border-top: 0px; }
  .stats-tabs .stats-tab {
    background: white;
    border-top: 1px solid #f3f6f8;
    box-sizing: border-box;
    clear: none;
    float: none;
    font-size: 16px;
    margin: 0;
    text-align: left; }
    .stats-tabs .stats-tab:first-child {
      border-top: none; }
    .stats-tabs .stats-tab.is-compact {
      border-top: 1px solid #f3f6f8;
      border-left: none;
      float: none;
      width: 100%;
      text-align: left;
      font-size: 14px; }
      .stats-tabs .stats-tab.is-compact:first-child {
        border-top: none; }
      .stats-tabs .stats-tab.is-compact a,
      .stats-tabs .stats-tab.is-compact .no-link {
        display: block;
        min-height: 35px;
        padding-top: 10px;
        padding-bottom: 0px; }
      .stats-tabs .stats-tab.is-compact .label {
        float: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 14px; }
      .stats-tabs .stats-tab.is-compact .gridicon {
        float: left;
        margin: 2px 20px 0 20px; }
      .stats-tabs .stats-tab.is-compact .value {
        color: #0087be;
        display: block;
        line-height: 24px;
        text-align: center;
        -webkit-transition: font-size .3s 0 ease-out;
        transition: font-size .3s 0 ease-out;
        clear: none;
        float: right;
        padding: 0 20px 0 10px; }
    @media (min-width: 481px) {
      .stats-tabs .stats-tab {
        border-top: none;
        border-left: 1px solid #f3f6f8;
        float: left;
        width: 25%;
        text-align: center; }
        .stats-tabs .stats-tab:first-child {
          border-left: none; } }
    .stats-tabs .stats-tab a {
      color: #2e4453; }
    .stats-tabs .stats-tab a,
    .stats-tabs .stats-tab .no-link {
      display: block;
      min-height: 35px;
      padding-top: 10px; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab a,
        .stats-tabs .stats-tab .no-link {
          -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          padding: 5px 0 10px;
          -webkit-touch-callout: none; }
          .stats-tabs .stats-tab a:after,
          .stats-tabs .stats-tab .no-link:after {
            content: ".";
            display: block;
            height: 0;
            width: 0;
            clear: both;
            visibility: hidden; } }
    .stats-tabs .stats-tab .label {
      float: left;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab .label {
          font-size: 11px;
          line-height: inherit;
          float: none; } }
    .stats-tabs .stats-tab .gridicon {
      float: left;
      margin: 3px 8px 0 20px; }
      @media (min-width: 481px) {
        .stats-tabs .stats-tab .gridicon {
          float: none;
          vertical-align: middle;
          margin: -2px 4px 0 0; } }
    .stats-tabs .stats-tab .value {
      clear: both;
      color: #0087be;
      display: block;
      float: none;
      line-height: 24px;
      text-align: center;
      -webkit-transition: font-size .3s 0 ease-out;
      transition: font-size .3s 0 ease-out; }
      @media (max-width: 480px) {
        .stats-tabs .stats-tab .value {
          clear: none;
          float: right;
          font-size: 16px;
          padding: 0 20px 0 10px; } }
    @media (min-width: 481px) {
      .stats-tabs .stats-tab a:hover,
      .stats-tabs .stats-tab a:hover .value,
      .stats-tabs .stats-tab.is-low a:hover,
      .stats-tabs .stats-tab.is-low a:hover .value {
        color: #33bbe3; }
      .stats-tabs .stats-tab a:hover {
        background: white;
        cursor: pointer; } }
    .stats-tabs .stats-tab a:focus,
    .stats-tabs .stats-tab a:focus .value,
    .stats-module .stats-tabs .stats-tab.is-selected a:focus,
    .stats-module .stats-tabs .stats-tab.is-selected a:focus .value,
    .stats-tabs .stats-tab.is-low a:focus,
    .stats-tabs .stats-tab.is-low a:focus .value {
      color: #33bbe3; }
    .stats-tabs .stats-tab a:focus {
      background: rgba(255, 255, 255, 0.5); }
    .stats-module .stats-tabs .stats-tab.is-selected a {
      background: white;
      border-top: 1px solid white;
      margin-top: -1px;
      cursor: default; }
    .stats-tabs .stats-tab.is-selected a,
    .stats-tabs .stats-tab.is-selected.is-low a {
      color: #2e4453; }
    .stats-tabs .stats-tab.is-selected a .value,
    .stats-tabs .stats-tab.is-selected.is-low a .value,
    .stats-tabs .stats-tab.is-selected a:hover .value {
      color: #f0821e; }
    .stats-tabs .stats-tab .is-low,
    .stats-tabs .stats-tab.is-low a .value {
      color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading a,
    .stats-tabs .stats-tab.is-loading a:hover {
      cursor: default; }
    .stats-tabs .stats-tab .no-link .value {
      color: #2e4453; }
      .stats-tabs .stats-tab .no-link .value.is-low {
        color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading a .value,
    .stats-tabs .stats-tab.is-loading a:hover .value,
    .stats-tabs .stats-tab.is-loading .no-link .value {
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite;
      cursor: default;
      font-size: 110%;
      color: #87a6bc; }
    .stats-tabs .stats-tab.is-loading.is-selected a .value,
    .stats-tabs .stats-tab.is-loading.is-selected a:hover .value {
      color: #87a6bc; }
  .stats-tabs li:only-child {
    width: auto;
    float: none;
    text-align: left; }
    .stats-tabs li:only-child a {
      line-height: 24px;
      padding-top: 10px; }
    .stats-tabs li:only-child .label {
      font-size: 14px;
      line-height: 24px;
      float: left; }
    .stats-tabs li:only-child .gridicon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 24px;
      float: left; }
    .stats-tabs li:only-child .value {
      clear: none;
      float: right;
      margin-right: 24px; }
  .stats-tabs.is-enabled {
    background: #f3f6f8; }
    .stats-tabs.is-enabled,
    .stats-tabs.is-enabled li {
      border-color: #e9eff3; }
    .stats-tabs.is-enabled a {
      background: #f3f6f8; }

.stats-views {
  overflow-x: auto; }

.is-loading .stats-views__months {
  display: none; }

.stats-views__months td, .stats-views__months th {
  padding: 6px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em; }

.stats-views__months th {
  font-size: 11px;
  color: #668eaa; }

.stats-views__month,
.stats-views__key-item {
  background-color: none; }
  .stats-views__month.is-year,
  .stats-views__key-item.is-year {
    background: none;
    text-align: left;
    font-size: 11px;
    color: #668eaa; }
  .stats-views__month.level-0,
  .stats-views__key-item.level-0 {
    background-color: #e9eff3; }
  .stats-views__month.level-1,
  .stats-views__key-item.level-1 {
    background-color: #c8d7e1; }
  .stats-views__month.level-2,
  .stats-views__key-item.level-2 {
    background-color: #91e2fb; }
  .stats-views__month.level-3,
  .stats-views__key-item.level-3 {
    background-color: #1a77ff; }
  .stats-views__month.level-4,
  .stats-views__key-item.level-4 {
    background-color: #0053cc;
    color: white; }
  .stats-views__month.level-5,
  .stats-views__key-item.level-5 {
    background-color: #002a66;
    color: white; }

.stats-views__month-control {
  max-width: 280px;
  margin: 0px auto 10px; }

.stats-views__key-container {
  padding-top: 10px;
  float: right; }
  .stats-views__key-container:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  @media (max-width: 960px) {
    .stats-views__key-container {
      float: none;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.stats-views__key-label,
.stats-views__key {
  display: inline-block; }

.stats-views__key-label {
  font-size: 11px;
  color: #87a6bc;
  letter-spacing: .1em;
  text-transform: uppercase; }

.stats-views__key {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 2px 9px 0 5px; }
  .stats-views__key .stats-views__key-item {
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 3px; }

.theme__sheet {
  max-width: none; }

.theme__sheet-bar {
  background-color: #0087be;
  color: white;
  height: 180px;
  padding: 0;
  margin: 0; }

.theme__sheet-bar-title {
  display: block;
  font-size: 33px;
  font-weight: 100;
  padding-top: 78px;
  padding-left: 25px;
  line-height: 1; }

.theme__sheet-bar-tag {
  max-width: none;
  display: block;
  color: white;
  font-size: 16px;
  font-weight: 200;
  padding-top: 5px;
  padding-left: 25px; }

.theme__sheet-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 960px) {
    .theme__sheet-columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.theme__sheet-column-left,
.theme__sheet-column-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 960px) {
    .theme__sheet-column-left,
    .theme__sheet-column-right {
      width: 100%; } }

.theme__sheet-action-bar {
  height: 50px; }
  @media (max-width: 960px) {
    .theme__sheet-action-bar.card, .theme__sheet-action-bar.editor-drawer-well__placeholder {
      margin: 0 0 1px 0; } }

.theme__sheet-primary-button {
  position: absolute;
  top: 5px;
  right: 50%;
  margin-right: 20px; }
  @media (max-width: 960px) {
    .theme__sheet-primary-button {
      margin-right: 0;
      position: absolute;
      top: 5px;
      right: 5px; } }

.theme__sheet-button-placeholder {
  color: transparent; }

.theme__sheet-action-bar-cost {
  font-weight: 600;
  color: #4AB866;
  margin-left: 10px;
  display: inline-block;
  max-width: 50%; }

.theme__sheet-screenshot {
  display: block;
  position: relative;
  top: -156px;
  width: 98%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0px 2px 8px 0px rgba(46, 68, 83, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  min-height: 36.15vw; }
  @media (max-width: 960px) {
    .theme__sheet-screenshot {
      position: relative;
      top: 0;
      width: 100%;
      height: 75vw;
      overflow: hidden;
      box-shadow: none; }
      .theme__sheet-screenshot:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30%;
        background: -webkit-linear-gradient(top, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, 0.5) 40%, #f3f6f8 93%);
        background: linear-gradient(to bottom, rgba(243, 246, 248, 0) 0%, rgba(243, 246, 248, 0.5) 40%, #f3f6f8 93%); } }
  @media (min-width: 961px) {
    .theme__sheet-screenshot.is-active:hover {
      cursor: pointer;
      box-shadow: 0 0 0 1px #87a6bc, 0px 2px 10px 0px rgba(46, 68, 83, 0.5); }
      .theme__sheet-screenshot.is-active:hover .theme__sheet-preview-link {
        color: white; } }

.theme__sheet-img {
  display: block;
  width: 100%; }

.theme__sheet-preview-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -24px;
  color: #e9eff3;
  cursor: pointer;
  -webkit-transition: all ease-in-out 100ms;
  transition: all ease-in-out 100ms; }
  .theme__sheet-preview-link:hover {
    color: white; }
  .theme__sheet-preview-link .theme__sheet-preview-link-text {
    font-size: 12px;
    margin-top: 2px; }
  @media (max-width: 960px) {
    .theme__sheet-preview-link {
      top: 90%;
      left: 0;
      right: 0; }
      .theme__sheet-preview-link .theme__sheet-preview-link-text {
        margin: 0 auto;
        padding: 2px 8px 3px 8px;
        background-color: #f3f6f8;
        color: #537994;
        font-size: 11px;
        font-weight: 600;
        border-radius: 3px;
        border: 1px solid #c8d7e1; } }

.theme__sheet-content {
  padding: 20px;
  font-size: 14px;
  min-height: 400px; }
  .theme__sheet-content div {
    width: auto !important; }
  .theme__sheet-content p:last-child {
    margin-bottom: 0; }
  .theme__sheet-content img.aligncenter {
    max-width: 100%;
    display: block;
    margin: 20px auto;
    border: 1px solid #f3f6f8; }
  .theme__sheet-content img.alignright, .theme__sheet-content img.alignleft {
    max-width: 100%;
    margin: 7px 0 20px; }
  .theme__sheet-content img.alignright {
    float: right;
    margin-left: 20px; }
  .theme__sheet-content img.alignleft {
    float: left;
    margin-right: 20px; }
  .theme__sheet-content .wp-caption {
    margin-bottom: 20px; }
  .theme__sheet-content .wp-caption-text {
    color: #87a6bc;
    font-size: 12px; }
  .theme__sheet-content h2 {
    color: #87a6bc;
    font-size: 14px;
    font-weight: 400;
    margin: -20px -20px 20px;
    padding: 15px 20px 15px;
    border-bottom: 1px solid #dce5eb; }
    .theme__sheet-content h2:nth-child(n+2) {
      border-top: 1px solid #dce5eb;
      margin: 20px -20px 20px;
      padding: 15px 20px 15px; }
      .theme__sheet-content h2:nth-child(n+2):before {
        content: "";
        display: block;
        height: 15px;
        margin: -15px -21px 15px;
        border-bottom: 1px solid #dce5eb;
        background: #f3f6f8; }
  .theme__sheet-content h3 {
    font-size: 20px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h4 {
    font-size: 18px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h5 {
    font-size: 16px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content h6 {
    font-size: 14px;
    font-weight: 200;
    margin: 40px 0 10px; }
  .theme__sheet-content pre {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    white-space: pre-wrap;
    padding: 8px; }
  .theme__sheet-content code {
    font-size: 14px;
    background: #f3f6f8;
    padding: 1px 4px;
    border-radius: 2px; }
  .theme__sheet-content blockquote {
    padding: 30px;
    margin: 0 -20px;
    border-left: 2px solid #87a6bc; }
  .theme__sheet-content .notes {
    background: #f3f6f8;
    margin: 40px -20px 40px;
    border-top: 1px solid #e9eff3;
    border-bottom: 1px solid #e9eff3;
    padding: 20px;
    font-size: 13px;
    line-height: 21px; }
    .theme__sheet-content .notes > p:first-child {
      color: #87a6bc;
      font-weight: 600;
      margin: 0 0 14px; }
    .theme__sheet-content .notes ol {
      margin-left: 20px; }
    .theme__sheet-content .notes code {
      font-size: 11px;
      background: #ffffff;
      padding: 2px 4px;
      border-radius: 4px; }
    .theme__sheet-content .notes :last-child {
      margin-bottom: 5px; }
    .theme__sheet-content .notes:last-child {
      margin-bottom: -20px;
      border-bottom: 0; }

.theme__sheet-placeholder {
  color: transparent;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.theme__sheet-features-list {
  text-align: center;
  margin: -10px;
  padding: 0; }
  .theme__sheet-features-list a {
    display: inline-block;
    position: relative;
    background: #e9eff3;
    color: #2e4453;
    margin: 4px;
    padding: 2px 12px;
    border-radius: 3px;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in; }
    .theme__sheet-features-list a:after {
      content: "";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 3px;
      background: #005082;
      top: 0;
      left: 0;
      padding: 0;
      z-index: -1;
      -webkit-transform: scale(0.9, 0.9);
              transform: scale(0.9, 0.9);
      -webkit-transition: opacity 400ms, -webkit-transform 300ms;
      transition: opacity 400ms, -webkit-transform 300ms;
      transition: transform 300ms, opacity 400ms;
      transition: transform 300ms, opacity 400ms, -webkit-transform 300ms; }
    .theme__sheet-features-list a:hover {
      color: white;
      background-color: #005082; }
      .theme__sheet-features-list a:hover:after {
        -webkit-transform: scale(1.07, 1.16);
                transform: scale(1.07, 1.16); }
  .theme__sheet-features-list li {
    list-style: none;
    display: inline-block;
    position: relative;
    z-index: 0; }

.theme__sheet-card-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .theme__sheet-card-support:not(:last-child) {
    margin-bottom: 0; }
  @media (max-width: 960px) {
    .theme__sheet-card-support {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .theme__sheet-card-support .gridicon {
    color: #c8d7e1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .theme__sheet-card-support .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media (max-width: 960px) {
      .theme__sheet-card-support .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        margin-top: 20px;
        text-align: center; } }

.theme__sheet-card-support-details {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20px;
      -ms-flex: 1 1 20px;
          flex: 1 1 20px;
  padding: 0 20px; }
  .theme__sheet-card-support-details small {
    display: block;
    color: #87a6bc; }

.theme__sheet-footer-line {
  color: #c8d7e1;
  border-top: 1px solid #c8d7e1;
  margin: 32px 0 20px; }
  .theme__sheet-footer-line .gridicon {
    display: block;
    margin: -12px auto 0;
    background: #f3f6f8; }

.theme__sheet-content-presentation-image {
  display: none; }

.theme-download-card {
  text-align: center; }
  .theme-download-card .gridicon {
    display: inline-block;
    margin: -0.5em 0 -1.1em;
    fill: #C8D7E1; }
  .theme-download-card .button {
    display: inline-block; }
  .theme-download-card p {
    margin: 1.15em 0; }
    .theme-download-card p a {
      color: inherit;
      text-decoration: underline; }

@media (min-width: 1041px) {
  .theme-download-card {
    text-align: inherit; }
    .theme-download-card .gridicon {
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin: 0.3em 0 0 0;
      float: left;
      top: 50%; }
    .theme-download-card .button {
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%;
      right: 26px; }
    .theme-download-card p {
      margin: 0 122px 0 71px; } }

.themes-related-card__themes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-left: 0px;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  @media (max-width: 660px) {
    .themes-related-card__themes {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; } }
  .themes-related-card__themes li {
    list-style-type: none; }
  .themes-related-card__themes li:not(:last-child) {
    margin: 0 16px 0 0; }
  @media (max-width: 660px) {
    .themes-related-card__themes li:not(:last-child) {
      margin: 0 0 0 0; } }

.themes-related-card__card {
  padding: 0; }

.themes-related-card__link p {
  text-align: center; }
  .themes-related-card__link p a {
    color: inherit;
    text-decoration: underline; }

.current-theme {
  font-weight: 600;
  padding: 0px;
  margin-bottom: 24px; }

.current-theme__current {
  height: 56px; }
  @media (min-width: 481px) {
    .current-theme__current {
      width: 50%;
      float: left; } }

.current-theme__img {
  height: 100%; }
  @media (max-width: 480px) {
    .current-theme__img {
      border-left: 1px solid rgba(200, 215, 225, 0.75);
      float: right; } }
  @media (min-width: 481px) {
    .current-theme__img {
      border-right: 1px solid rgba(200, 215, 225, 0.75);
      float: left; } }

.current-theme__img-placeholder {
  width: 75px;
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  height: 100%; }
  @media (max-width: 480px) {
    .current-theme__img-placeholder {
      float: right; } }
  @media (min-width: 481px) {
    .current-theme__img-placeholder {
      float: left; } }

.current-theme__label {
  font-size: 0.8em;
  color: #87a6bc;
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: -2px;
  display: inline-block; }

.current-theme__name {
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block; }

.current-theme__placeholder {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.current-theme__actions {
  height: 56px;
  border-top: 1px solid rgba(200, 215, 225, 0.75);
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .current-theme__actions {
      width: 50%;
      float: right;
      border-top: none;
      border-left: 1px solid rgba(200, 215, 225, 0.75); } }
  @media (min-width: 481px) {
    .current-theme__actions.two-buttons {
      width: 33.3%; } }
  .current-theme__actions.two-buttons .current-theme__button {
    width: 50%; }

.current-theme__button {
  height: 56px;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-weight: normal;
  /* transition: all 200ms ease-in-out; /* Unfortunately gradients don't transition (long-content-fade) */
  position: relative; }
  .current-theme__button:link, .current-theme__button:visited {
    color: #2e4453; }
  .current-theme__button.disabled {
    cursor: default; }
    .current-theme__button.disabled span {
      color: #87a6bc; }
  .current-theme__button:not(.disabled):hover {
    background: #f3f6f8;
    cursor: pointer; }
  .current-theme__button:not(.disabled):active {
    background: #f3f6f8; }
  .accessible-focus .current-theme__button:focus {
    z-index: 1;
    outline: solid 3px #78dcfa; }

.current-theme__button-label {
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%; }
  .current-theme__button-label:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }
  .current-theme__button:not(.disabled):hover .current-theme__button-label:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
    background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.current-theme__info {
  border-left: 1px solid rgba(200, 215, 225, 0.75);
  border-right: 1px solid rgba(200, 215, 225, 0.75); }
  .current-theme__info:last-child {
    border-right: none; }

.themes-thanks-modal {
  width: 300px;
  padding: 1.5em;
  min-height: 245px; }
  @media (max-width: 480px) {
    .themes-thanks-modal {
      box-sizing: border-box;
      width: 100%; } }
  .themes-thanks-modal h1 {
    display: block;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 4rem;
    text-align: center;
    height: auto; }
    .themes-thanks-modal h1 p {
      margin: 0; }
  .themes-thanks-modal ul {
    display: block;
    margin-left: 10px; }
    .themes-thanks-modal ul a {
      white-space: nowrap; }

.themes__selection .themes-list {
  margin-top: 24px; }

.themes__site-selector-modal {
  padding-bottom: 24px; }
  .themes__site-selector-modal .site-selector-modal__content .theme {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 481px) {
      .themes__site-selector-modal .site-selector-modal__content .theme {
        width: 300px; } }
  .themes__site-selector-modal .site-selector-modal__content h1 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 0; }
  .themes__site-selector-modal .site-selector-modal__content > h2 {
    text-align: center;
    font-size: 0.75em;
    line-height: 0.75em; }

.sticky-panel .themes__search-card {
  -webkit-transition: 0.3s box-shadow;
  transition: 0.3s box-shadow; }

.sticky-panel.is-sticky .themes__search-card {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 2px 4px #c8d7e1; }

.themes__upload-button {
  float: right; }
  .themes__upload-button.is-compact {
    margin-top: 23px;
    color: #2e4453; }
    .themes__upload-button.is-compact .gridicon {
      top: 6px;
      padding-right: 4px; }
    @media (max-width: 660px) {
      .themes__upload-button.is-compact {
        margin-top: 18px; } }
    @media (max-width: 480px) {
      .themes__upload-button.is-compact {
        margin-top: 20px;
        font-size: 0; }
        .themes__upload-button.is-compact .gridicon {
          padding: 0; } }

.themes__search-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .themes__search-card .search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0; }
  .themes__search-card .section-nav {
    margin: 0; }
  .themes__search-card .search .search__open-icon {
    color: #a8bece; }
  .themes__search-card .select-dropdown,
  .themes__search-card .more {
    display: inline-block;
    height: 43px;
    margin-right: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .themes__search-card .select-dropdown {
    margin-left: 16px; }
  .themes__search-card .more {
    line-height: 18px;
    padding: 11px 14px 11px; }
  .themes__search-card .select-dropdown .select-dropdown__header {
    pointer-events: none; }

/*
 * Search card and text input
 */
.themes-magic-search-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .themes-magic-search-card.has-highlight {
    box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; }
  .themes-magic-search-card .search {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0; }
    .themes-magic-search-card .search.has-focus {
      box-shadow: none; }
  .themes-magic-search-card .search.is-expanded-to-container {
    height: 58px; }
  .themes-magic-search-card .section-nav {
    margin: 0; }
  .themes-magic-search-card .search .search-open__icon {
    color: #a8bece; }
  .themes-magic-search-card .themes-magic-search-card__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #0087be;
    cursor: pointer;
    z-index: 20; }
    .accessible-focus .themes-magic-search-card .themes-magic-search-card__icon:focus {
      outline: dotted 1px #0087be; }
    .themes-magic-search-card .themes-magic-search-card__icon .themes-magic-search-card__icon-close {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      color: #3d596d;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; }
  .themes-magic-search-card .segmented-control {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0;
    padding: 11px 14px 11px; }
    .themes-magic-search-card .segmented-control .segmented-control__item,
    .themes-magic-search-card .segmented-control .segmented-control__link,
    .themes-magic-search-card .segmented-control .segmented-control__text {
      min-width: inherit; }
  .themes-magic-search-card .more {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding: 8px 14px 8px; }

/*
 * Tokens
 */
.themes-magic-search-card__token {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  position: relative;
  /* These are styling */ }
  .themes-magic-search-card__token:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc( 100% + -3px);
    z-index: -1; }
  .themes-magic-search-card__token .themes-magic-search-card__token-taxonomy {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #0068ff;
    opacity: 0.6; }
  .themes-magic-search-card__token .themes-magic-search-card__token-separator {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #0068ff;
    opacity: 0.6; }
  .themes-magic-search-card__token .themes-magic-search-card__token-filter {
    /* These are required to make token alignment work */
    pointer-events: none;
    display: inline-block;
    /* These are styling */
    border-bottom: 3px solid #0068ff; }

.themes-magic-search-card__search-text {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  color: transparent; }

.themes-magic-search-card__search-white-space {
  /* These are required to make token alignment work */
  font: inherit;
  pointer-events: none;
  white-space: pre; }

/*
 * Suggestions
 */
.themes-magic-search .themes-magic-search-card__welcome {
  display: none; }

.themes-magic-search.has-suggestions .themes-magic-search-card__welcome,
.themes-magic-search.has-suggestions .suggestions {
  display: block;
  margin-top: 5px; }

/*
 * Suggestions: Welcome Card
 */
.themes-magic-search-card__welcome {
  color: #87a6bc;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.themes-magic-search-card__welcome-header {
  background-color: #f3f6f8;
  border-bottom: 1px solid #d2dee6;
  border-top: 0px;
  padding: 4px 8px;
  font-size: 13px;
  text-transform: uppercase;
  color: #2e4453; }

.themes-magic-search-card__welcome-taxonomies {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 661px) {
    .themes-magic-search-card__welcome-taxonomies {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.themes-magic-search-card__welcome-taxonomy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: hidden;
  padding: 10px 6px;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  text-transform: capitalize;
  cursor: pointer;
  color: #2e4453;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in; }
  @media (min-width: 661px) {
    .themes-magic-search-card__welcome-taxonomy {
      width: auto; } }
  .themes-magic-search-card__welcome-taxonomy .gridicon {
    fill: #2e4453;
    margin: 0 auto;
    -webkit-transition: fill 200ms ease-in;
    transition: fill 200ms ease-in; }
  .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight, .themes-magic-search-card__welcome-taxonomy:hover {
    color: #0068ff; }
    .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight .gridicon, .themes-magic-search-card__welcome-taxonomy:hover .gridicon {
      fill: #0068ff; }
    @media (min-width: 661px) {
      .themes-magic-search-card__welcome-taxonomy.themes-magic-search-card__welcome-taxonomy-highlight, .themes-magic-search-card__welcome-taxonomy:hover {
        background: #fafbfc;
        box-shadow: inset 0 -3px 0 0 #0068ff; } }

.themes-magic-search-card__welcome-taxonomy-icon {
  pointer-events: none; }

.theme-upload__dropzone {
  position: relative;
  background-color: #f3f6f8;
  border: 2px dashed #87a6bc;
  -webkit-transition: all 200ms ease-out, color 100ms ease-out;
  transition: all 200ms ease-out, color 100ms ease-out;
  cursor: pointer; }
  .theme-upload__dropzone svg * {
    -webkit-transition: color 100ms ease-out;
    transition: color 100ms ease-out; }
  .theme-upload__dropzone .file-picker {
    color: #2e4453;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 180px; }
  .theme-upload__dropzone:hover {
    border-color: #2e4453;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    box-shadow: 0 2px 4px #c8d7e1; }
    .theme-upload__dropzone:hover .theme-upload__dropzone-icon {
      color: #2e4453; }

.theme-upload__dropzone-icon {
  color: #87a6bc; }

.theme-upload__dropzone-instructions {
  font-style: italic;
  font-size: 12px; }

.theme-upload.is-disabled {
  opacity: 0.2;
  pointer-events: none; }

.theme-upload__theme-sheet {
  font-size: 14px; }

.theme-upload__theme-name {
  font-size: 24px;
  font-weight: 600;
  clear: none; }

.theme-upload__screenshot {
  float: right;
  width: 300px;
  border: 1px solid #e9eff3;
  margin-left: 24px; }
  @media (max-width: 960px) {
    .theme-upload__screenshot {
      float: none;
      margin-left: 0;
      margin-bottom: 24px; } }

.theme-upload__description {
  margin: 24px 0; }

.theme-upload__action-buttons {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 24px -24px -24px; }
  .theme-upload__action-buttons .button {
    margin: 0 20px 0 0; }

.themes-selection-header .section-header {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding: 24px 0px 0px;
  margin-bottom: 4px; }

.themes-selection-header .section-header__label::before {
  background-image: none; }

@media (max-width: 480px) {
  .themes-selection-header .card, .themes-selection-header .editor-drawer-well__placeholder {
    padding-left: 15px;
    padding-right: 15px; } }

.themes-selection-header.is-placeholder .section-header__label-text,
.themes-selection-header.is-placeholder .section-header__actions {
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.upgrade-nudge.card, .upgrade-nudge.editor-drawer-well__placeholder {
  border-left: 3px solid #f0b849;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  padding: 12px 16px; }
  .upgrade-nudge.card .upgrade-nudge__title, .upgrade-nudge.editor-drawer-well__placeholder .upgrade-nudge__title {
    font-size: 14px; }
  .upgrade-nudge.card .button, .upgrade-nudge.editor-drawer-well__placeholder .button {
    margin-left: auto; }
  .upgrade-nudge.card.is-no-margin, .upgrade-nudge.is-no-margin.editor-drawer-well__placeholder {
    margin: 0; }

.upgrade-nudge__icon {
  background: #f0b849;
  border-radius: 50%;
  margin-right: 16px;
  color: white;
  padding: 6px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.upgrade-nudge.button {
  margin-bottom: 16px;
  text-align: left;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .upgrade-nudge.button .upgrade-nudge__icon {
    background: #4ab866; }
  .upgrade-nudge.button.is-full-width {
    width: 100%; }
    @media (min-width: 661px) {
      .upgrade-nudge.button.is-full-width {
        max-width: 420px; } }

.upgrade-nudge__title {
  color: #2e4453;
  font-weight: 500; }

.upgrade-nudge__message {
  color: #537994;
  font-size: 12px;
  display: block; }

.cart-summary-bar {
  padding: 0 15px;
  background-color: #2e4453;
  color: white;
  font-size: 12px; }
  .cart-summary-bar:before {
    font-size: 18px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    display: inline-block;
    padding-right: 10px;
    margin: -3px 0 0 0;
    vertical-align: middle; }

.cart-header {
  height: 38px;
  line-height: 38px; }

.cart-body {
  padding: 15px; }
  .cart-body .cart-items {
    list-style: none;
    margin: 0; }
  .cart-body .cart-item {
    list-style: none;
    display: block;
    border-bottom: 1px solid #e9eff3;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative; }
    .cart-body .cart-item .primary-details {
      vertical-align: top; }
    .cart-body .cart-item .product-name {
      color: #2e4453;
      display: block;
      font-size: 14px;
      padding-right: 30px; }
    .cart-body .cart-item .product-domain {
      color: #668eaa;
      display: block;
      font-size: 12px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .cart-body .cart-item .secondary-details {
      vertical-align: top; }
    .cart-body .cart-item .product-price {
      color: #668eaa;
      display: block;
      font-size: 13px; }
    .cart-body .cart-item .product-monthly-price {
      color: #87a6bc;
      display: block;
      font-size: 11px;
      font-style: italic; }
    .cart-body .cart-item .remove-item {
      box-shadow: none;
      cursor: pointer;
      color: #d94f4f;
      border: 0;
      background: transparent;
      padding: 0;
      margin: 0;
      font-size: 25px;
      position: absolute;
      right: 0;
      top: 0; }
  .cart-body .cart-item__loading-placeholder .remove-item {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    border-radius: 0;
    width: 25px; }
    .cart-body .cart-item__loading-placeholder .remove-item:after {
      content: '\00a0'; }
  .cart-body .cart-total {
    color: #668eaa;
    font-weight: 600;
    font-size: 14px; }
    .cart-body .cart-total .cart-total-label {
      display: inline-block;
      width: 70%; }
    .cart-body .cart-total .cart-total-amount {
      display: inline-block;
      text-align: right;
      width: 30%; }
  .cart-body .cart-coupon {
    font-size: 11px; }
    .cart-body .cart-coupon a {
      color: #0068ff;
      outline: none; }
    .cart-body .cart-coupon form {
      display: block;
      border-top: 1px solid #e9eff3;
      margin: 15px -15px 0 -15px;
      padding: 15px 15px 0 15px; }
      .cart-body .cart-coupon form input[type=text] {
        font-size: 12px;
        margin: 0 4% 0 0;
        width: 70%; }
      .cart-body .cart-coupon form .button {
        font-size: 12px;
        height: 34px;
        padding: 4px;
        width: 26%; }

.cart-items__expander {
  color: #0087be;
  text-decoration: none;
  font-size: 12px; }

.cart-empty {
  background: white;
  padding: 30px;
  text-align: center;
  font-size: 14px; }

.cart__cart-ad {
  background: #f6f9fa;
  border: 1px solid #e9eff3;
  border-radius: 4px;
  font-size: 12px;
  margin: 15px 15px 0px 15px;
  padding: 10px; }

.cart__cart-plan-discount-ad-paragraph:last-child {
  margin-bottom: 0; }

.cart-buttons .button {
  width: 100%;
  margin-bottom: 10px; }
  .cart-buttons .button:last-of-type {
    margin-bottom: 0; }

.cart-toggle-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 48px;
  width: 48px;
  white-space: nowrap;
  cursor: pointer; }
  .cart-toggle-button .gridicon {
    color: #2e4453;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px; }

.popover-cart.pinned {
  position: absolute;
  right: 0;
  top: 0; }

.popover-cart__label {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

.popover-cart__count-badge {
  background: #0068ff;
  border-radius: 16px;
  color: white;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 11px;
  height: 16px;
  padding: 0 5px;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center; }

div.popover-cart__popover {
  width: 330px; }
  div.popover-cart__popover .popover__arrow {
    margin-left: 8px !important; }
  div.popover-cart__popover .popover__inner {
    text-align: left; }
  div.popover-cart__popover .cart-body {
    padding: 0; }
  div.popover-cart__popover .cart-items {
    padding: 15px;
    max-height: 575px;
    overflow-y: auto; }
  div.popover-cart__popover .cart-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  div.popover-cart__popover .cart-total,
  div.popover-cart__popover .cart-buttons {
    background: #f6f9fa; }
  div.popover-cart__popover .cart-total {
    border-top: 1px solid #e9eff3;
    font-size: 16px;
    padding: 15px; }
  div.popover-cart__popover .cart-buttons {
    border-radius: 0 0 4px 4px;
    padding: 0 15px 15px 15px; }
  div.popover-cart__popover .cart-empty + .cart-buttons {
    padding-top: 15px; }

.popover-cart__mobile-cart {
  background-color: white;
  border: 1px solid #c8d7e1;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
  margin: -1px;
  position: relative; }
  .popover-cart__mobile-cart .cart-body {
    padding: 0; }
  .popover-cart__mobile-cart .cart-items {
    max-height: 575px;
    overflow-y: auto;
    padding: 15px; }
  .popover-cart__mobile-cart .cart-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .popover-cart__mobile-cart .cart-total,
  .popover-cart__mobile-cart .cart-buttons {
    background: #f6f9fa; }
  .popover-cart__mobile-cart .cart-total {
    border-top: 1px solid #e9eff3;
    font-size: 16px;
    padding: 15px; }
  .popover-cart__mobile-cart .cart-buttons {
    border-radius: 0 0 4px 4px;
    padding: 0 15px 15px 15px; }
  .popover-cart__mobile-cart .cart-empty + .cart-buttons {
    padding-top: 15px; }
  .popover-cart__mobile-cart .top-arrow {
    border: 10px dashed #c8d7e1;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0; }
    .popover-cart__mobile-cart .top-arrow::before {
      border: 10px solid white;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent;
      content: " ";
      left: 50%;
      margin-left: -10px;
      position: absolute;
      top: 2px; }

.secondary-cart {
  background: white; }

.cart-item__loading-placeholder span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  margin-bottom: 1px; }
  .cart-item__loading-placeholder span:after {
    content: '\00a0'; }

.cart-item__loading-placeholder .product-name {
  width: 55%; }

.cart-item__loading-placeholder .product-domain {
  width: 40%; }

.cart-item__loading-placeholder .product-price {
  width: 20%; }

.stored-card {
  background-image: url("/calypso/images/upgrades/cc-visa-disabled.svg");
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 60px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 15px 15px 95px; }
  .stored-card .stored-card__name {
    color: #668eaa; }
  .stored-card .stored-card__number {
    color: #2e4453;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    font-weight: 600; }
  .stored-card .stored-card__expiration-date {
    color: #668eaa;
    font-style: italic;
    opacity: 0.7;
    white-space: nowrap; }

.stored-card.visa {
  background-image: url("/calypso/images/upgrades/cc-visa-disabled.svg"); }

.stored-card.mastercard {
  background-image: url("/calypso/images/upgrades/cc-mastercard-disabled.svg"); }

.stored-card.amex {
  background-image: url("/calypso/images/upgrades/cc-amex-disabled.svg"); }

.stored-card.discover {
  background-image: url("/calypso/images/upgrades/cc-discover-disabled.svg"); }

.selected > .payment-box-section-inner .stored-card.visa {
  background-image: url("/calypso/images/upgrades/cc-visa.svg"); }

.selected > .payment-box-section-inner .stored-card.mastercard {
  background-image: url("/calypso/images/upgrades/cc-mastercard.svg"); }

.selected > .payment-box-section-inner .stored-card.amex {
  background-image: url("/calypso/images/upgrades/cc-amex.svg"); }

.selected > .payment-box-section-inner .stored-card.discover {
  background-image: url("/calypso/images/upgrades/cc-discover.svg"); }

.checkout {
  position: relative; }
  .checkout .payment-box {
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.8);
            transform: translateZ(0) scale(0.8);
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-name: increase;
            animation-name: increase; }
    @media (max-width: 660px) {
      .checkout .payment-box:not(.domain-details) {
        box-shadow: none; } }
    .checkout .payment-box.is-empty .payment-box-section {
      border: 1px solid #e9eff3;
      margin: 5px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      background-color: white;
      padding: 10px; }
    .checkout .payment-box.is-empty .placeholder, .checkout .payment-box.is-empty .payment-box__title {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite;
      background: #c8d7e1;
      width: 100%;
      height: 100%; }
    .checkout .payment-box.is-empty .payment-box__title {
      height: 22px;
      width: 130px; }
      .checkout .payment-box.is-empty .payment-box__title :after {
        content: ''; }
    .checkout .payment-box.is-empty .payment-box__header {
      height: 16px;
      width: 170px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 170px;
          -ms-flex: 0 0 170px;
              flex: 0 0 170px; }
    .checkout .payment-box.is-empty .placeholder-row {
      height: 40px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 15px; }
    .checkout .payment-box.is-empty .placeholder-col-narrow {
      height: 40px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-bottom: 15px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-narrow {
          -webkit-box-flex: 2;
          -webkit-flex: 2 1 auto;
              -ms-flex: 2 1 auto;
                  flex: 2 1 auto; } }
    .checkout .payment-box.is-empty .placeholder-inline-pad {
      padding-right: 15px; }
    @media (min-width: 481px) {
      .checkout .payment-box.is-empty .placeholder-inline-pad-only-wide {
        padding-right: 15px; } }
    .checkout .payment-box.is-empty .placeholder-col-wide {
      height: 40px;
      margin-bottom: 15px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-col-wide {
          -webkit-box-flex: 6;
          -webkit-flex: 6 3 auto;
              -ms-flex: 6 3 auto;
                  flex: 6 3 auto; } }
    .checkout .payment-box.is-empty .placeholder-button {
      height: 50px;
      width: 100%; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button {
          width: 80px;
          height: 40px; } }
    .checkout .payment-box.is-empty .placeholder-button-container {
      margin-top: 55px; }
      @media (min-width: 481px) {
        .checkout .payment-box.is-empty .placeholder-button-container {
          margin-top: 20px; } }
    .checkout .payment-box.is-empty .payment-box-hr {
      margin: 40px 0 20px 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid #e9eff3; }
      @media (max-width: 480px) {
        .checkout .payment-box.is-empty .payment-box-hr {
          display: none; } }
  .checkout .payment-box__content {
    min-height: 140px;
    margin-top: 10px; }
  .checkout h5 {
    color: #668eaa;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
    text-transform: uppercase; }
    .checkout h5 :after {
      font-size: 1.08333em;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none;
      float: right; }
  .checkout .box-padding {
    padding: 16px 8px; }
    @media (min-width: 661px) {
      .checkout .box-padding {
        padding: 30px 30px 20px 30px; } }
  @media (max-width: 660px) {
    .checkout .domain-details .box-padding {
      padding: 16px; } }
  .checkout form {
    margin-top: 5px; }
    @media (min-width: 661px) {
      .checkout form:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden; } }
  @media (max-width: 660px) {
    .checkout button[type=submit].button-pay {
      width: 100%; }
      #wpcom .checkout button[type=submit].button-pay {
        min-height: 50px; } }
  @media (min-width: 661px) {
    .checkout button[type=submit].button-pay {
      clear: both;
      float: left; } }
  .checkout input[type=number]::-webkit-outer-spin-button, .checkout input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .checkout .checkout-field {
    margin-top: 15px;
    position: relative; }
    .checkout .checkout-field select {
      font-size: 15px;
      width: 100%; }
    .checkout .checkout-field input[disabled] {
      cursor: not-allowed; }
  .checkout .form-button {
    margin-top: 20px; }
  .checkout .checkout-terms {
    color: #668eaa;
    margin: 16px 0;
    padding: 0;
    text-align: center; }
    @media (min-width: 661px) {
      .checkout .checkout-terms {
        padding: 0;
        text-align: left; } }
    .checkout .checkout-terms p {
      font-size: 12px;
      font-weight: 100;
      margin: 0; }
      @media (min-width: 661px) {
        .checkout .checkout-terms p {
          margin-left: 24px; } }
    .checkout .checkout-terms .gridicon {
      float: left; }
      @media (max-width: 660px) {
        .checkout .checkout-terms .gridicon {
          display: none; } }
  .checkout .cart-coupon {
    display: none;
    margin: 16px 0; }
    @media (max-width: 660px) {
      .checkout .cart-coupon {
        display: block;
        text-align: center; } }
    .checkout .cart-coupon input {
      margin-right: 15px;
      width: 50%; }
  .checkout .payment-box-actions {
    margin: 20px -30px 0px -30px;
    padding: 20px 30px 0 30px;
    border-top: 1px solid #e9eff3; }
    .checkout .payment-box-actions:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
  .checkout .credit-card-payment-box .payment-box-sections {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .payment-box-sections {
        box-shadow: none; } }
  .checkout .credit-card-payment-box .payment-box-section {
    cursor: pointer;
    border-bottom: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section:first-of-type {
      border-top: 1px solid #e9eff3; }
    .checkout .credit-card-payment-box .payment-box-section.selected {
      cursor: default; }
  .checkout .credit-card-payment-box .payment-box-section-inner {
    border-left: 1px solid #e9eff3;
    padding-left: 2px;
    position: relative;
    border-right: 1px solid #e9eff3;
    min-height: 50px; }
  .checkout .credit-card-payment-box .payment-box-section.selected .payment-box-section-inner {
    background-color: #fafdf6;
    padding-left: 0; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .payment-box-section-inner {
    border-left: 3px solid #4ab866; }
  .checkout .credit-card-payment-box .payment-box-section.selected:not(.no-stored-cards) .new-card-fields {
    background-color: #fafdf6; }
  .checkout .credit-card-payment-box .no-stored-cards .new-card-fields > .checkout-field:first-child {
    margin-top: 0; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-toggle {
    box-shadow: none;
    cursor: pointer;
    font-size: 13px;
    position: absolute; }
  .checkout .credit-card-payment-box .payment-box-section .new-card-fields {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    padding: 0 15px 0 12px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .checkout .credit-card-payment-box .payment-box-section.selected .new-card-fields {
    max-height: 500px;
    margin-bottom: 0;
    padding-top: 15px; }
  .checkout .credit-card-payment-box .new-card-toggle {
    color: #0087be;
    padding: 15px 15px 15px 12px;
    border: 0;
    background: transparent; }
  .checkout .credit-card-payment-box .new-card-header {
    color: #0068ff;
    font-weight: 400;
    margin-bottom: 15px; }
  .checkout .credit-card-payment-box .all-fields-required {
    color: #a8bece;
    display: block;
    font-size: 12px;
    font-style: italic; }
    @media (min-width: 661px) {
      .checkout .credit-card-payment-box .all-fields-required {
        top: 7px; } }
    .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
      top: 18px; }
      @media (min-width: 661px) {
        .checkout .credit-card-payment-box .all-fields-required.has-saved-cards {
          position: absolute;
          right: 18px; } }
  .checkout .paypal-payment-box .payment-box-section,
  .checkout .credits-payment-box .payment-box-section {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
    @media (min-width: 661px) {
      .checkout .paypal-payment-box .payment-box-section,
      .checkout .credits-payment-box .payment-box-section {
        border: 1px solid #e9eff3;
        box-shadow: none; } }
  .checkout .paypal-payment-box .payment-box-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 15px;
    padding-right: 15px; }
  .checkout .paypal-payment-box .country,
  .checkout .paypal-payment-box .postal-code {
    margin-left: 15px; }
  .checkout .paypal-payment-box .country {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .checkout .paypal-payment-box .country label {
      display: none; }
  .checkout .paypal-payment-box .postal-code {
    -webkit-flex-basis: 8em;
        -ms-flex-preferred-size: 8em;
            flex-basis: 8em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 15px; }
    .checkout .paypal-payment-box .postal-code label {
      display: none; }
  .checkout .credits-payment-box .payment-box-section {
    box-sizing: border-box;
    min-height: 91px;
    padding: 20px 20px 20px 80px;
    position: relative; }
    .checkout .credits-payment-box .payment-box-section::before {
      color: #0068ff;
      left: 10px;
      position: absolute;
      top: 15px;
      font-size: 60px;
      content: "";
      vertical-align: top;
      text-align: center;
      display: inline-block;
      font-family: Noticons;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      speak: none; }
    .checkout .credits-payment-box .payment-box-section > h6 {
      color: #0068ff;
      font-size: 18px; }
    .checkout .credits-payment-box .payment-box-section > span {
      color: #668eaa;
      font-size: 15px; }
    @media (min-width: 661px) {
      .checkout .credits-payment-box .payment-box-section {
        padding-left: 100px; } }
  .checkout .supporting-text {
    border-top: 1px solid #c8d7e1;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 15px 0; }
    .checkout .supporting-text:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    @media (min-width: 661px) {
      .checkout .supporting-text {
        border-bottom: 1px solid #c8d7e1;
        margin: 30px 0; } }
    .checkout .supporting-text li {
      color: #a8bece;
      text-align: center; }
      @media (min-width: 661px) {
        .checkout .supporting-text li {
          float: left;
          margin: 0 5%;
          width: 40%; } }
      @media (max-width: 660px) {
        .checkout .supporting-text li {
          margin: 0;
          padding: 15px; } }
      .checkout .supporting-text li h6 {
        color: #4f748e;
        font-size: 14px;
        font-weight: 600; }
      .checkout .supporting-text li p {
        font-size: 12px;
        font-weight: 100;
        margin: 10px 0 0 0; }
  .checkout .credit-card-supporting-text__refund-link {
    white-space: nowrap;
    color: #a8bece;
    text-decoration: underline; }
  .checkout .domain-details .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .checkout .domain-details .last-name {
      margin-top: 0; }
    .checkout .domain-details .hidden-input a,
    .checkout .domain-details .checkout-field {
      float: left;
      width: 100%; }
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone,
    .checkout .domain-details .postal-code {
      float: right; }
    .checkout .domain-details .email,
    .checkout .domain-details .first-name,
    .checkout .domain-details .last-name,
    .checkout .domain-details .phone {
      width: calc( 50% - 7px); }
    .checkout .domain-details .city,
    .checkout .domain-details .postal-code,
    .checkout .domain-details .state {
      width: calc( 33% - 8px); }
    .checkout .domain-details .state {
      margin-left: 14px; }
      .checkout .domain-details .state label + select {
        min-width: inherit; }
    .checkout .domain-details.only-google-apps-details .country {
      width: 66%; } }
  .checkout .domain-details .hidden-input a {
    display: block;
    font-size: 12px;
    margin-top: 5px; }

.privacy-protection {
  background-color: #f3f6f8;
  float: left;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 10px; }
  @media (min-width: 661px) {
    .privacy-protection {
      box-sizing: border-box;
      padding: 15px;
      width: 100%; }
      .privacy-protection section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  .privacy-protection h6 {
    font-size: 16px;
    font-weight: 600; }
  .privacy-protection label {
    background-color: white;
    border: 3px solid white;
    border-radius: 3px;
    display: block;
    margin-top: 10px;
    padding: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .privacy-protection label.selected {
      border-color: #00AADC; }
    @media (min-width: 661px) {
      .privacy-protection label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 15px;
        width: 50%; }
        .privacy-protection label:last-child {
          margin-left: 15px; } }
  .privacy-protection strong {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 130%; }
  .privacy-protection p {
    color: #7096af;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 5px; }
  .privacy-protection input {
    display: none; }
  .privacy-protection button {
    margin-top: 10px;
    white-space: normal;
    width: 100%; }

.privacy-protection-dialog.dialog.card, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder {
  max-height: 95%;
  overflow-y: auto; }
  .privacy-protection-dialog.dialog.card .dialog__content header, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header {
    text-align: center; }
    .privacy-protection-dialog.dialog.card .dialog__content header h1, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header h1 {
      font-size: 30px;
      font-weight: 200;
      line-height: 130%;
      height: auto; }
    .privacy-protection-dialog.dialog.card .dialog__content header p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header p {
      font-size: 13px; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .dialog__content header .line-break, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .dialog__content header .line-break {
        display: block; } }
  .privacy-protection-dialog.dialog.card .privacy-features, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features {
    border-bottom: 1px solid #f3f6f8;
    border-top: 1px solid #f3f6f8;
    list-style: none;
    margin: 20px 0;
    padding: 5px 0; }
    .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
      padding: 5px 10px;
      text-align: center; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-features li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features li {
          display: inline-block;
          padding: 5px 30px; } }
    .privacy-protection-dialog.dialog.card .privacy-features h2, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2 {
      font-size: 14px;
      font-weight: 600; }
      .privacy-protection-dialog.dialog.card .privacy-features h2:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-features h2:before {
        font-size: 28px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        color: #4ab866;
        vertical-align: middle; }
  .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0; }
    @media (min-width: 661px) {
      .privacy-protection-dialog.dialog.card .privacy-comparison, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison {
        overflow: auto;
        padding-top: 20px; } }
    .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
      border: 1px solid #e9eff3;
      border-radius: 3px;
      box-sizing: border-box;
      margin: 40px 0 0 0;
      padding: 20px;
      position: relative; }
      @media (min-width: 661px) {
        .privacy-protection-dialog.dialog.card .privacy-comparison li, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li {
          float: left;
          margin: 0 2%;
          width: 46%; } }
      .privacy-protection-dialog.dialog.card .privacy-comparison li:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li:before {
        border-radius: 50%;
        color: #FFF;
        display: block;
        height: 25px;
        position: absolute;
        left: -8px;
        top: -8px;
        width: 25px; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.with-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.with-privacy:before {
        font-size: 25px;
        content: "";
        vertical-align: top;
        text-align: center;
        display: inline-block;
        font-family: Noticons;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
        background: #4ab866; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li.without-privacy:before, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li.without-privacy:before {
        background: #f0b849;
        content: '!';
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li h3, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .privacy-price, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .privacy-price {
        color: #87a6bc;
        font-size: 13px;
        font-style: italic;
        font-weight: 400;
        text-align: center; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .privacy-free-text, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .privacy-free-text {
        color: #4ab866; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li p, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p {
        background: #f3f6f8;
        font-size: 12px;
        margin: 20px -20px;
        min-height: 144px;
        padding: 20px; }
        .privacy-protection-dialog.dialog.card .privacy-comparison li p span, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li p span {
          display: block;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .privacy-protection-dialog.dialog.card .privacy-comparison li .button, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .button {
        width: 100%; }

@media (max-width: 660px) {
  .secondary-cart {
    display: none; } }

@media (min-width: 661px) {
  .pay-button {
    float: left; } }

.credit-card-payment-box__switch-link {
  color: #33bbe3;
  font-style: italic;
  font-weight: 800;
  line-height: 40px;
  display: block;
  clear: both;
  font-size: 12px; }
  @media (max-width: 660px) {
    .credit-card-payment-box__switch-link {
      margin: 20px 0 0 0;
      text-align: center; } }
  @media (min-width: 961px) {
    .credit-card-payment-box__switch-link {
      float: right;
      clear: none; } }

@media (min-width: 961px) {
  .credit-card-payment-box__switch-link-left {
    float: left;
    padding-left: 20px; } }

.checkout__payment-chat-button-icon {
  color: #0087be;
  margin-right: 5px; }

@media (max-width: 660px) {
  .checkout__payment-chat-button {
    width: 100%;
    text-align: center; } }

@media (min-width: 961px) {
  .checkout__payment-chat-button {
    float: right; } }

@media (min-width: 661px) {
  .credits-payment-box .checkout__payment-chat-button {
    float: right; } }

.checkout__domain-details-form-submit-button {
  clear: both; }

.checkout__privacy-protection-checkbox.card, .checkout__privacy-protection-checkbox.editor-drawer-well__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.checkout__privacy-protection-checkbox .gridicon {
  display: none; }
  @media (min-width: 661px) {
    .checkout__privacy-protection-checkbox .gridicon {
      background: #4f748e;
      border-radius: 50%;
      color: white;
      display: block;
      padding: 15px; } }

.checkout__privacy-protection-checkbox__description {
  font-size: 13px;
  padding-left: 16px; }
  @media (min-width: 661px) {
    .checkout__privacy-protection-checkbox__description {
      padding-right: 48px; } }

.checkout__privacy-protection-checkbox-heading {
  font-size: 15px; }

.checkout__privacy-protection-checkbox-text {
  color: #87a6bc;
  font-style: italic;
  margin: 4px 0 0 0; }

.checkout__privacy-protection-price-text {
  color: #87a6bc;
  margin: 4px 0 0 0;
  font-size: 15px; }
  .checkout__privacy-protection-price-text span.free-with-plan {
    text-decoration: line-through; }

.checkout__privacy-protection-free-text {
  color: #4ab866;
  padding-left: 8px; }

@-webkit-keyframes increase {
  from {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.8);
            transform: translateZ(0) scale(0.8); }
  to {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1); } }

@keyframes increase {
  from {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.8);
            transform: translateZ(0) scale(0.8); }
  to {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1); } }

.credit-card-payment-box__progress-bar {
  color: #87a6bc;
  font-size: 12px;
  padding-bottom: 1em;
  text-align: center; }

.subscription-text {
  color: #87a6bc;
  font-size: 14px;
  font-style: italic;
  font-weight: 200;
  line-height: 40px;
  margin: 0 0 0 10px;
  white-space: nowrap; }
  @media (max-width: 660px) {
    .subscription-text {
      display: block;
      text-align: center; } }

.checkout-thank-you {
  box-sizing: border-box;
  position: static;
  text-align: center;
  width: 100%; }
  @media (max-width: 660px) {
    .checkout-thank-you {
      background: transparent;
      padding: 14px; } }
  .checkout-thank-you.main {
    max-width: 960px; }

.checkout-thank-you__content {
  padding: 0; }

.checkout-thank-you__domain-registration-details-compact .purchase-detail {
  border-radius: 0;
  margin: 0 auto; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail .purchase-detail__required-notice {
    display: none; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail:first-child {
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    margin-top: 16px; }
    .checkout-thank-you__domain-registration-details-compact .purchase-detail:first-child .purchase-detail__required-notice {
      display: block; }
  .checkout-thank-you__domain-registration-details-compact .purchase-detail:last-child {
    border-bottom: 1px solid #e9eff3;
    border-radius: 0 0 3px 3px; }

.checkout-thank-you__domain-mapping-details .purchase-detail__icon, .checkout-thank-you__failed-purchases-details .purchase-detail__icon {
  top: 30%; }

.checkout-thank-you__domain-mapping-details .purchase-detail__text, .checkout-thank-you__failed-purchases-details .purchase-detail__text {
  text-align: left; }

.checkout-thank-you__domain-mapping-details-nameservers, .checkout-thank-you__failed-purchases-details-list {
  border-left: solid 5px #d9e3ea;
  list-style: none;
  margin-left: 0;
  padding-left: 15px;
  text-align: left; }

.checkout-thank-you__features-header {
  color: #4f748e;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin: 48px 48px 24px 48px; }
  @media (min-width: 661px) {
    .checkout-thank-you__features-header {
      box-shadow: none;
      margin-bottom: 0; } }
  .checkout-thank-you__features-header.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d2dee6;
    color: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 20%; }
    .checkout-thank-you__features-header.is-placeholder:after {
      content: '\00a0'; }

.checkout-thank-you__purchase-details-list {
  text-align: center; }
  @media (min-width: 661px) {
    .checkout-thank-you__purchase-details-list {
      margin: 0 24px;
      padding-bottom: 48px; } }

.checkout-thank-you__header {
  background: #0068ff;
  color: white;
  padding: 48px 24px;
  text-align: center; }
  @media (min-width: 661px) {
    .checkout-thank-you__header {
      padding: 72px 24px; } }

.checkout-thank-you__header-content {
  margin: 0 auto;
  max-width: 700px; }
  @media (min-width: 661px) {
    .checkout-thank-you__header-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: left; } }

.checkout-thank-you__header-icon {
  display: block;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 661px) {
    .checkout-thank-you__header-icon {
      height: 132px;
      margin-right: 32px;
      width: 132px; } }
  .checkout-thank-you__header-icon .gridicon {
    background: white;
    border-radius: 50%;
    color: #4f748e;
    height: 48px;
    padding: 21px;
    width: 48px; }
    @media (min-width: 661px) {
      .checkout-thank-you__header-icon .gridicon {
        height: 72px;
        padding: 30px;
        width: 72px; } }

.checkout-thank-you__header-copy {
  width: 100%; }

.checkout-thank-you__header-heading,
.checkout-thank-you__header-text {
  clear: none; }

.checkout-thank-you__header-heading {
  font-size: 24px;
  font-weight: 400;
  margin: 24px 0 8px 0; }

.checkout-thank-you__header-text {
  font-size: 18px;
  font-weight: 300; }

@media (max-width: 660px) {
  .checkout-thank-you__header.is-placeholder {
    padding-top: 170px; } }

@media (min-width: 661px) {
  .checkout-thank-you__header.is-placeholder {
    padding-left: 190px; } }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-icon {
  display: none; }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading,
.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: block; }
  .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading:after,
  .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text:after {
    content: '\00a0'; }
  @media (max-width: 660px) {
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading,
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
      margin: 0 auto; } }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-heading {
  width: 50%; }

.checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
  line-height: 2em;
  margin-bottom: 8px;
  margin-top: 15px;
  width: 90%; }
  @media (min-width: 661px) {
    .checkout-thank-you__header.is-placeholder .checkout-thank-you__header-text {
      margin-bottom: 18px;
      margin-top: 18px; } }

.checkout-thank-you__footer {
  font-size: 16px;
  padding: 32px 20px;
  text-align: left; }
  @media (min-width: 661px) {
    .checkout-thank-you__footer {
      padding: 60px 24px; } }
  .checkout-thank-you__footer .happiness-support {
    margin-left: auto;
    margin-right: auto;
    max-width: 634px; }

.checkout-thank-you__verification-notice {
  width: 100%;
  max-width: 500px;
  text-align: left;
  margin: 0 auto; }

.checkout-thank-you__verification-notice-email {
  word-break: break-word; }

.checkout-thank-you__jetpack {
  max-width: 500px;
  margin: 0 auto; }

.checkout-thank-you__jetpack-plugins {
  margin: 0 auto; }

.checkout-thank-you__jetpack-features {
  display: inline-block;
  margin: 0 auto; }

.checkout-thank-you__jetpack-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px; }
  .checkout-thank-you__jetpack-feature.is-placeholder {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #e9eff3;
    color: transparent; }
    .checkout-thank-you__jetpack-feature.is-placeholder:after {
      content: '\00a0'; }

.checkout-thank-you__jetpack-feature-status-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px; }

.checkout-thank-you__jetpack-feature-status-text {
  font-size: 16px;
  text-align: left; }

.checkout-thank-you__jetpack-feature-status-icon .spinner,
.checkout-thank-you__jetpack-feature-status-icon .spinner__image {
  display: inline; }

.checkout-thank-you__jetpack.is-personal-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #f0b849; }

.checkout-thank-you__jetpack.is-premium-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #4ab866; }

.checkout-thank-you__jetpack.is-business-plan .checkout-thank-you__jetpack-feature-status-icon .gridicons-checkmark {
  color: #855DA6; }

.google-voucher-code {
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #f3f6f8; }

.google-voucher-code__help-link {
  color: #0068ff;
  text-decoration: underline; }

.google-voucher-advice {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%; }

.button.google-voucher-code__setup-google-adwords:not(.is-compact) {
  margin-top: 16px; }
  @media (min-width: 661px) {
    .button.google-voucher-code__setup-google-adwords:not(.is-compact) {
      text-align: center; } }

.dialog.card.google-voucher-dialog, .dialog.google-voucher-dialog.editor-drawer-well__placeholder {
  max-width: 530px;
  font-size: 13px;
  overflow: hidden; }
  .dialog.card.google-voucher-dialog ol, .dialog.google-voucher-dialog.editor-drawer-well__placeholder ol {
    list-style-position: inside;
    margin: 0; }
    @media (min-width: 661px) {
      .dialog.card.google-voucher-dialog ol, .dialog.google-voucher-dialog.editor-drawer-well__placeholder ol {
        list-style-position: outside;
        margin: 0 3em 1.5em; } }

.google-voucher-dialog__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -24px -24px 0;
  padding: 20px 24px 24px;
  background-color: #fbfcfd;
  height: 116px;
  box-shadow: 0 1px 0 0 #c8d7e1, 0 1px 0 white; }

.google-voucher-dialog__header__image {
  width: 30.91286%;
  margin-right: 20px; }

.google-voucher-dialog__header__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.google-voucher-dialog__body {
  overflow-y: auto;
  height: 320px;
  padding-top: 10px;
  padding-bottom: 10px; }

.google-voucher-dialog__footer {
  box-shadow: 0 -1px 2px #c8d7e1;
  margin-top: 15px;
  text-align: right;
  padding: 15px;
  margin: 0px -25px -25px; }

.google-vouchers-dialog__cancel-button {
  margin-right: 10px; }

li.google-voucher__terms-and-conditions {
  line-height: 1.6em;
  color: #a8bece;
  margin-bottom: 15px; }

.google-voucher__initial-step .purchase-detail__info {
  margin-top: 16px;
  display: block; }
  @media (max-width: 660px) {
    .google-voucher__initial-step .purchase-detail__info {
      max-width: none; } }

.domain-warnings__notice li {
  font-size: 12px;
  list-style: none;
  margin-left: 0; }

.domain-warnings__notice a {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.designated-agent-notice__container {
  color: #668eaa;
  margin: 16px 0;
  padding: 0;
  text-align: left; }
  .designated-agent-notice__container .gridicon {
    float: left; }

.designated-agent-notice__copy {
  font-size: 12px;
  font-weight: 100;
  margin-left: 24px; }

.transfer__remove-privacy-dialog {
  max-width: 480px; }

.transfer__section-header {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .transfer__section-header button {
    margin-left: 10px; }
    .transfer__section-header button:first-of-type {
      margin-left: 0; }

.transfer__action-button {
  float: right;
  margin-right: 10px; }
  .transfer__action-button:first-of-type {
    margin-right: 0; }

.transfer-card p {
  color: #4f748e; }
  .transfer-card p:last-child {
    margin-bottom: 0; }

.transfer__small-text {
  font-size: 12px; }

.transfer-to-other-user__select {
  margin-top: 20px;
  width: 100%; }
  @media (min-width: 481px) {
    .transfer-to-other-user__select {
      width: 300px; } }

.resume-editing {
  margin: 0 16px;
  opacity: 0.8;
  text-align: right;
  text-decoration: none;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms; }
  .resume-editing:hover {
    opacity: 1; }
  .resume-editing.is-requesting {
    display: none; }
  @media (max-width: 660px) {
    .resume-editing {
      display: none; } }
  .resume-editing .site-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom; }
    .resume-editing .site-icon svg {
      position: relative;
      top: 1px; }

.resume-editing__label {
  color: white;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase; }

.resume-editing__post-title {
  position: relative;
  overflow: hidden;
  color: white;
  display: block;
  max-width: 25vw;
  white-space: nowrap;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 1.1; }
  .resume-editing__post-title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(0, 135, 190, 0), #0087be 90%);
    background: linear-gradient(to right, rgba(0, 135, 190, 0), #0087be 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 24px;
    height: auto;
    left: 25vw;
    right: auto;
    margin-left: -24px; }

.module-content-list {
  padding: 0;
  margin: 0 0 .5em;
  list-style-type: none; }
  .stats-module.is-loading .module-content-list,
  .stats-module.has-no-data .module-content-list,
  .stats-module.is-showing-error .module-content-list {
    display: none; }
  .stats-module.is-loading .module-content-list-legend {
    display: block; }

.module-content-list-item {
  font-size: 14px;
  line-height: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0); }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item {
      font-size: 12px;
      line-height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item {
      line-height: 48px;
      border-top: 1px solid #f3f6f8; }
      .module-content-list-item:first-child {
        border-top-color: rgba(255, 255, 255, 0); }
      .module-content-list-sublist .module-content-list-item {
        border-top-color: #f3f6f8; } }
  .module-content-list-item.disabled .module-content-list-item-label,
  .module-content-list-item.disabled .module-content-list-item-value {
    opacity: .15;
    -webkit-transition: opacity .3s ease .15s;
    transition: opacity .3s ease .15s; }
  .module-content-list-item.disabled .module-content-list-item-right:before {
    display: none; }
  .module-content-list-item.disabled .module-content-list-item-actions {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease .15s;
    transition: opacity .3s ease .15s;
    position: relative;
    right: -20px; }

.module-content-list-item-wrapper {
  background: white;
  display: block;
  line-height: inherit;
  clear: both;
  padding: 0 24px; }
  .module-content-list-item-wrapper span {
    font-size: 14px;
    line-height: inherit; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-wrapper {
      line-height: 28px; }
      .stats__module-list .module-content-list-item-wrapper span {
        font-size: 12px;
        line-height: inherit; } }
  .module-content-list-item.published .module-content-list-item-wrapper {
    box-shadow: inset 4px 0 0 #f0821e; }

@media (min-width: 481px) {
  .module-content-list .module-content-list-item-wrapper:hover,
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list-item-link .module-content-list-item-wrapper:hover,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right {
    background-color: #f3f6f8; }
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-right::before,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden,
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden {
    display: inline-block; }
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover,
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list.module-content-list-legend .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background: none; } }

.module-content-list-item .module-content-list-item-wrapper:focus,
.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-right {
  background-color: #f3f6f8; }

.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-right::before {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }

.module-content-list-item .module-content-list-item-wrapper:focus .module-content-list-item-action-hidden {
  display: inline-block; }

@media (min-width: 481px) {
  .module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper:hover .module-content-list-item-label::before {
    color: #33bbe3; } }

.module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper:focus .module-content-list-item-label::before {
  color: #33bbe3; }

.module-content-list-item-label {
  display: block;
  overflow: hidden;
  word-break: break-all;
  height: 40px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-label {
      height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item-label {
      height: 48px; } }
  .module-content-list-item-label .icon,
  .module-content-list-item-label .gridicon {
    margin-right: 8px; }
  .module-content-list-item-label .stats-list__flag-icon {
    position: relative;
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 18px;
    top: 3px;
    margin-right: 8px; }
  .module-content-list-item-label .icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    min-width: 24px;
    line-height: inherit; }
    .module-content-list-item-label .icon img {
      display: block;
      background: white;
      position: relative;
      width: 20px;
      height: 20px; }
    .followers .module-content-list-item-label .icon,
    .top-authors .module-content-list-item-label .icon,
    .stats__author-views .module-content-list-item-label .icon {
      background: none; }
      .followers .module-content-list-item-label .icon::before,
      .top-authors .module-content-list-item-label .icon::before,
      .stats__author-views .module-content-list-item-label .icon::before {
        content: none; }
  .module-content-list-item-label .gridicon {
    vertical-align: middle; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-label .icon {
      font-size: 20px;
      line-height: 1.3; }
    .stats__module-list .module-content-list-item-label .gridicon {
      width: 18px;
      height: 18px; } }
  .module-content-list-item-label .avatar {
    width: 24px;
    height: 24px; }
  .module-content-list-item-label .avatar-user {
    border-radius: 12px; }
  .user-selectable .module-content-list-item-label {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .module-content-list-item-label .module-content-list-item-label-section {
    margin-right: 11px;
    padding-right: 12px;
    border-right: 1px solid #f3f6f8; }
    .module-content-list-item-label .module-content-list-item-label-section:last-child {
      margin: 0;
      padding: 0;
      border: none; }

.module-content-list-item-right {
  position: relative;
  float: right;
  background: white;
  margin-left: -48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-right {
      height: 28px; } }
  @media (max-width: 480px) {
    .module-content-list-item-right {
      height: 48px; } }
  .module-content-list-item-right::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%);
    position: absolute;
    z-index: 1;
    left: -48px;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 48px; }

.module-content-list-item-value {
  display: inline-block;
  text-align: right;
  min-width: 44px; }
  .followers .module-content-list-item-value {
    min-width: 60px; }

ul.module-content-list-item-actions {
  display: inline-block;
  margin: 0 .5em 0 0; }
  ul.module-content-list-item-actions.collapsed {
    display: none;
    background: white;
    float: none;
    line-height: 46px;
    min-width: 220px;
    overflow: visible;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
    background: #f3f6f8;
    display: none;
    z-index: 3;
    margin: 0;
    top: 30px;
    right: auto;
    left: -172px; }
    ul.module-content-list-item-actions.collapsed:after {
      border: 6px solid transparent;
      border-bottom-color: white;
      content: ' ';
      height: 0;
      position: absolute;
      top: -12px;
      left: 73px;
      width: 0; }
    ul.module-content-list-item-actions.collapsed li {
      display: block;
      float: none; }
      ul.module-content-list-item-actions.collapsed li a,
      ul.module-content-list-item-actions.collapsed li a.selected {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #0087be;
        display: block;
        float: none;
        height: auto;
        margin: 0;
        padding: 0 14px;
        text-align: left; }
        ul.module-content-list-item-actions.collapsed li a:hover,
        ul.module-content-list-item-actions.collapsed li a.selected:hover {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          background: none;
          color: #33bbe3;
          box-shadow: none; }
      ul.module-content-list-item-actions.collapsed li a.selected {
        color: #2e4453; }
      ul.module-content-list-item-actions.collapsed li:last-child a {
        border-bottom: none; }
    .module-content-list-item-right.is-expanded ul.module-content-list-item-actions.collapsed {
      display: inline-block; }
    ul.module-content-list-item-actions.collapsed::after {
      border-bottom-color: #f3f6f8;
      right: 18px;
      left: auto; }
    ul.module-content-list-item-actions.collapsed .module-content-list-item-action-wrapper,
    ul.module-content-list-item-actions.collapsed ul.module-content-list-item-action-submenu {
      display: block;
      text-align: left; }
    .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions.collapsed {
      background-color: white; }
      .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions.collapsed::after {
        border-bottom-color: white; }
  @media (max-width: 480px) {
    ul.module-content-list-item-actions {
      display: none;
      background: white;
      float: none;
      line-height: 46px;
      min-width: 220px;
      overflow: visible;
      padding: 0;
      position: absolute;
      width: auto;
      z-index: 1;
      box-sizing: border-box;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
      background: #f3f6f8;
      display: none;
      z-index: 2;
      margin: 0;
      top: 46px;
      right: auto;
      left: -172px; }
      ul.module-content-list-item-actions:after {
        border: 6px solid transparent;
        border-bottom-color: white;
        content: ' ';
        height: 0;
        position: absolute;
        top: -12px;
        left: 73px;
        width: 0; }
      ul.module-content-list-item-actions li {
        display: block;
        float: none; }
        ul.module-content-list-item-actions li a,
        ul.module-content-list-item-actions li a.selected {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          color: #0087be;
          display: block;
          float: none;
          height: auto;
          margin: 0;
          padding: 0 14px;
          text-align: left; }
          ul.module-content-list-item-actions li a:hover,
          ul.module-content-list-item-actions li a.selected:hover {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background: none;
            color: #33bbe3;
            box-shadow: none; }
        ul.module-content-list-item-actions li a.selected {
          color: #2e4453; }
        ul.module-content-list-item-actions li:last-child a {
          border-bottom: none; }
      .module-content-list-item-right.is-expanded ul.module-content-list-item-actions {
        display: inline-block; }
      ul.module-content-list-item-actions::after {
        border-bottom-color: #f3f6f8;
        right: 18px;
        left: auto; }
      ul.module-content-list-item-actions .module-content-list-item-action-wrapper,
      ul.module-content-list-item-actions ul.module-content-list-item-action-submenu {
        display: block;
        text-align: left; }
      .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions {
        background-color: white; }
        .module-content-list-item-toggle.is-expanded ul.module-content-list-item-actions::after {
          border-bottom-color: white; } }

.module-content-list-item-actions-toggle {
  display: none;
  min-width: 24px;
  padding: 0 12px;
  height: 40px;
  line-height: inherit; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-actions-toggle {
      height: 28px; } }
  .module-content-list-item-actions-toggle .gridicon {
    vertical-align: middle; }
  @media (max-width: 480px) {
    .module-content-list-item-actions-toggle {
      display: inline-block;
      height: 48px; } }
  .module-content-list-item-actions-toggle.show {
    display: inline-block;
    height: 30px; }

ul.module-content-list-item-action-submenu {
  display: inline-block;
  list-style: none;
  margin: 0; }
  @media (min-width: 481px) {
    ul.module-content-list-item-action-submenu {
      display: none;
      background: white;
      float: none;
      line-height: 46px;
      min-width: 220px;
      overflow: visible;
      padding: 0;
      position: absolute;
      width: auto;
      z-index: 1;
      box-sizing: border-box;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1);
      display: none;
      z-index: 2;
      margin: 0;
      top: 32px;
      right: -20px; }
      ul.module-content-list-item-action-submenu:after {
        border: 6px solid transparent;
        border-bottom-color: white;
        content: ' ';
        height: 0;
        position: absolute;
        top: -12px;
        left: 73px;
        width: 0; }
      ul.module-content-list-item-action-submenu li {
        display: block;
        float: none; }
        ul.module-content-list-item-action-submenu li a,
        ul.module-content-list-item-action-submenu li a.selected {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          color: #0087be;
          display: block;
          float: none;
          height: auto;
          margin: 0;
          padding: 0 14px;
          text-align: left; }
          ul.module-content-list-item-action-submenu li a:hover,
          ul.module-content-list-item-action-submenu li a.selected:hover {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            background: none;
            color: #33bbe3;
            box-shadow: none; }
        ul.module-content-list-item-action-submenu li a.selected {
          color: #2e4453; }
        ul.module-content-list-item-action-submenu li:last-child a {
          border-bottom: none; }
      .module-content-list-item-action.hidden-action.is-expanded ul.module-content-list-item-action-submenu {
        display: inline-block; }
      ul.module-content-list-item-action-submenu::after {
        right: 24px;
        left: auto; }
      ul.module-content-list-item-action-submenu .module-content-list-item-action-wrapper {
        display: block;
        text-align: left; } }

.module-content-list-item-action {
  display: inline-block;
  margin: 0 1em 0 0; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list-item-action {
      margin: 0; } }
  @media (max-width: 480px) {
    .module-content-list-item-action {
      margin-right: 0; } }
  .module-content-list-item-action .module-content-list-item-action-wrapper {
    display: inline-block;
    text-align: center;
    margin: 0;
    line-height: inherit; }
    @media (max-width: 480px) {
      .module-content-list-item-action .module-content-list-item-action-wrapper {
        min-width: 24px;
        padding: 0 12px; }
        .module-content-list-item-action .module-content-list-item-action-wrapper.toggle {
          display: none; } }
    .module-content-list-item-action .module-content-list-item-action-wrapper .module-content-list-item-action-label.unfollow {
      display: none; }
    @media (min-width: 961px) {
      .stats__module-list .module-content-list-item-action .module-content-list-item-action-wrapper span.module-content-list-item-action-label-view {
        display: none; } }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following .module-content-list-item-action-label {
    color: #4ab866; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:focus .module-content-list-item-action-label,
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:hover .module-content-list-item-action-label {
    display: none;
    color: #33bbe3; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:focus .module-content-list-item-action-label.unfollow,
  .module-content-list-item-action .module-content-list-item-action-wrapper.following:hover .module-content-list-item-action-label.unfollow {
    display: inline-block; }
  .module-content-list-item-action .gridicon {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px; }
    .module-content-list-item-action .gridicon.gridicons-cross {
      margin-right: 0; }
  .module-content-list-item-action .module-content-list-item-action-wrapper.spam {
    color: #d94f4f; }
    @media (min-width: 481px) {
      .module-content-list-item-action .module-content-list-item-action-wrapper.spam:hover {
        color: #e48484; } }
    .module-content-list-item-action .module-content-list-item-action-wrapper.spam:focus {
      color: #e48484; }

ul.module-content-list-legend {
  padding-top: .5em;
  margin-bottom: 0; }

.module-content-list-legend .module-content-list-item .module-content-list-item-value,
.module-content-list-legend .module-content-list-item .module-content-list-item-label {
  color: #87a6bc;
  font-weight: bold; }
  .stats-module.is-loading .module-content-list-legend .module-content-list-item .module-content-list-item-value, .stats-module.is-loading
  .module-content-list-legend .module-content-list-item .module-content-list-item-label {
    max-width: 60px; }

@media (max-width: 480px) {
  .module-content-list-legend .module-content-list-item .module-content-list-item-action .module-content-list-item-action-label {
    display: inline; } }

.module-content-list > .module-content-list-item-disabled {
  cursor: default; }
  .module-content-list > .module-content-list-item-disabled .module-content-list-item-value,
  .module-content-list > .module-content-list-item-disabled .module-content-list-item-label {
    color: #87a6bc; }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper {
  line-height: 48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper {
      line-height: 28px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label {
  height: 48px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label {
      height: 28px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
  font-size: 32px;
  margin-right: 10px; }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
      width: 24px;
      height: 24px; } }

@media (min-width: 961px) {
  .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .icon {
    margin-top: -2px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
  width: 32px;
  height: 32px; }
  @media (min-width: 961px) {
    .stats__module-list .module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar {
      width: 24px;
      height: 24px; } }

.module-content-list > .module-content-list-item-large > .module-content-list-item-wrapper .module-content-list-item-label .avatar-user {
  border-radius: 16px; }

.module-content-list > .module-content-list-item-link {
  cursor: pointer; }
  .module-content-list > .module-content-list-item-link.disabled {
    cursor: default; }
  .module-content-list > .module-content-list-item-link .module-content-list-item-label {
    color: #0087be; }
  @media (min-width: 481px) {
    .module-content-list > .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-label {
      color: #33bbe3; } }
  .module-content-list > .module-content-list-item-link .module-content-list-item-wrapper:focus .module-content-list-item-label {
    color: #33bbe3; }

.module-content-list > .module-content-list-item-toggle {
  position: relative; }
  .module-content-list > .module-content-list-item-toggle > .module-content-list-item-wrapper .module-content-list-item-label .gridicons-chevron-down {
    vertical-align: middle;
    -webkit-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.module-content-list-item-toggle.is-expanded {
  border-top-color: #f3f6f8; }
  .module-content-list-item-toggle.is-expanded > .module-content-list {
    display: block; }
  .module-content-list-item-toggle.is-expanded,
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper,
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-right {
    background: #f3f6f8; }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-value {
    color: #87a6bc; }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-right::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper .module-content-list-item-label .gridicons-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .module-content-list-item-toggle.is-expanded > .module-content-list-item {
    border-top-color: rgba(255, 255, 255, 0); }
  @media (min-width: 481px) {
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover,
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover .module-content-list-item-right {
      background-color: white; }
    .module-content-list-item-toggle.is-expanded > .module-content-list-item-wrapper:hover span.module-content-list-item-right::before {
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%); } }

.module-content-list-sublist {
  display: none;
  padding: 4px 0; }
  .module-content-list-sublist .module-content-list-sublist .module-content-list-item-wrapper {
    padding-left: 56px; }

.module-content-list-sublist .module-content-list-item > .module-content-list-item-wrapper .module-content-list-item-right,
.module-content-list-sublist .module-content-list-item > .module-content-list-item-wrapper {
  background: #f3f6f8; }

.module-content-list-sublist .module-content-list-item .module-content-list-item-right::before {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }

@media (min-width: 481px) {
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover,
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover .module-content-list-item-right {
    background-color: white; }
  .module-content-list-sublist .module-content-list-item-link .module-content-list-item-wrapper:hover span.module-content-list-item-right::before,
  .module-content-list-sublist .module-content-list-item-normal .module-content-list-item-wrapper:hover span.module-content-list-item-right::before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 90%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 90%); } }

.notices-list {
  overflow: hidden; }
  .notices-list.is-pinned {
    width: calc( 100% - 272px - 32px - 32px);
    z-index: 180;
    position: fixed;
    top: 79px; }
    .notices-list.is-pinned .notice {
      z-index: 180; }
    @media (max-width: 960px) {
      .notices-list.is-pinned {
        width: calc( 100% - 228px - 24px - 24px); } }
    @media (max-width: 660px) {
      .notices-list.is-pinned {
        top: 16px;
        width: calc( 100% - 16px); } }

.notices-list__whitespace {
  height: 71px;
  width: 100%;
  display: block; }

.domain-main-placeholder .domain-management-header__children {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent; }
  .domain-main-placeholder .domain-management-header__children:after {
    content: '\00a0'; }
  @media (min-width: 481px) {
    .domain-main-placeholder .domain-management-header__children {
      max-width: 60%;
      margin: 0 auto; } }

.domain-main-placeholder__card p {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  margin-bottom: 0.5em; }
  .domain-main-placeholder__card p:after {
    content: '\00a0'; }
  .domain-main-placeholder__card p:first-child {
    width: 35%; }

.domain-management-form-footer,
.primary-domain__actions {
  border-top: 1px solid #f3f6f8;
  margin: 16px -16px -16px -16px;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 481px) {
    .domain-management-form-footer,
    .primary-domain__actions {
      padding: 24px;
      margin: 24px -24px -24px -24px; } }
  @media (max-width: 480px) {
    .domain-management-form-footer,
    .primary-domain__actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .domain-management-form-footer .button,
  .primary-domain__actions .button {
    margin: 0 0 0 15px; }
    .domain-management-form-footer .button.is-primary,
    .primary-domain__actions .button.is-primary {
      margin: 0 0 15px 0; }
      @media (min-width: 481px) {
        .domain-management-form-footer .button.is-primary,
        .primary-domain__actions .button.is-primary {
          margin: 0; } }
      @media (max-width: 480px) {
        .domain-management-form-footer .button.is-primary,
        .primary-domain__actions .button.is-primary {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
    @media (max-width: 480px) {
      .domain-management-form-footer .button,
      .primary-domain__actions .button {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }

.primary-domain__actions {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.domain-management-form-footer {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.domain-management-header__children {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.domain-management-list__notice {
  margin-bottom: 0; }

.domain-management-list-item.busy {
  background-color: #f3f6f8; }
  .domain-management-list-item.busy .domain-management-list-item__title,
  .domain-management-list-item.busy .domain-management-list-item__meta {
    color: #c8d7e1; }

.domain-management-list-item__link {
  cursor: pointer;
  display: block;
  overflow: hidden; }

.domain-management-list-item__title {
  display: block;
  color: #2e4453;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  max-width: 70%;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  @media (min-width: 481px) {
    .domain-management-list-item__title {
      font-size: 18px;
      font-weight: 700;
      max-width: none;
      white-space: normal; } }

.domain-management-list-item__meta {
  font-size: 12px;
  color: #537994;
  min-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media (min-width: 481px) {
    .domain-management-list-item__meta {
      text-transform: uppercase; } }
  .domain-management-list-item__meta .notice {
    margin: 0 0 0 8px; }

.domain-management-list-item__type {
  vertical-align: middle; }

.domain-management-list-item.is-placeholder .domain-management-list-item__link {
  cursor: default; }

.domain-management-list-item.is-placeholder .domain-management-list-item__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  width: 60%; }
  .domain-management-list-item.is-placeholder .domain-management-list-item__title:after {
    content: '\00a0'; }

.domain-management-list-item.is-placeholder .domain-management-list-item__type {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  display: inline-block;
  width: 40%; }
  .domain-management-list-item.is-placeholder .domain-management-list-item__type:after {
    content: '\00a0'; }

input[type=radio].domain-management-list-item__radio {
  margin-left: -8px;
  margin-right: 12px;
  margin-top: 19px; }

.domain-management-list-item__spinner {
  float: right;
  margin-top: 12px; }

.domain-management-list-item__busy-message {
  text-transform: uppercase;
  color: #4f748e;
  font-weight: 600;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px; }
  @media (min-width: 481px) {
    .domain-management-list-item__busy-message {
      float: right;
      margin-top: -11px;
      margin-right: 15px; } }

.domain-management-primary-domain .primary-domain-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.domain-management-primary-domain .primary-domain-notice {
  background: #e9eff3;
  font-size: 13px;
  color: #2e4453; }
  .domain-management-primary-domain .primary-domain-notice::before {
    line-height: 1.5em; }

.contacts-privacy-card .settings-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.contacts-privacy-card .notice {
  clear: both;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px; }

.contacts-privacy-card .contact-display h2 {
  background-color: #f3f6f8;
  border: 1px solid #e9eff3;
  border-bottom: 0;
  color: #87a6bc;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  margin: 16px 0 0 0;
  padding: 8px 0;
  text-transform: uppercase;
  text-align: center; }

.contacts-privacy-card .contact-display .contact-display-content {
  border: 1px solid #e9eff3;
  color: #537994;
  font-size: 12px;
  line-height: 140%;
  margin: 0;
  padding: 16px; }
  .contacts-privacy-card .contact-display .contact-display-content p {
    margin-bottom: 0; }

.domain-details-card .flag {
  font-size: 11px;
  padding: 3px 10px 3px 5px;
  white-space: nowrap; }
  .domain-details-card .flag .noticon {
    margin-right: 5px; }
  .domain-details-card .flag.is-warning {
    cursor: pointer; }

.domain-details-card__property {
  font-size: 13px;
  margin-bottom: 10px; }
  .domain-details-card__property:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .domain-details-card__property:last-of-type {
    margin-bottom: 0; }
  .domain-details-card__property strong {
    float: left;
    width: 50%; }
  .domain-details-card__property > span {
    float: right;
    text-align: right;
    width: 50%; }

.domain-details-card__subscription-settings-button {
  margin-top: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%; }
  @media (min-width: 661px) {
    .domain-details-card__subscription-settings-button {
      text-align: inherit;
      width: inherit; } }

.domain-management__add-a-domain {
  text-align: center; }
  .domain-management__add-a-domain a {
    color: #537994;
    display: block;
    font-size: 12px;
    padding: 20px 0;
    text-transform: uppercase; }

.edit-contact-info-privacy-enabled-card__settings-explanation {
  color: #537994;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 5px 0; }

.edit-contact-info__form-content {
  margin-bottom: 20px;
  overflow: auto; }
  .edit-contact-info__form-content .edit-contact-info__form-field {
    margin-top: 15px;
    position: relative; }
    .edit-contact-info__form-content .edit-contact-info__form-field input[type=text] {
      margin: 0; }
    .edit-contact-info__form-content .edit-contact-info__form-field select {
      width: 100%; }
    .edit-contact-info__form-content .edit-contact-info__form-field input[disabled], .edit-contact-info__form-content .edit-contact-info__form-field select[disabled] {
      cursor: not-allowed; }
  .edit-contact-info__form-content .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .edit-contact-info__form-content .last-name {
      margin-top: 0; }
    .edit-contact-info__form-content .edit-contact-info__form-field {
      float: left;
      width: 100%; }
    .edit-contact-info__form-content .last-name,
    .edit-contact-info__form-content .phone,
    .edit-contact-info__form-content .postal-code {
      float: right; }
    .edit-contact-info__form-content .email,
    .edit-contact-info__form-content .first-name,
    .edit-contact-info__form-content .last-name,
    .edit-contact-info__form-content .phone {
      width: calc( 50% - 7px); }
    .edit-contact-info__form-content .city,
    .edit-contact-info__form-content .postal-code,
    .edit-contact-info__form-content .state {
      width: calc( 33% - 8px); }
    .edit-contact-info__form-content .state {
      margin-left: 14px; } }

.add-google-apps-card.card, .add-google-apps-card.editor-drawer-well__placeholder {
  padding: 0; }

.add-google-apps-card__product-details {
  clear: both;
  overflow: auto;
  padding: 16px; }
  @media (min-width: 661px) {
    .add-google-apps-card__product-details {
      padding: 24px; } }
  .add-google-apps-card__product-details .button {
    display: block;
    margin: 20px 0 5px 0; }
    @media (max-width: 660px) {
      .add-google-apps-card__product-details .button {
        text-align: center;
        width: 100%; } }
    @media (min-width: 661px) {
      .add-google-apps-card__product-details .button {
        display: none; } }

.add-google-apps-card__description {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .add-google-apps-card__description {
      float: left;
      margin-right: 5%;
      width: 60%; } }
  .add-google-apps-card__description p {
    clear: left;
    color: #537994;
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .add-google-apps-card__description p a {
        display: block; } }

.add-google-apps-card__features {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .add-google-apps-card__features {
      float: left;
      width: 35%; } }
  @media (max-width: 660px) {
    .add-google-apps-card__features {
      margin-top: 20px; } }

.add-google-apps-card__header {
  border-bottom: 2px solid #c8d7e1;
  overflow: auto;
  padding: 16px;
  position: relative; }
  @media (min-width: 661px) {
    .add-google-apps-card__header {
      padding: 24px 24px 20px; } }
  @media (min-width: 661px) {
    .add-google-apps-card__header .button {
      position: absolute;
      top: 30px;
      right: 24px; } }
  @media (max-width: 660px) {
    .add-google-apps-card__header .button {
      display: none; } }

@media (max-width: 660px) {
  .add-google-apps-card__product-logo {
    width: 236px; } }

@media (min-width: 661px) {
  .add-google-apps-card__product-logo {
    float: left; } }

.add-google-apps-card__product-logo strong {
  background: url("/calypso/images/upgrades/g-suite-logo.png") no-repeat left;
  background-size: 73px;
  display: inline-block;
  height: 19px;
  margin: 0 6px 0 0;
  text-indent: -999999px;
  vertical-align: text-top;
  width: 73px; }

.add-google-apps-card__price {
  clear: both;
  margin: 0; }
  .add-google-apps-card__price .add-google-apps-card__price-per-user {
    display: inline-block;
    font-style: italic; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user strong {
      color: #537994;
      font-size: 15px;
      font-weight: 600; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user span {
      color: #537994;
      font-size: 12px;
      font-weight: normal; }
  .add-google-apps-card__price .add-google-apps-card__price-separator {
    color: #87a6bc;
    font-size: 12px; }
  .add-google-apps-card__price .add-google-apps-card__billing-period {
    color: #537994;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    text-transform: uppercase; }

.add-google-apps-card__title {
  color: #2e4453;
  font-size: 16px;
  line-height: 120%;
  margin: 0 0 10px 0; }

.add-google-apps-card__file-storage,
.add-google-apps-card__professional-email {
  color: #537994;
  font-size: 12px;
  line-height: 130%;
  margin: 9px 0; }
  .add-google-apps-card__file-storage:first-child,
  .add-google-apps-card__professional-email:first-child {
    margin-top: 5px; }
  .add-google-apps-card__file-storage:last-child,
  .add-google-apps-card__professional-email:last-child {
    margin-bottom: 0; }
  .add-google-apps-card__file-storage .noticon,
  .add-google-apps-card__professional-email .noticon {
    color: #4ab866;
    margin-right: 5px; }

.dns__details,
.custom-nameservers-form__explanation,
.email-forwarding__explanation,
.site-redirect__explanation {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-style: italic;
  color: #537994; }

.email-forwarding-card form label + input[type=text],
.site-redirect-card form label + input[type=text] {
  margin-bottom: 10px; }

.email-forwarding-card.fetching input[type=text],
.site-redirect-card.fetching input[type=text] {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite;
  background: #c8d7e1; }

.dns__add-new .email-forwarding__limit,
.dns__add-new .dns__form-content,
.dns__add-new .form-content,
.dns__office365 .email-forwarding__limit,
.dns__office365 .dns__form-content,
.dns__office365 .form-content,
.email-forwarding__add-new .email-forwarding__limit,
.email-forwarding__add-new .dns__form-content,
.email-forwarding__add-new .form-content {
  border-top: 1px solid #f3f6f8;
  overflow: visible;
  padding-top: 20px; }

.dns__add-new .is-hidden,
.dns__office365 .is-hidden,
.email-forwarding__add-new .is-hidden {
  display: none; }

.email-forwarding__form {
  margin-top: 0; }
  @media (min-width: 481px) {
    .email-forwarding__form {
      margin-top: 15px; } }

ul.email-forwarding__list {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  ul.email-forwarding__list li {
    border-top: 1px solid #f3f6f8;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    ul.email-forwarding__list li span {
      font-size: 14px;
      line-height: 40px; }
      @media (max-width: 660px) {
        ul.email-forwarding__list li span {
          font-size: 12px;
          line-height: 150%; } }
      ul.email-forwarding__list li span strong {
        color: #537994;
        font-weight: normal; }
        @media (max-width: 660px) {
          ul.email-forwarding__list li span strong:first-child {
            display: block; } }
        @media (min-width: 661px) {
          ul.email-forwarding__list li span strong {
            font-weight: 600; } }
      ul.email-forwarding__list li span em {
        color: #87a6bc; }
    ul.email-forwarding__list li .button {
      float: right;
      margin-top: -3px; }

.email-forwarding__limit {
  font-size: 13px;
  color: #87a6bc;
  line-height: 3em;
  margin-bottom: 15px; }

.privacy-protection-card.card, .privacy-protection-card.editor-drawer-well__placeholder {
  padding: 0; }

.privacy-protection-card__header {
  border-bottom: 2px solid #c8d7e1;
  display: block;
  overflow: auto;
  padding: 16px 16px 20px;
  position: relative; }
  @media (min-width: 661px) {
    .privacy-protection-card__header {
      padding: 24px; } }
  .privacy-protection-card__header h3 {
    font-size: 20px;
    font-weight: 600; }
    @media (min-width: 661px) {
      .privacy-protection-card__header h3 {
        font-size: 28px;
        font-weight: 700;
        font-family: Merriweather, Georgia, "Times New Roman", Times, serif; } }
  .privacy-protection-card__header .button {
    display: none;
    position: absolute;
    right: 24px;
    top: 30px; }
    @media (min-width: 661px) {
      .privacy-protection-card__header .button {
        display: block; } }

.privacy-protection-card__price {
  clear: both;
  font-style: italic;
  margin: 0; }
  .privacy-protection-card__price .privacy-protection-card__price-per-user {
    display: inline-block;
    color: #87a6bc;
    font-size: 12px; }
    .privacy-protection-card__price .privacy-protection-card__price-per-user strong {
      color: #537994;
      font-size: 15px;
      font-weight: 600; }

.privacy-protection-card__content {
  background: #f3f6f8;
  clear: both;
  display: block;
  overflow: auto;
  padding: 16px; }
  @media (min-width: 661px) {
    .privacy-protection-card__content {
      padding: 24px; } }
  .privacy-protection-card__content .button {
    cursor: pointer;
    display: block;
    margin: 20px 0 5px 0;
    text-align: center;
    width: 100%; }
    @media (min-width: 661px) {
      .privacy-protection-card__content .button {
        display: none; } }

.privacy-protection-card__features {
  box-sizing: border-box;
  margin-top: 20px; }
  @media (min-width: 661px) {
    .privacy-protection-card__features {
      float: left;
      margin-top: 0;
      width: 35%; } }
  .privacy-protection-card__features h5 {
    color: #668eaa;
    font-size: 12px;
    line-height: 130%;
    margin: 9px 0; }
    .privacy-protection-card__features h5:first-child {
      margin-top: 5px; }
    .privacy-protection-card__features h5:last-child {
      margin-bottom: 0; }
    .privacy-protection-card__features h5 .noticon {
      color: #4ab866;
      margin-right: 5px; }

.privacy-protection-card__description {
  box-sizing: border-box; }
  @media (min-width: 661px) {
    .privacy-protection-card__description {
      float: left;
      margin-right: 5%;
      width: 60%; } }
  .privacy-protection-card__description h2 {
    color: #2e4453;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 10px 0; }
  .privacy-protection-card__description p {
    clear: left;
    color: #87a6bc;
    font-size: 12px;
    margin: 0; }
    @media (min-width: 661px) {
      .privacy-protection-card__description p a {
        display: block; } }

.add-email-addresses-card__inner:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.add-email-addresses-card__add-another-email-address-link {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px; }

.add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px; }
  @media (min-width: 481px) {
    .add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .add-email-addresses-card__email-address-fieldsets .add-email-addresses-card__email-address-fieldset:last-of-type {
    margin-bottom: 0; }

.add-email-addresses-card__email-address-fieldsets select {
  border-bottom-width: 1px;
  border-top-left-radius: 0; }
  @media (max-width: 480px) {
    .add-email-addresses-card__email-address-fieldsets select {
      border-top-right-radius: 0;
      margin-top: -1px; } }
  @media (min-width: 481px) {
    .add-email-addresses-card__email-address-fieldsets select {
      border-bottom-left-radius: 0;
      margin-left: -1px; } }

.name-servers__dns .name-servers__toggle {
  display: inline-block;
  float: right; }

.name-servers__dns .name-servers__explanation {
  -webkit-animation: appear 0.5s ease-in-out;
          animation: appear 0.5s ease-in-out;
  color: #537994;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 0; }

.custom-nameservers-form {
  -webkit-animation: appear 0.5s ease-in-out;
          animation: appear 0.5s ease-in-out; }

.name-servers .custom-nameservers-row {
  margin-top: 10px;
  position: relative; }
  .name-servers .custom-nameservers-row input[type=text] {
    padding-right: 38px; }
    @media (max-width: 480px) {
      .name-servers .custom-nameservers-row input[type=text] {
        padding-right: 35px; } }
  .name-servers .custom-nameservers-row .button {
    position: absolute;
    right: 7px;
    top: 8px; }
    @media (max-width: 480px) {
      .name-servers .custom-nameservers-row .button {
        right: 4px; } }

.name-servers .notice {
  font-size: 12px;
  margin-top: 10px;
  padding-right: 15px; }

.name-servers.is-placeholder .name-servers__dns .name-servers__title {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .name-servers.is-placeholder .name-servers__dns .name-servers__title:after {
    content: '\00a0'; }

.name-servers.is-placeholder .name-servers__dns .name-servers__toggle {
  display: none; }

.name-servers.is-placeholder .name-servers__dns .name-servers__explanation,
.name-servers.is-placeholder .name-servers__dns .name-servers__explanation a {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .name-servers.is-placeholder .name-servers__dns .name-servers__explanation:after,
  .name-servers.is-placeholder .name-servers__dns .name-servers__explanation a:after {
    content: '\00a0'; }

.name-servers.is-placeholder .vertical-nav-item .noticon {
  display: none; }

.name-servers.is-placeholder .vertical-nav-item span:nth-of-type(2) {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .name-servers.is-placeholder .vertical-nav-item span:nth-of-type(2):after {
    content: '\00a0'; }

.dns__list > ul {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  .dns__list > ul li {
    border-top: 1px solid #f3f6f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    .dns__list > ul li em {
      color: #537994;
      display: block;
      font-size: 11px; }
    .dns__list > ul li label {
      background: #87a6bc;
      border-radius: 2px;
      color: white;
      display: block;
      font-size: 12px;
      margin: 0 10px 0 0;
      padding: 10px 5px;
      text-align: center; }
    .dns__list > ul li strong {
      color: #537994;
      font-weight: normal; }
    .dns__list > ul li.is-disabled {
      opacity: 0.2;
      cursor: not-allowed; }
  .dns__list > ul .dns__list-type {
    min-width: 60px; }
  .dns__list > ul .dns__list-info {
    width: 100%;
    word-break: break-all; }
  .dns__list > ul .dns__list-remove {
    text-align: right;
    width: 100px; }

.dns__add-new fieldset label + select,
.dns__add-new fieldset label + textarea {
  width: 100%; }

.domain-management-email .is-placeholder .section-header__label {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .domain-management-email .is-placeholder .section-header__label:after {
    content: '\00a0'; }
  .domain-management-email .is-placeholder .section-header__label::before {
    display: none; }

.domain-management-email .is-placeholder .google-apps-user-item__email,
.domain-management-email .is-placeholder .google-apps-user-item__manage-link {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .domain-management-email .is-placeholder .google-apps-user-item__email:after,
  .domain-management-email .is-placeholder .google-apps-user-item__manage-link:after {
    content: '\00a0'; }

.google-apps-users-card {
  margin-bottom: 10px; }

.google-apps-users-card__user-list.card, .google-apps-users-card__user-list.editor-drawer-well__placeholder {
  padding: 0; }
  .google-apps-users-card__user-list.card:after, .google-apps-users-card__user-list.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.google-apps-users-card__user-list-inner {
  list-style: none;
  margin: 0; }
  .google-apps-users-card__user-list-inner li {
    border-top: 1px solid #f3f6f8;
    padding: 20px 24px; }
    .google-apps-users-card__user-list-inner li:after {
      content: ".";
      display: block;
      height: 0;
      width: 0;
      clear: both;
      visibility: hidden; }
    .google-apps-users-card__user-list-inner li:first-of-type {
      border-top: none; }
    .google-apps-users-card__user-list-inner li:last-of-type {
      border-bottom: 1px solid #f3f6f8; }
  .google-apps-users-card__user-list-inner .notice {
    margin: 0; }

.google-apps-user-item__email {
  float: left; }

.google-apps-user-item__manage-link {
  float: right;
  font-size: 13px; }

.domain-only-site__settings-notice {
  color: #4f748e;
  margin-top: 30px;
  text-align: center; }
  .domain-only-site__settings-notice::before {
    background: #c8d7e1;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 30px;
    width: 60px; }

.icann-verification .button {
  margin-bottom: 15px; }
  @media (max-width: 480px) {
    .icann-verification .button {
      width: 100%; } }

.icann-verification__explanation {
  margin-bottom: 15px; }

.domain-details-card .icann-verification {
  margin-top: 16px; }

.is-group-editor::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  pointer-events: none;
  z-index: -1; }

.is-group-editor .sidebar, .is-group-editor .post-editor__sidebar {
  left: auto;
  right: -273px; }

@media (max-width: 660px) {
  .is-group-editor.focus-sidebar::before {
    background-color: #e9eff3; }
  .is-group-editor .sidebar, .is-group-editor .post-editor__sidebar {
    right: auto; } }

.is-group-editor .layout__content {
  padding: 47px 0 0;
  overflow: inherit; }

.post-editor__inner {
  position: relative;
  top: 47px;
  padding-bottom: 47px; }

.post-editor__content {
  position: relative;
  margin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  display: none; }
  .focus-content .post-editor__content {
    display: block; }
  @media (min-width: 661px) {
    .post-editor__content {
      display: block;
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-perspective: none;
              perspective: none; } }

.post-editor__content {
  margin: 0 auto;
  left: 0; }
  @media (min-width: 961px) {
    .focus-sidebar .post-editor__content {
      left: -136px;
      width: calc( 100% - ( 272px )); } }
  @media (max-width: 960px) {
    .focus-sidebar .post-editor__content {
      left: -114px;
      width: calc( 100% - ( 228px )); } }

.post-editor__site {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #e9eff3; }
  @media (min-width: 661px) {
    .post-editor__site {
      display: none; } }
  .post-editor__site .site__content {
    padding-top: 12px;
    padding-bottom: 12px; }
  .post-editor__site .site__title::after,
  .post-editor__site .site__domain::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
    background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .post-editor__site .editor-status-label {
    text-align: right;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-right: 8px; }

.editor__header,
.editor .mce-container-body,
.editor .tinymce {
  width: 100%;
  max-width: 700px;
  margin: 0 auto; }

@media (min-width: 661px) {
  .focus-content .editor__header {
    width: 700px; } }

.editor__header,
.editor .mce-edit-area {
  box-sizing: border-box;
  padding: 0 16px; }
  @media (min-width: 1041px) {
    .editor__header,
    .editor .mce-edit-area {
      padding: 0; } }

.post-editor .draft .post-relative-time-status {
  display: none; }

.editor {
  position: relative; }

@media (min-width: 661px) {
  .editor .editor-notice .notice {
    margin: 0; } }

.editor .tinymce {
  min-height: 100vh;
  resize: none;
  border-width: 0;
  padding: 32px 11px;
  /* Inherited from TinyMCE iframe body */
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  margin-bottom: 64px; }
  @media (max-width: 480px) {
    .editor .tinymce {
      padding: 24px 27px;
      /* 27px = 16px + the 11px padding on Visual mode */
      margin-bottom: 0; } }
  .editor .tinymce:focus {
    border-color: #c8d7e1;
    box-shadow: none; }

.editor__header {
  position: relative;
  padding-bottom: 27px; }

.editor__switch-mode {
  position: absolute;
  right: 16px;
  width: 160px;
  z-index: 1; }
  @media (min-width: 961px) {
    .editor__switch-mode {
      right: 32px; } }
  @media (min-width: 1041px) {
    .editor__switch-mode {
      right: 0; } }

.editor__switch-mode .segmented-control__item:first-of-type .segmented-control__link {
  border-bottom-left-radius: 0; }

.editor__switch-mode .segmented-control__item:last-of-type .segmented-control__link {
  border-right-color: #c8d7e1;
  border-bottom-right-radius: 0; }

.editor__switch-mode .segmented-control__item.is-selected + .segmented-control__item .segmented-control__link {
  border-left-color: #c8d7e1; }

.editor__switch-mode .segmented-control__link {
  background: #f3f6f8;
  border-color: #c8d7e1; }

.editor__switch-mode .segmented-control__item.is-selected .segmented-control__link {
  border-color: #c8d7e1;
  border-bottom-color: white;
  background-color: white; }

.editor__header-divider {
  background-color: #d9e3ea;
  max-width: 700px;
  margin: 0 auto; }
  .editor__header-divider ~ .mce-tinymce {
    margin-top: -1px; }

.post-editor .drafts__list + .infinite-scroll-end::after {
  background-color: #e9eff3; }

.post-editor .draft {
  padding: 16px; }

.editor .editor-featured-image {
  display: none;
  border-bottom: 1px solid #c8d7e1;
  border-top: 1px solid #c8d7e1;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3);
  overflow: hidden; }
  .editor .editor-featured-image.is-assigned {
    display: block; }
    @media (min-width: 661px) {
      .editor .editor-featured-image.is-assigned {
        margin: -24px 0 24px; } }
  .editor .editor-featured-image img {
    margin: 0 auto;
    max-height: 400px; }

.post-editor__confirmation-dialog.is-narrow {
  max-width: 100%;
  border-radius: 0; }
  @media (min-width: 661px) {
    .post-editor__confirmation-dialog.is-narrow {
      max-width: 550px;
      border-radius: 3px; } }

.post-editor__confirmation-dialog-heading {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 4px 0; }

.post-editor__confirmation-dialog-heading.is-variable-height {
  height: auto; }

.post-editor__confirmation-dialog-email,
.post-editor__confirmation-dialog-explanation,
.post-editor__confirmation-dialog-reasoning {
  color: #3d596d;
  margin: 0 0 8px 0; }

.post-editor__confirmation-dialog-email {
  margin-bottom: 16px;
  color: #668eaa; }

.post-editor__confirmation-dialog-email-wrapper {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  vertical-align: bottom; }

.post-editor__confirmation-dialog-reasoning {
  color: #668eaa;
  font-size: 14px;
  margin-bottom: 24px; }

.post-editor__confirmation-dialog-spinner {
  display: inline-block;
  vertical-align: -25%; }

.edit-post-status__sticky,
.edit-post-status__pending-review {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .edit-post-status__sticky .gridicon,
  .edit-post-status__pending-review .gridicon {
    margin-top: 2px;
    margin-left: 4px;
    vertical-align: top; }

.edit-post-status__pending-review {
  margin-top: 8px; }

.edit-post-status__label-text {
  color: #2e4453;
  font-size: 13px;
  line-height: 1.7; }
  @media (min-width: 661px) {
    .edit-post-status__label-text .info-popover {
      display: none; }
    .edit-post-status__label-text:hover .info-popover {
      display: inline-block; } }

.edit-post-status .select-dropdown__container {
  display: block; }

.edit-post-status__revert-to-draft {
  display: block;
  margin: 16px 0 0;
  width: 100%; }

.edit-post-status__full-date {
  color: #2e4453;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 12px;
  padding-right: 5px;
  cursor: pointer; }
  .edit-post-status__full-date .gridicon {
    color: #2e4453;
    margin-left: -2px;
    margin-right: 6px;
    vertical-align: top; }

.edit-post-status__future-label {
  background: #0068ff;
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 10px;
  margin: -3px 4px 0 0;
  overflow: hidden;
  padding: 2px 6px 2px 6px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: pre;
  text-transform: uppercase; }

.edit-post-status__post-schedule {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }
  .edit-post-status__post-schedule .async-load {
    margin: 16px 0;
    width: auto; }

.edit-post-status .form-toggle__label .form-toggle__label-content {
  margin: 0; }

.editor-action-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  padding: 12px 16px 8px; }
  @media (max-width: 660px) {
    .editor-action-bar {
      margin-bottom: 8px; } }
  .editor-action-bar .editor-status-label {
    line-height: 1;
    position: fixed;
    bottom: 0px;
    left: 8px;
    padding: 8px;
    margin-right: 2px;
    background-color: rgba(255, 255, 255, 0.92);
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    color: #a8bece;
    pointer-events: none;
    z-index: 2; }
    @media (max-width: 480px) {
      .editor-action-bar .editor-status-label {
        display: none; } }
    .focus-sidebar .editor-action-bar .editor-status-label {
      right: 228px; }
      @media (max-width: 660px) {
        .focus-sidebar .editor-action-bar .editor-status-label {
          display: none; } }
      @media (min-width: 961px) {
        .focus-sidebar .editor-action-bar .editor-status-label {
          right: 273px; } }

.editor-action-bar__cell.is-left, .editor-action-bar__cell.is-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }

.editor-action-bar__cell.is-center {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }

.editor-action-bar__cell.is-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@media (max-width: 660px) {
  .post-editor__content .editor-action-bar {
    display: none; } }

@media (min-width: 661px) {
  .post-editor__sidebar .editor-action-bar {
    display: none; } }

.editor-action-bar .button {
  color: #668eaa;
  background: transparent;
  margin-left: 18px;
  -webkit-transition: color 200ms;
  transition: color 200ms;
  padding: 0; }
  .editor-action-bar .button:hover, .editor-action-bar .button:focus {
    color: #668eaa; }
  @media (min-width: 661px) {
    .editor-action-bar .button {
      color: #c8d7e1; } }

.editor-action-bar__view-post-tooltip .popover__inner {
  white-space: nowrap; }

.editor-action-bar .async-load {
  max-width: 30%;
  margin-top: 6px; }

.editor-author.is-placeholder .editor-author__name {
  -webkit-animation: pulse-light 0.8s ease-in-out infinite;
          animation: pulse-light 0.8s ease-in-out infinite;
  background: #c8d7e1;
  display: inline-block;
  height: 14px;
  width: 100px;
  position: relative;
  top: 3px; }

.editor-author .gravatar {
  vertical-align: middle; }

.editor-author__name {
  color: #668eaa;
  font-size: 13px;
  margin: 0 8px; }
  @media (max-width: 480px) {
    .editor-author__name {
      display: none; } }

.editor-categories-tags__upgrade-notice .notice__icon {
  display: none; }

.editor-categories-tags__upgrade-notice .notice__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.editor-categories-tags__upgrade-notice .notice__action {
  margin: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.editor-delete-post__tooltip .popover__inner {
  white-space: nowrap; }

.editor-delete-post {
  display: block; }

.editor-delete-post__button.button.is-borderless {
  color: #537994;
  padding: 0; }
  .editor-delete-post__button.button.is-borderless.is-trashing {
    color: #d54e21; }
    .editor-delete-post__button.button.is-borderless.is-trashing .gridicon {
      color: #d54e21; }
  .editor-delete-post__button.button.is-borderless:hover, .editor-delete-post__button.button.is-borderless:focus {
    color: #d54e21;
    outline: none; }
    .editor-delete-post__button.button.is-borderless:hover .gridicon, .editor-delete-post__button.button.is-borderless:focus .gridicon {
      color: #d54e21; }
  .editor-delete-post__button.button.is-borderless .gridicon {
    color: #537994;
    margin-right: 4px; }

.editor-comment_status__info {
  margin-left: 4px;
  color: #87a6bc; }
  .editor-comment_status__info .gridicon {
    vertical-align: top;
    margin-top: -2px; }

.editor-drawer {
  font-size: 13px;
  background: white; }

.editor-drawer__description, .editor-sharing__publicize-message .editor-sharing__message-description {
  color: #87a6bc;
  font-size: 12px; }

.editor-drawer .accordion:not(.is-expanded) .accordion__toggle .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.editor-drawer .accordion:not(.is-expanded) .accordion__toggle:hover .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.editor-drawer__accordion.is-loading .accordion__subtitle {
  position: relative;
  color: transparent; }
  .editor-drawer__accordion.is-loading .accordion__subtitle::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 60%;
    background-color: #c8d7e1;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.editor-drawer__label:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.editor-drawer__label-text {
  color: #2e4453;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 4px; }

.editor-drawer__label-text .info-popover {
  float: right; }

.editor-drawer__heading, .editor-sharing__publicize-message .editor-sharing__message-heading {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 4px; }

.editor-drawer .form-textarea {
  font-size: 13px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  resize: vertical;
  -webkit-appearance: none; }

.editor-drawer .editor-delete-post::before {
  content: '';
  border-top: 1px solid #e9eff3;
  display: block;
  margin-top: -16px;
  position: absolute;
  left: 0;
  right: 0; }

.editor-drawer .async-load {
  margin: 16px;
  width: auto; }

.editor-drawer__copy-post .button {
  margin-top: 16px;
  width: 100%; }

.editor-drawer .editor-categories-tags__accordion .accordion__content-wrap,
.editor-drawer .editor-drawer__more-options .accordion__content-wrap {
  padding-top: 8px; }

.editor-drawer-well {
  position: relative; }

.editor-drawer-well.is-empty .editor-drawer-well__content {
  display: none; }

.editor-drawer-well__placeholder {
  display: block;
  width: 100%;
  padding: 24px;
  margin: 0;
  background: #e9eff3;
  cursor: pointer; }
  .editor-drawer-well__placeholder:hover {
    border-color: #a8bece;
    color: #2e4453; }

.editor-drawer-well__placeholder .gridicon {
  color: #87a6bc;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 8px; }

.editor-drawer-well__button {
  display: block;
  width: 100%; }

.editor-drawer-well__remove {
  position: absolute;
  top: 0;
  /*rtl:ignore*/
  right: 0;
  width: 28px;
  height: 28px;
  /*rtl:ignore*/
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  border: 1px solid #a8bece;
  border-radius: 50%;
  background-color: #f3f6f8;
  cursor: pointer; }

.editor-drawer-well__remove .editor-drawer-well__remove-icon.gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  margin: 0;
  color: #a8bece; }

.editor-featured-image {
  width: 100%;
  padding: 0 0 7px 0;
  text-align: center;
  line-height: 0; }

.editor-featured-image__current-image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 100%; }
  .editor-featured-image__current-image.button {
    padding-bottom: 0; }
  .editor-featured-image__current-image.button.is-borderless .editor-featured-image__edit-icon {
    position: absolute;
    top: auto;
    bottom: 8px;
    right: 8px;
    padding: 0;
    color: white;
    opacity: 0.9; }
  .editor-featured-image__current-image.button.is-borderless:hover .editor-featured-image__edit-icon {
    opacity: 1; }

.editor-featured-image__preview.is-transient::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10; }

.editor-featured-image__preview .spinner {
  display: none; }

.editor-featured-image__preview.is-transient .spinner {
  display: block; }

.editor-featured-image__preview .spinner,
.editor-featured-image .editor-drawer-well__remove {
  z-index: 20; }

.editor-featured-image__preview .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-featured-image__preview .image-preloader {
  overflow: hidden; }

.editor-featured-image__preview .spinner-line {
  width: 100vw;
  margin: 0; }

.editor-featured-image__preview.has-assigned-height ~ .editor-featured-image__edit-icon {
  display: none; }

.editor-featured-image__preview.has-assigned-height .spinner-line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-featured-image__preview .spinner__border {
  fill: transparent; }

.editor-featured-image__preview-image {
  display: block; }

.editor-fieldset {
  margin: 20px 0; }
  .editor-fieldset:first-child {
    margin-top: 0; }
  .editor-fieldset:last-child {
    margin-bottom: 0; }

.editor-fieldset__legend,
.editor-fieldset__option {
  margin: 4px 0;
  font-size: 12px; }

.editor-fieldset__legend {
  color: #2e4453;
  display: block;
  font-size: 12px; }

.editor-forbidden {
  max-width: 400px; }

.editor-ground-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin-bottom: 0;
  -webkit-transition: 0.3s box-shadow;
  transition: 0.3s box-shadow;
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  z-index: 22; }
  @media (max-width: 660px) {
    .editor-ground-control {
      padding-top: 0; } }

.editor-ground-control .site,
.editor-ground-control .editor-ground-control__status,
.editor-ground-control .editor-ground-control__action-buttons {
  height: 46px;
  line-height: 46px; }

.editor-ground-control .site {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 272px; }
  @media (max-width: 660px) {
    .editor-ground-control .site {
      display: none; } }

.editor-ground-control .site .site__title::after,
.editor-ground-control .site .site__domain::after {
  width: 16px; }

.editor-ground-control .site .site__info {
  width: auto; }

.editor-ground-control__separator {
  margin: 0 -16px;
  background: #e9eff3; }

.editor-ground-control__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 0 0;
  position: relative;
  border-left: 1px solid #d9e3ea;
  padding-left: 16px; }
  @media (max-width: 660px) {
    .editor-ground-control__status {
      border-left: none; } }

.editor-ground-control__action-buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 12px;
  line-height: 32px; }

.editor-ground-control__action-buttons .button.is-borderless {
  padding: 0 12px;
  line-height: 46px; }

.editor-ground-control__action-buttons .button.is-borderless svg {
  top: 7px; }

.editor-ground-control__preview-button {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.editor-ground-control__toggle-sidebar {
  margin-right: 8px; }

.focus-sidebar .editor-ground-control__toggle-sidebar:hover,
.focus-sidebar .editor-ground-control__toggle-sidebar:focus,
.focus-sidebar .editor-ground-control__toggle-sidebar {
  color: #0068ff;
  box-shadow: inset 0 -3px #0068ff; }

.editor-ground-control__toggle-sidebar.button.is-borderless,
.editor-ground-control__preview-button.button.is-borderless {
  font-size: 13px; }

.editor-ground-control__publish-combo {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px; }

.editor-ground-control .editor-publish-button {
  border-radius: 4px 0 0 4px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 5px 14px 7px; }

.editor-ground-control__time-button {
  border-radius: 0 4px 4px 0;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -1px; }

.editor-ground-control__time-button-label {
  padding-left: 8px;
  display: none; }

.editor-ground-control__save.button.is-link,
.editor-ground-control__save-status {
  text-decoration: underline;
  font-size: 13px; }

.editor-ground-control__save-status {
  text-decoration: none;
  color: #c8d7e1; }

.editor-ground-control__schedule-post {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }
  .editor-ground-control__schedule-post .async-load {
    margin: 16px 0;
    width: auto; }

.editor-ground-control .edit-post-status {
  border-top: 1px solid #e9eff3;
  border-bottom: 1px solid #e9eff3;
  margin: 0 -16px 16px;
  padding: 16px; }

.editor-ground-control__view-site-tooltip {
  font-size: 12px; }

.editor-ground-control__email-verification-notice {
  font-size: 13px;
  padding: 8px 8px 8px 40px;
  background: white;
  position: relative;
  color: #0087be;
  border: 1px solid #c8d7e1;
  cursor: pointer;
  fill: #0087be;
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 40px;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(46, 68, 83, 0.2);
  max-width: 264px;
  box-sizing: border-box; }
  @media (max-width: 660px) {
    .editor-ground-control__email-verification-notice {
      display: none; } }
  .editor-ground-control__email-verification-notice::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    top: -6px;
    right: 48px;
    -webkit-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
    border-top: 1px solid #c8d7e1;
    border-left: 1px solid #c8d7e1; }
  .editor-ground-control__email-verification-notice:focus:not(:active) {
    box-shadow: 0 0 0 2px #78dcfa;
    z-index: 1;
    border-top-color: #87a6bc;
    border-bottom: 1px solid #87a6bc; }
  .editor-ground-control__email-verification-notice:hover {
    color: #0068ff;
    fill: #0068ff; }

.editor-ground-control__email-verification-notice-icon {
  position: absolute;
  left: 8px;
  top: 11px; }

.editor-ground-control__email-verification-notice-more {
  text-decoration: underline; }

.editor-ground-control__back.button.is-borderless {
  border-right: 1px solid #d9e3ea;
  padding: 6px 10px;
  height: 46px; }
  .editor-ground-control__back.button.is-borderless .gridicon {
    top: 4px; }

@media (max-width: 960px) {
  .editor-ground-control__button-label {
    display: none; } }

.editor-ground-control__button-label .post-status {
  display: none; }

.editor-html-toolbar {
  height: 39px;
  position: relative;
  z-index: 1; }
  .editor-html-toolbar .editor-html-toolbar__wrapper {
    background-color: rgba(255, 255, 255, 0.92);
    border-color: #c8d7e1;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    width: 100%; }
    @media (max-width: 700px) {
      .editor-html-toolbar .editor-html-toolbar__wrapper {
        border-left-width: 0;
        border-right-width: 0; } }
    @media screen and (max-width: 928px) {
      .focus-sidebar .editor-html-toolbar .editor-html-toolbar__wrapper {
        border-left-width: 0;
        border-right-width: 0; } }
  .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    max-width: none;
    position: fixed;
    top: 94px;
    width: 100%;
    z-index: 2; }
    .focus-sidebar .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper,
    .has-chat .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper {
      width: calc( 100% - ( 273px )); }
    .focus-sidebar.has-chat .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper {
      width: calc( 100% - ( 545px ));
      left: 0; }
    @media (min-width: 661px) and (max-width: 960px) {
      .focus-sidebar .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper,
      .has-chat .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper {
        width: calc( 100% - ( 229px )); }
      .focus-sidebar.has-chat .editor-html-toolbar.is-pinned .editor-html-toolbar__wrapper {
        width: calc( 100% - ( 457px )); } }
  .editor-html-toolbar .editor-html-toolbar__wrapper-buttons {
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    width: 100%; }
  .editor-html-toolbar .editor-html-toolbar__buttons {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%; }
  .editor-html-toolbar.is-scrollable .editor-html-toolbar__buttons::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto;
    height: 36px;
    margin-top: 1px;
    -webkit-transition: width 0.2s;
    transition: width 0.2s; }
  .editor-html-toolbar.is-scrollable.is-scrolled-full .editor-html-toolbar__buttons::after {
    width: 0; }
  .editor-html-toolbar .button {
    border-right: 1px solid #e9eff3;
    color: #4f748e;
    height: 26px;
    margin: 6px 0;
    padding: 4px 12px;
    position: relative;
    text-transform: lowercase;
    min-width: 30px; }
    .editor-html-toolbar .button.is-tag-open {
      padding-left: 16px;
      padding-right: 8px; }
      .editor-html-toolbar .button.is-tag-open::before {
        content: '/';
        left: 12px;
        position: absolute; }
    .editor-html-toolbar .button:hover {
      color: #2e4453; }
    .editor-html-toolbar .button:last-child {
      border: none; }

.editor-html-toolbar__button-insert-content {
  display: inline-block;
  height: 38px; }
  .editor-html-toolbar__button-insert-content .editor-html-toolbar__button-insert-media.button {
    border-right-color: transparent;
    height: 38px;
    margin: 0;
    padding: 6px 7px 8px 7px; }
    .editor-html-toolbar__button-insert-content .editor-html-toolbar__button-insert-media.button .gridicon {
      height: 24px;
      width: 24px; }
  .editor-html-toolbar__button-insert-content .editor-html-toolbar__button-insert-content-dropdown.button {
    border-right: 1px solid #e9eff3;
    height: 38px;
    margin: 0;
    min-width: auto;
    padding: 10px 5px 14px 5px; }
    .editor-html-toolbar__button-insert-content .editor-html-toolbar__button-insert-content-dropdown.button .gridicon {
      color: #87a6bc;
      height: 14px;
      width: 14px; }
  .editor-html-toolbar__button-insert-content:hover .editor-html-toolbar__button-insert-media.button {
    border-right-color: #e9eff3; }
  .editor-html-toolbar__button-insert-content:hover .button .gridicon {
    color: #a8bece; }
  .editor-html-toolbar__button-insert-content:hover .button:hover .gridicon {
    color: #2e4453; }

.editor-html-toolbar__insert-content-dropdown {
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 0 0 4px 4px;
  display: none;
  left: 0;
  position: absolute;
  top: 38px;
  min-width: 185px; }
  .editor-html-toolbar__insert-content-dropdown.is-visible {
    display: block; }
  .editor-html-toolbar__insert-content-dropdown .editor-html-toolbar__insert-content-dropdown-item {
    cursor: pointer;
    height: 24px;
    padding: 9px 16px; }
    .editor-html-toolbar__insert-content-dropdown .editor-html-toolbar__insert-content-dropdown-item .gridicon {
      color: #87a6bc; }
    .editor-html-toolbar__insert-content-dropdown .editor-html-toolbar__insert-content-dropdown-item span {
      color: #3d596d;
      display: inline-block;
      font-size: 14px;
      margin-left: 8px;
      margin-top: 2px;
      vertical-align: top; }
    .editor-html-toolbar__insert-content-dropdown .editor-html-toolbar__insert-content-dropdown-item:hover .gridicon, .editor-html-toolbar__insert-content-dropdown .editor-html-toolbar__insert-content-dropdown-item:hover span {
      color: #0068ff; }

.editor-html-toolbar__button-strong {
  font-weight: bold; }

.editor-html-toolbar__button-em {
  font-style: italic; }

.editor-html-toolbar__button-a.button {
  color: #0087be;
  text-decoration: underline; }

.editor-html-toolbar__button-del {
  text-decoration: line-through; }

.editor-html-toolbar__button-ins {
  text-decoration: underline; }

.editor-html-toolbar__button-code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", "Courier 10 Pitch", Courier, monospace; }

.editor-html-toolbar__button-close-tags.button[disabled]:hover, .editor-drawer-well__placeholder[disabled] .editor-html-toolbar__button-close-tags.editor-drawer-well__button:hover {
  color: #e9eff3; }

.editor-html-toolbar__dialog {
  max-height: 90%;
  overflow-y: auto; }
  .editor-html-toolbar__dialog .dialog__content {
    min-width: 40vw; }
  .editor-html-toolbar__dialog .post-selector {
    margin-bottom: 16px; }
  @media (max-width: 660px) {
    .editor-html-toolbar__dialog {
      width: 90%; }
      .editor-html-toolbar__dialog .dialog__content {
        min-width: none; } }

.editor-location {
  margin-bottom: 24px; }

.editor-location__map {
  display: block; }

.editor-location__search .search-card {
  margin-bottom: 1px; }

.editor-location__search-results {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  border-bottom: 1px solid #e9eff3; }

.editor-location__search-result {
  padding: 8px;
  margin: 0 -1px;
  cursor: pointer;
  border: 1px solid #e9eff3;
  border-top-width: 0;
  border-bottom-width: 0;
  font-size: 13px; }
  .editor-location__search-result:hover {
    background-color: #0068ff;
    color: white; }

.editor-location__search .spinner {
  left: 20px; }

.editor-notice .notice {
  margin: 0; }
  @media (min-width: 661px) {
    .editor-notice .notice {
      margin: -8px 0 24px; } }

.editor-notice .notice__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }
  .editor-notice .notice__text a {
    text-decoration: underline;
    background-image: none; }

.editor-slug.editor-more-options__slug-field {
  margin: 0; }

.editor-slug.editor-more-options__slug-field .editor-slug__url-path {
  display: none; }

.editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  font-size: 13px; }

.editor-more-options__copy-post-select-dialog .dialog__content {
  min-width: 40vw; }

.editor-more-options__copy-post-select-dialog .post-selector {
  margin-bottom: 16px; }

@media (max-width: 660px) {
  .editor-more-options__copy-post-select-dialog {
    width: 90%; }
  .editor-more-options__copy-post-select-dialog .dialog__content {
    min-width: none; } }

.editor-notice .notice {
  margin: 0; }
  @media (min-width: 661px) {
    .editor-notice .notice {
      margin: -8px 0 24px; } }

.editor-notice .notice__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }
  .editor-notice .notice__text a {
    text-decoration: underline;
    background-image: none; }

.editor-page-parent .post-selector {
  margin: 8px 0 0 0; }

.editor-page-parent .post-selector__results {
  height: 186px; }

.editor-page-parent .post-selector.is-compact .post-selector__results {
  height: auto; }

.editor-page-parent__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-page-parent__top-level-label {
  color: #668eaa;
  font-size: 13px;
  line-height: 1.7; }

.editor-page-parent__top-level {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.editor-page-order {
  margin-top: 8px; }

.editor-page-order__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

input[type="number"].editor-page-order__input {
  -moz-appearance: textfield;
  font-size: 13px;
  width: 50px; }
  input[type="number"].editor-page-order__input::-webkit-outer-spin-button, input[type="number"].editor-page-order__input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.editor-page-templates__help-link {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 6px; }

.editor-permalink .gridicon {
  fill: #87a6bc;
  cursor: pointer; }

.editor-permalink__popover .popover__inner {
  padding: 12px; }

.editor-permalink__popover .editor-slug,
.editor-permalink__popover .clipboard-button {
  display: inline-block;
  vertical-align: top; }

.editor-permalink__popover .editor-slug {
  position: relative;
  padding-left: 4px;
  text-align: left;
  margin: 0; }
  .editor-permalink__popover .editor-slug:not(.is-focused)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 10%;
    height: auto; }

.editor-permalink__popover .editor-slug .form-text-input {
  border: none;
  color: #668eaa;
  font-size: 13px;
  padding: 4px 0;
  min-width: 100px;
  width: 160px; }
  .editor-permalink__popover .editor-slug .form-text-input:focus {
    box-shadow: none; }

.editor-permalink__url-path {
  color: #a8bece;
  font-size: 13px;
  margin-right: 0; }

.editor-permalink__popover .clipboard-button {
  margin-left: 8px; }

.editor-post-formats {
  list-style: none;
  margin: -4px 0; }

.editor-post-formats__format {
  margin: 12px 0; }

.editor-post-formats__format-label {
  color: #2e4453;
  font-size: 12px;
  position: relative;
  padding-left: 26px;
  cursor: pointer; }

.editor-post-formats__format-icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  fill: #4f748e; }
  .editor-post-formats__format-icon .gridicon {
    margin-top: 3px; }

.editor-post-formats__help-link {
  font-size: 12px; }

.editor-post-type.is-loading {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #e9eff3;
  color: transparent; }
  .editor-post-type.is-loading:after {
    content: '\00a0'; }

.editor-post-type .post-status__text {
  display: none;
  color: #668eaa;
  margin-left: 4px;
  vertical-align: baseline; }

@media (max-width: 480px) {
  .editor-post-type {
    display: none; } }

.editor-post-type-unsupported {
  max-width: 400px; }

.editor-revisions {
  color: #2e4453;
  display: block;
  font-size: 13px;
  margin: 16px -16px -16px;
  padding: 16px;
  border-top: 1px solid #d9e3ea; }
  .editor-revisions:visited {
    color: #2e4453; }
  .editor-revisions:hover, .editor-revisions:focus {
    color: #2e4453;
    outline: none; }
    .editor-revisions:hover .gridicon, .editor-revisions:focus .gridicon {
      color: #2e4453; }
  .editor-revisions .gridicon {
    color: #2e4453;
    margin-left: -2px;
    margin-right: 8px;
    vertical-align: bottom; }

.editor-seo-accordion .token-field__remove-token {
  display: none; }

.editor-seo-accordion .token-field__token-text {
  border-radius: 4px;
  background-color: #a8bece;
  padding: 0 6px; }

.editor-seo-accordion .editor-seo-accordion__preview-button {
  margin-top: 10px;
  width: 100%; }

.editor-sharing__publicize-message .editor-sharing__message-description .gridicon {
  margin: 0 4px -1px 0; }

.editor-sharing__publicize-message .editor-sharing__message-input {
  margin: 8px 0; }

.editor-sharing__publicize-message .info-popover {
  float: right; }

.info-popover__tooltip.publicize-message-counter-info .popover__inner {
  max-width: 210px;
  text-align: left; }

.editor-sharing__publicize-options.has-connections, .editor-sharing__publicize-options.has-add-option {
  margin-bottom: 20px; }

.editor-sharing__publicize-options .add-new-button__text {
  padding-right: 4px; }

.editor-sharing__publicize-options .editor-sharing__external-link-indicator {
  color: #87a6bc;
  margin-left: 4px;
  vertical-align: text-top; }

.editor-sharing__publicize-options .notice.is-compact {
  margin: 8px 0; }

.editor-sharing__add-connection {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-bottom: 16px; }

.editor-sharing__add-connection-icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.editor-sharing__publicize-disabled {
  color: #537994;
  font-size: 13px; }
  .editor-sharing__publicize-disabled span {
    display: block; }

.editor-sharing__jetpack-modules-button {
  margin-top: 10px; }

.editor-sharing__publicize-services {
  list-style-type: none;
  margin: 0; }

.editor-sharing__publicize-service {
  margin-bottom: 8px; }

.editor-sharing__publicize-service-heading {
  font-size: 12px;
  font-weight: 400; }

.editor-fieldset.editor-sharing__sharing-like-options {
  margin-top: 0; }

.editor-sharing__shortlink {
  border-top: 1px solid #e9eff3;
  color: #87a6bc;
  font-size: 11px;
  margin: 16px -16px 0;
  padding: 8px 16px 0;
  text-align: left;
  text-transform: uppercase; }
  .editor-sharing__shortlink.is-standalone {
    border-top: none;
    margin-top: -16px; }

.editor-sharing__shortlink-label {
  padding: 8px 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

input[type="text"].editor-sharing__shortlink-field {
  background: #e9eff3;
  color: #2e4453;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 12px;
  width: 100%;
  line-height: 1;
  vertical-align: bottom; }

.editor-sharing__publicize-connection {
  display: block;
  font-size: 12px;
  padding: 2px 0; }

.editor-sharing__broken-publicize-connection {
  margin: 8px -16px; }

.editor-sharing__broken-publicize-connection-button {
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-decoration: underline; }

.editor-sharing__publicize-message {
  margin-top: 16px; }

.editor-sharing__publicize-share-button {
  display: block;
  width: 100%; }

.post-editor__sidebar {
  z-index: 2;
  background: #e9eff3;
  left: auto;
  right: -273px;
  border-left: 1px solid #d9e3ea;
  border-top: 1px solid #d9e3ea;
  border-right: none;
  top: 93px;
  -webkit-transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .focus-sidebar .post-editor__sidebar {
    -webkit-transform: translateX(-273px);
            transform: translateX(-273px); }
  .focus-sidebar .is-loading .post-editor__sidebar {
    -webkit-transition: none;
    transition: none; }
  @media (max-width: 660px) {
    .post-editor__sidebar {
      position: relative;
      top: 0;
      left: 0;
      height: 0;
      -webkit-transition: none;
      transition: none;
      border-left: none; }
      .focus-sidebar .post-editor__sidebar {
        height: auto;
        -webkit-transform: none;
                transform: none;
        -webkit-transition: none;
        transition: none; } }

.editor-sidebar__header {
  background: #e9eff3;
  display: none;
  font-size: 13px;
  color: #2e4453;
  font-weight: 500; }
  @media (min-width: 661px) {
    .editor-sidebar__header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      padding: 11px 15px 11px 16px; } }

.editor-sidebar__close.button.is-compact.is-borderless {
  display: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  line-height: 12px;
  padding: 8px;
  white-space: nowrap;
  max-width: 50%; }
  @media (min-width: 661px) {
    .editor-sidebar__close.button.is-compact.is-borderless {
      display: block; } }

.editor-sidebar__toggle-sidebar {
  margin-left: 16px; }
  @media (min-width: 661px) {
    .editor-sidebar__toggle-sidebar {
      display: none; } }

.editor-status-label {
  color: #87a6bc;
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 1.65;
  padding-left: 18px;
  text-align: left;
  text-transform: uppercase; }
  .editor-status-label .gridicon {
    display: inline-block;
    fill: #a8bece;
    position: absolute;
    left: 14px; }
  .editor-status-label strong {
    color: #668eaa; }
  .editor-status-label.is-publish strong {
    display: inline; }
  .editor-status-label.is-pending strong {
    color: #f0b849; }
  .editor-status-label.is-trash strong {
    color: #d54e21; }
  .editor-status-label.is-plain {
    padding-left: 0;
    cursor: default; }

.editor-status-label__placeholder {
  padding-left: 0; }

.editor-slug {
  margin-left: 10px;
  margin-top: -4px; }
  @media (max-width: 480px) {
    .editor-slug {
      margin-left: 0; } }

.editor-slug .gridicon {
  fill: #87a6bc;
  float: left;
  top: 8px;
  margin-right: 8px;
  cursor: pointer; }

.editor-slug .form-text-input {
  border: none;
  color: #668eaa;
  font-size: 13px;
  padding: 4px 0;
  width: 200px; }
  .editor-slug .form-text-input:focus {
    box-shadow: none;
    color: #2e4453; }

.editor-slug__url-path {
  color: #a8bece;
  font-size: 13px;
  margin-right: 0;
  cursor: pointer; }
  @media (max-width: 480px) {
    .editor-slug__url-path {
      word-wrap: break-word; } }

.editor-sticky.button {
  opacity: 0;
  cursor: default;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms; }
  .editor-sticky.button.is-sticky {
    color: #f0821e;
    opacity: 1;
    cursor: pointer; }

.editor-sticky__explanation {
  display: block;
  font-size: 11px; }

.editor-sticky__tooltip .popover__inner {
  white-space: nowrap; }

.editor-term-selector__add-term {
  border: 1px solid #c8d7e1;
  border-top: 0px;
  margin: 0 0 8px;
  padding: 8px; }
  .editor-term-selector__add-term.is-compact {
    border: 0;
    padding: 8px 0; }

.editor-title {
  position: relative; }
  .editor-title.is-loading::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 14px;
    bottom: 12px;
    left: 10px;
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite;
    background: #c8d7e1; }
  @media (min-width: 661px) {
    .focus-sidebar .editor-title {
      margin-left: 52px; } }
  @media (min-width: 1041px) {
    .focus-sidebar .editor-title {
      margin-left: 0; } }

.editor-title .editor-permalink {
  position: absolute;
  left: -26px;
  top: 18px;
  display: none; }
  @media (min-width: 661px) {
    .editor-title .editor-permalink {
      display: block; } }

.editor-title__input {
  min-height: 0;
  padding-left: 10px;
  /* Intentionally non-standard to align editor body margin (10px) */
  padding-right: 10px;
  border: none;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  color: #2e4453;
  font-weight: 600;
  resize: none;
  -ms-overflow-y: hidden !important; }
  .editor-title__input:focus {
    box-shadow: none; }
  @media (min-width: 481px) {
    .editor-title__input {
      font-size: 32px; } }

.editor-title.is-loading .editor-title__input {
  color: transparent; }

.editor-visibility {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 0 0; }

.editor-visibility .button.is-dialog-open .editor-visibility__label, .editor-visibility .button.is-touch .editor-visibility__label, .editor-visibility .button:hover .editor-visibility__label {
  color: #668eaa; }

.editor-visibility .button .gridicon {
  margin-right: 4px; }

.editor-visibility__dialog {
  text-align: left;
  width: 180px;
  padding: 20px; }
  .editor-visibility__dialog .form-text-input {
    font-size: 13px; }
    .editor-visibility__dialog .form-text-input.is-info-open {
      margin-top: 8px; }
  .editor-visibility__dialog .form-input-validation {
    padding-bottom: 0; }
  .editor-visibility__dialog .form-setting-explanation {
    margin: -4px 0 8px 24px; }
    .editor-visibility__dialog .form-setting-explanation.password {
      margin-bottom: 0; }
  .editor-visibility__dialog .gridicon {
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 4px;
    color: #b8cad7; }
    .editor-visibility__dialog .gridicon:hover {
      color: #2e4453; }
  .editor-visibility__dialog .gridicon.is_active {
    color: #2e4453; }
    .editor-visibility__dialog .gridicon.is_active:hover {
      color: #b8cad7; }

.editor-visibility__tooltip .popover__inner {
  white-space: nowrap; }

.popover.editor-visibility__popover {
  /* applying a lower z-index to ensure it is layered behind the masterbar */
  z-index: 179; }

.editor-word-count {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 6px 8px 8px;
  background-color: rgba(255, 255, 255, 0.92);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  color: #a8bece;
  pointer-events: none;
  z-index: 3; }
  .focus-sidebar .editor-word-count {
    right: 273px; }
  @media (max-width: 960px) {
    .focus-sidebar .editor-word-count {
      right: 229px; } }

.editor-media-modal {
  padding: 0; }

.editor-media-modal.dialog.card, .editor-media-modal.dialog.editor-drawer-well__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none; }
  @media (min-width: 661px) {
    .editor-media-modal.dialog.card, .editor-media-modal.dialog.editor-drawer-well__placeholder {
      top: 5%;
      bottom: 5%;
      left: 5%;
      right: 5%;
      width: 90%; } }
  @media (min-width: 961px) {
    .editor-media-modal.dialog.card, .editor-media-modal.dialog.editor-drawer-well__placeholder {
      left: 12.5%;
      right: 12.5%;
      width: 75%; } }

.editor-media-modal .dialog__content {
  position: static;
  color: #2e4453;
  height: 100%; }

.editor-media-modal .section-nav {
  z-index: 10; }
  @media (min-width: 481px) {
    .editor-media-modal .section-nav {
      margin-bottom: 16px; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake.card, .editor-media-modal .header-cake.editor-drawer-well__placeholder {
    margin-top: 0;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake__corner {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none; } }

.editor-media-modal .media-library__content {
  position: static; }

.editor-media-modal .media-library__list {
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding: 0 24px; } }

.editor-media-modal .media-library__header {
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__header {
      padding: 0 24px; } }

.editor-media-modal .media-library__header:not(.media-library__upload-url) {
  padding-top: 6px;
  padding-bottom: 6px; }

.editor-media-modal .media-library__scale-toggle,
.editor-media-modal .media-library__scale-range.range {
  right: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__scale-toggle,
    .editor-media-modal .media-library__scale-range.range {
      right: 24px; } }

.editor-media-modal .media-library__content .no-results {
  padding: 0 24px 24px; }

.editor-media-modal__content, .editor-media-modal .media-library__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 74px;
  left: 0;
  overflow-y: auto; }
  .editor-media-modal__content.editor-media-modal-gallery__content, .editor-media-modal .editor-media-modal-gallery__content.media-library__list {
    margin-top: 16px; }
    @media (min-width: 661px) {
      .editor-media-modal__content.editor-media-modal-gallery__content, .editor-media-modal .editor-media-modal-gallery__content.media-library__list {
        margin-top: 0; } }
  @media (min-width: 661px) {
    .editor-media-modal__content, .editor-media-modal .media-library__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 74px;
      overflow-y: visible; } }

.editor-media-modal .media-library__list {
  display: block;
  top: 105px;
  right: 0;
  left: 0;
  padding: 4px 16px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }
  @media (min-width: 481px) {
    .editor-media-modal .media-library__list {
      top: 131px; } }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding-left: 24px;
      padding-right: 24px;
      overflow-y: auto;
      top: 122px; } }

.editor-media-modal .notice {
  z-index: 10; }
  @media (min-width: 661px) {
    .editor-media-modal .notice {
      margin-top: 16px; } }

.editor-media-modal .media-library__upload-url-cancel {
  padding-right: 0;
  padding-left: 12px; }

.editor-media-modal .empty-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 0;
  margin: 0;
  width: 100%; }

.editor-media-modal .media-library__content .empty-content__illustration {
  width: 65vh;
  min-width: 300px;
  max-width: 37.5vw;
  margin: -5% 0; }
  @media (max-height: 470px) {
    .editor-media-modal .media-library__content .empty-content__illustration {
      display: none; } }

@media (min-width: 661px) and (max-height: 600px) {
  .editor-media-modal .media-library__content .empty-content__illustration {
    display: none; } }

.editor-media-modal .media-library__list-item-figure {
  background-color: #f3f6f8;
  box-shadow: inset 0 0 0 1px #d9e3ea; }

.editor-media-modal .media-library__list-item-file-name::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: -webkit-linear-gradient(left, rgba(243, 246, 248, 0), #f3f6f8 90%);
  background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

.editor-media-modal__gallery-help {
  position: absolute;
  bottom: 8px;
  right: 22px; }

.editor-media-modal__gallery-help-content {
  font-size: 15px;
  text-align: left; }

.editor-media-modal__gallery-help-instruction {
  padding: 16px;
  max-width: 280px; }

.editor-media-modal__gallery-help-icon {
  position: relative;
  display: block;
  width: 34px;
  height: 34px;
  float: left;
  margin: 4px 12px 12px 0;
  border-radius: 50%;
  background-color: #e9eff3;
  color: #2e4453; }

.editor-media-modal__gallery-help-icon .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-media-modal__gallery-help-actions {
  overflow-y: hidden;
  padding: 8px 16px;
  border-top: 1px solid #e9eff3; }

.editor-media-modal__gallery-help-remember-dismiss {
  float: left;
  margin-top: 4px;
  font-size: 13px; }

.editor-media-modal__gallery-help-remember-dismiss .form-checkbox {
  margin-top: 2px; }

.editor-media-modal__gallery-help-actions .button {
  float: right; }

.editor-media-modal__secondary-actions {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px; }

.editor-media-modal__secondary-actions .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  fill: #2e4453; }
  .editor-media-modal__secondary-actions .gridicon:hover {
    fill: #78dcfa; }

.editor-media-modal__secondary-action.is-mobile {
  position: relative;
  min-width: 60px;
  -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.editor-media-modal__secondary-action.is-desktop {
  display: none; }

@media (min-width: 661px) {
  .editor-media-modal__secondary-action.is-mobile {
    display: none; }
  .editor-media-modal__secondary-action.is-desktop {
    display: inline-block; } }

.editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete {
  line-height: 1;
  color: #d94f4f; }
  .editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete:hover {
    color: #e27979; }
  .editor-media-modal__secondary-action:not(.is-mobile).editor-media-modal__delete:disabled {
    cursor: default;
    cursor: not-allowed;
    color: #f0b8b8; }

.editor-media-modal__secondary-action.is-active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  .editor-media-modal__secondary-action.is-active .gridicon,
  .editor-media-modal__secondary-action.is-active .gridicon:hover {
    fill: #0068ff; }

.editor-media-modal .dialog__action-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0; }

.editor-media-modal .dialog__action-buttons .button:first-of-type {
  margin-left: 0; }

.editor-media-modal__back-to-library .is-desktop {
  display: none; }

@media (min-width: 661px) {
  .editor-media-modal__back-to-library .is-desktop {
    display: inherit; }
  .editor-media-modal__back-to-library .is-mobile {
    display: none; } }

.editor-media-modal__plan-storage {
  display: none; }
  @media (min-width: 481px) {
    .editor-media-modal__plan-storage {
      display: inline-block; } }

.editor-media-modal__fieldset {
  margin-bottom: 16px; }

.editor-media-modal__fieldset,
.editor-media-modal__fieldset .form-text-input,
.editor-media-modal__fieldset textarea {
  font-size: 13px; }

.editor-media-modal__fieldset textarea {
  min-height: 76px; }

.editor-media-modal__fieldset-legend {
  display: block;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__header {
  padding: 6px 44px 6px 16px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__header::after {
  top: 7px; }

.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__item,
.editor-media-modal__fieldset .select-dropdown.is-compact .select-dropdown__item-text {
  padding: 8px 44px 8px 16px; }

.editor-media-modal-detail .header-cake.card, .editor-media-modal-detail .header-cake.editor-drawer-well__placeholder {
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
  line-height: 1; }
  @media (max-width: 660px) {
    .editor-media-modal-detail .header-cake.card, .editor-media-modal-detail .header-cake.editor-drawer-well__placeholder {
      margin-bottom: 0; } }

.editor-media-modal-detail .header-cake__title {
  padding: 6px; }

.editor-media-modal-detail__preview-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  position: relative;
  border-bottom: 1px solid #c8d7e1;
  background-color: #f3f6f8;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1); }
  @media (min-width: 661px) {
    .editor-media-modal-detail__preview-wrapper {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0 0%;
          -ms-flex: 2 0 0%;
              flex: 2 0 0%;
      margin: 0 0 16px 24px;
      border: 0; } }

.editor-media-modal-detail__preview-wrapper .spinner,
.editor-media-modal-detail__preview {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .editor-media-modal-detail__preview-wrapper .spinner .spinner__border,
  .editor-media-modal-detail__preview .spinner__border {
    fill: transparent; }

.editor-media-modal-detail__preview.is-image {
  width: auto;
  height: auto;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.editor-media-modal-detail__preview.is-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%; }

.editor-media-modal-detail__preview.is-uploading, .editor-media-modal-detail__preview.is-loading {
  opacity: 0.5; }

.editor-media-modal-detail__previous,
.editor-media-modal-detail__next {
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(46, 68, 83, 0.85);
  border-radius: 24px;
  color: white;
  cursor: pointer; }
  .editor-media-modal-detail__previous .gridicon,
  .editor-media-modal-detail__next .gridicon {
    margin-top: 6px; }
  .editor-media-modal-detail__previous:hover,
  .editor-media-modal-detail__next:hover {
    background-color: rgba(79, 116, 142, 0.9); }

.editor-media-modal-detail__previous {
  left: 10px /*rtl:ignore*/; }
  .editor-media-modal-detail__previous:before {
    margin: 0 1px 0 0; }

.editor-media-modal-detail__next {
  right: 10px /*rtl:ignore*/; }
  .editor-media-modal-detail__next:before {
    margin: 0 0 0 3px; }

.editor-media-modal-detail__edition-bar {
  display: none; }
  @media (min-width: 481px) {
    .editor-media-modal-detail__edition-bar.is-desktop {
      display: block;
      position: absolute;
      top: 8px;
      right: 8px; }
      .editor-media-modal-detail__edition-bar.is-desktop button {
        margin-left: 8px; } }
  @media (max-width: 480px) {
    .editor-media-modal-detail__edition-bar.is-mobile {
      display: block;
      text-align: right; }
      .editor-media-modal-detail__edition-bar.is-mobile button {
        margin-bottom: 16px;
        margin-left: 8px; }
        .editor-media-modal-detail__edition-bar.is-mobile button:first-child {
          margin-left: 0; } }

.editor-media-modal-detail__sidebar {
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 0%;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  padding: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-detail__sidebar {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 0%;
          -ms-flex: 1 0 0%;
              flex: 1 0 0%;
      padding-top: 0;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal-detail__sidebar textarea {
  resize: vertical; }

.editor-media-modal-detail__file-info {
  display: block;
  margin: 0;
  padding: 8px 0; }

.editor-media-modal-detail__file-info tbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.editor-media-modal-detail__file-info tr {
  display: block;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  width: 100%; }

.editor-media-modal-detail__file-info th,
.editor-media-modal-detail__file-info td {
  width: 90%;
  display: block; }

.editor-media-modal-detail__file-info th {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-media-modal-detail__file-info td {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  white-space: nowrap; }
  .editor-media-modal-detail__file-info td::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }
  .editor-media-modal-detail__file-info td span {
    display: block; }

.editor-media-modal-detail__file-info.is-loading td {
  position: relative;
  color: transparent; }
  .editor-media-modal-detail__file-info.is-loading td::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80%;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }

.editor-media-modal-detail__file-info tr:last-child td,
.editor-media-modal-detail__file-info tr:nth-last-child(2):nth-child(odd) td {
  margin-bottom: 0; }

.editor-media-modal-detail__file-info abbr {
  border-bottom-width: 0; }

.editor-media-modal-gallery__preview {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 2;
  -webkit-flex: 2 0 0%;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  margin: 80px 0 0;
  background-color: #f3f6f8;
  border: 1px solid #c8d7e1; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview {
      display: block;
      margin: 16px 0 16px 24px; } }

.editor-media-modal-gallery__preview .notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  overflow: hidden; }

.editor-media-modal-gallery__preview-toggle {
  position: absolute;
  top: -28px;
  right: 15px;
  z-index: 100;
  width: 200px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-toggle {
      right: -1px; } }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item .segmented-control__link {
    border-color: #c8d7e1; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item:first-of-type .segmented-control__link {
    border-bottom-left-radius: 0; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item:last-of-type .segmented-control__link {
    border-bottom-right-radius: 0;
    border-left-color: #c8d7e1; }
  .editor-media-modal-gallery__preview-toggle .segmented-control__item.is-selected .segmented-control__link {
    border-bottom-color: #f3f6f8; }

.editor-media-modal-gallery__preview-toggle .segmented-control__item {
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%; }

.editor-media-modal-gallery .sortable-list__item {
  width: 44%;
  margin: 3%; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery .sortable-list__item {
      width: 160px;
      margin: 16px 0 0 16px; } }

.editor-media-modal-gallery__edit-item {
  position: relative; }

.editor-media-modal-gallery__remove {
  position: absolute;
  top: 0;
  /*rtl:ignore*/
  right: 0;
  width: 28px;
  height: 28px;
  /*rtl:ignore*/
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  border: 1px solid #a8bece;
  border-radius: 50%;
  background-color: #f3f6f8;
  color: #a8bece;
  cursor: pointer; }

.editor-media-modal-gallery__remove .gridicon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.editor-media-modal-gallery .media-library__list-item {
  display: block; }

.editor-media-modal-gallery .media-library__list-item-edit {
  display: none; }

.editor-media-modal-gallery .sortable-list__navigation {
  position: absolute;
  top: 16px;
  left: 16px;
  margin: 0; }

.editor-media-modal-gallery .sortable-list__navigation-button {
  background-color: white; }
  .editor-media-modal-gallery .sortable-list__navigation-button:disabled {
    opacity: 0.9;
    background-color: #f3f6f8; }

input.editor-media-modal-gallery__caption[type="text"] {
  font-size: 12px; }
  input.editor-media-modal-gallery__caption[type="text"]:focus {
    box-shadow: none; }

.editor-media-modal-gallery__sidebar {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__sidebar {
      padding-top: 0;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal-gallery__preview-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 16px; }

.editor-media-modal-gallery__preview-shortcode,
.editor-media-modal-gallery__preview-shortcode .shortcode-frame {
  width: 100%; }

.editor-media-modal-gallery__preview-shortcode.is-loading {
  -webkit-animation: loading-fade 0.8s ease-in-out infinite;
          animation: loading-fade 0.8s ease-in-out infinite; }

.editor-media-modal-gallery__preview-shortcode::before, .editor-media-modal-gallery__preview-shortcode::after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 90%;
  margin-left: -45%;
  -webkit-transition: 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  opacity: 0; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-shortcode::before, .editor-media-modal-gallery__preview-shortcode::after {
      width: 75%;
      margin-left: -37.5%; } }

.editor-media-modal-gallery__preview-shortcode::before {
  top: 16px;
  height: 130px;
  background: -webkit-linear-gradient(left, #d9e3ea, #d9e3ea 40%, transparent 40%, transparent 42%, #c8d7e1 42%);
  background: linear-gradient(to right, #d9e3ea, #d9e3ea 40%, transparent 40%, transparent 42%, #c8d7e1 42%); }

.editor-media-modal-gallery__preview-shortcode::after {
  top: calc( 146px + 2%);
  height: 240px;
  background: #a8bece; }

.editor-media-modal-gallery__preview-shortcode.is-loading::before, .editor-media-modal-gallery__preview-shortcode.is-loading::after {
  opacity: 1; }

.editor-media-modal-gallery__fields .for-setting-type {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type {
      position: static; } }

.editor-media-modal-gallery__fields .for-setting-type .editor-media-modal__fieldset-legend {
  display: none; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type .editor-media-modal__fieldset-legend {
      display: block; } }

.editor-media-modal-gallery__fields .for-setting-type .select-dropdown__container {
  width: 100%; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__fields .for-setting-type .select-dropdown__container {
      width: auto; } }

input[type].editor-media-modal-gallery__input-width-auto {
  width: auto; }

.editor-media-modal-gallery__preview-individual-content {
  padding-top: 8px; }
  @media (min-width: 661px) {
    .editor-media-modal-gallery__preview-individual-content {
      max-width: 75%;
      margin: 0 auto; } }
  @media (min-width: 961px) {
    .editor-media-modal-gallery__preview-individual-content {
      max-width: 50%; } }

.editor-media-modal-gallery__preview-individual .wp-caption {
  margin: 0 auto;
  text-align: center;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }

.editor-media-modal-gallery__preview-individual .wp-caption {
  background: none;
  box-sizing: border-box;
  border: none;
  margin-bottom: 16px;
  max-width: 100%;
  padding-top: 0; }
  .editor-media-modal-gallery__preview-individual .wp-caption.alignleft {
    margin-right: 16px; }
  .editor-media-modal-gallery__preview-individual .wp-caption.alignright {
    margin-left: 16px; }

.editor-media-modal-gallery__preview-individual .wp-caption-dt {
  overflow: hidden; }

.editor-media-modal-gallery__preview-individual .wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0; }

.editor-media-modal-gallery__preview-individual .wp-caption-dd {
  background: #f3f6f8;
  color: #4f748e;
  font-size: 14px;
  line-height: 1.7;
  padding: 16px; }

.is-reader-page .discover-attribution {
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  color: #87a6bc;
  position: relative;
  margin-top: 13px;
  margin-bottom: 8px; }
  .is-reader-page .discover-attribution.is-site {
    margin-top: 15px; }
  .is-reader-page .discover-attribution .gridicons-arrow-right {
    height: 12px;
    width: 12px;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    position: relative;
    top: 6px;
    margin-right: 6px; }
  .is-reader-page .discover-attribution .gravatar {
    background: #f3f6f8;
    position: relative;
    top: 6px;
    margin: 1px 6px 1px 0; }
  .is-reader-page .discover-attribution .discover-attribution__author,
  .is-reader-page .discover-attribution .discover-attribution__blog {
    color: #0068ff;
    text-decoration: none;
    text-transform: none; }
    .is-reader-page .discover-attribution .discover-attribution__author:hover,
    .is-reader-page .discover-attribution .discover-attribution__blog:hover {
      color: #78dcfa; }
  .is-reader-page .discover-attribution .discover-attribution__blog {
    margin-right: 6px; }
  .is-reader-page .discover-attribution .noticon {
    font-size: 20px;
    height: 20px;
    background-color: #c8d7e1;
    color: white;
    margin-right: 6px; }
  .is-reader-page .discover-attribution .follow-button {
    position: static;
    border: none;
    padding: 0;
    vertical-align: text-bottom;
    color: #a8bece;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    float: none; }
    .is-reader-page .discover-attribution .follow-button.is-following {
      color: #4ab866; }
    .is-reader-page .discover-attribution .follow-button:focus {
      box-shadow: none; }
    @media (max-width: 660px) {
      .is-reader-page .discover-attribution .follow-button .follow-button__label {
        display: inline-block; } }

.following .search {
  margin-bottom: 0; }

.following__search.card.is-compact, .following__search.is-compact.editor-drawer-well__placeholder {
  padding: 0;
  margin-bottom: 16px;
  box-shadow: 0 0 0 2px #c8d7e1, 0 1px 2px #c8d7e1;
  z-index: 1; }

.following__intro {
  background: url("/calypso/images/reader/reader-intro-background.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .following__intro + .following__search {
    margin-top: 30px; }
    @media (max-width: 660px) {
      .following__intro + .following__search {
        margin-top: 8px; } }
  @media (max-width: 900px) {
    .following__intro {
      background-position: 75% 0; } }

.following__intro-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.following__intro-close {
  position: relative;
  margin-left: auto;
  margin-top: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px; }
  .following__intro-close .following__intro-close-icon {
    position: absolute;
    z-index: 1;
    fill: white;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .following__intro-close .following__intro-close-icon:hover {
      cursor: pointer;
      fill: #437b7a; }
    .following__intro-close .following__intro-close-icon:hover + .following__intro-close-icon-bg {
      background-color: white;
      box-shadow: 0 0 0 2px #e6f1f1; }
  .following__intro-close .following__intro-close-icon-bg {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    left: 2px;
    z-index: 0;
    background-color: #5ca8a6;
    border-radius: 10px; }

.following__intro-copy {
  color: white;
  font-size: 16px;
  margin-left: 24px;
  margin-top: 23px;
  margin-bottom: 24px;
  max-width: 69%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .following__intro-copy a {
    color: #f3db51;
    border-bottom: 1px #f3db51 solid; }
    .following__intro-copy a:hover {
      color: white;
      border-bottom: 1px white solid; }
  @media (max-width: 900px) {
    .following__intro-copy {
      max-width: 64%; } }
  @media (max-width: 660px) {
    .following__intro-copy .following__intro-copy-hidden {
      display: none;
      visibility: hidden; } }

.following-edit ul {
  list-style-type: none;
  margin: 0; }

.following-edit .form-input-validation {
  margin-top: -1em;
  margin-bottom: -1em; }

.following-edit .notice {
  margin-bottom: 13px; }

.following-edit .foldable-card.card, .following-edit .foldable-card.editor-drawer-well__placeholder,
.following-edit .foldable-card.card.is-expanded,
.following-edit .foldable-card.is-expanded.editor-drawer-well__placeholder {
  margin-bottom: 0; }

.following-edit .foldable-card__header,
.following-edit .foldable-card__main {
  display: block; }

@media (max-width: 660px) {
  .following-edit .follow-button__label {
    display: none; } }

.following-edit .external-link .gridicons-external {
  margin-left: 4px; }

.is-reader-page .follow-button {
  border: 0;
  border-radius: 0;
  float: right; }

.is-reader-page .search-card.card, .is-reader-page .search-card.editor-drawer-well__placeholder {
  box-shadow: 0 0 0 2px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.section-header.following-edit__header {
  height: 51px;
  margin-top: 34px; }
  .section-header.following-edit__header .section-header__actions {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .section-header.following-edit__header .button {
    color: #87a6bc;
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize; }
  .is-searching .section-header.following-edit__header {
    pointer-events: none; }
    .is-searching .section-header.following-edit__header .section-header__actions {
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px); }

.following-edit__more-options {
  float: left;
  margin-right: 16px; }
  .following-edit__more-options .gridicon {
    fill: #87a6bc;
    position: relative;
    top: 2px;
    cursor: pointer; }
    .following-edit__more-options .gridicon:hover {
      fill: #0068ff; }

.following-edit__sort-controls {
  float: left;
  margin-right: 8px; }
  .following-edit__sort-controls label {
    display: none; }
  .following-edit__sort-controls .is-compact {
    color: #87a6bc;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 0;
    padding: 5px 20px 6px 6px; }
    .following-edit__sort-controls .is-compact:hover {
      border-color: #a8bece; }

.following-edit__search {
  margin-right: 0;
  padding: 0; }
  .following-edit__search .gridicons-search {
    color: #0087be; }
  .following-edit__search.button.is-borderless .gridicons-search {
    top: 4px; }
  .following-edit__search:focus .gridicons-search {
    color: #78dcfa; }

.is-reader-page .following-edit__subscribe-form .card.is-search-result, .is-reader-page .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder {
  top: 71px;
  box-shadow: 0 0 0 2px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.following-edit__subscribe-form {
  position: relative;
  padding-top: 18px; }
  .following-edit__subscribe-form .search {
    margin-bottom: 0;
    z-index: 36; }
  .following-edit__subscribe-form .search__input[type="search"] {
    height: 50px; }
  .following-edit__subscribe-form .card.is-search-result, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder {
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 35; }
    .following-edit__subscribe-form .card.is-search-result.is-compact, .following-edit__subscribe-form .is-search-result.is-compact.editor-drawer-well__placeholder {
      padding: 16px 24px; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon {
      fill: #0068ff; }
      .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon:hover, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon:hover, .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon:active, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon:active {
        cursor: pointer; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .reader-list-item__icon .gridicon, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .reader-list-item__icon .gridicon {
      fill: white; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .follow-button, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .follow-button {
      cursor: pointer; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .follow-button__label, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .follow-button__label {
      color: #0068ff; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .following-edit__list-title, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .following-edit__list-title {
      margin-top: 8px;
      margin-bottom: 11px; }

.following-edit > .search-card {
  position: relative;
  margin-top: -58px;
  margin-bottom: 1px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media (min-width: 481px) {
    .following-edit > .search-card {
      margin-top: -52px; } }

.following-edit__sites,
.following-edit > .search-card,
.following-edit .no-results {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

@media (max-width: 660px) {
  .following-edit .no-results {
    text-align: center; } }

.following-edit.is-searching > .search-card {
  opacity: 1;
  pointer-events: auto; }

.following-edit .reader-list-item__card.is-placeholder {
  height: 74px; }
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__title,
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__description {
    margin: 1px 0 0 91px; }
    @media (min-width: 481px) {
      .following-edit .reader-list-item__card.is-placeholder .reader-list-item__title,
      .following-edit .reader-list-item__card.is-placeholder .reader-list-item__description {
        margin-left: 83px; } }
  .following-edit .reader-list-item__card.is-placeholder .following-edit__list-title {
    margin-top: -3px; }
  .following-edit .reader-list-item__card.is-placeholder .following-edit__list-url {
    margin-top: 4px;
    width: 25%; }
  .following-edit .reader-list-item__card.is-placeholder .reader-list-item__icon {
    left: 42px; }

.following-edit .reader-list-item__card .reader-list-item__title,
.following-edit .reader-list-item__card .reader-list-item__description {
  margin-right: 100px; }
  @media (min-width: 661px) {
    .following-edit .reader-list-item__card .reader-list-item__title,
    .following-edit .reader-list-item__card .reader-list-item__description {
      margin-right: 100px;
      padding-left: 3px; } }

.following-edit .reader-list-item__card .reader-list-item__icon {
  top: 14px; }

.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__icon {
  left: 17px; }

.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__title,
.following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__description {
  margin-left: 68px; }
  @media (min-width: 481px) {
    .following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__title,
    .following-edit.has-no-subscriptions .reader-list-item__card.is-placeholder .reader-list-item__description {
      margin-left: 55px; } }

.following-edit-navigation {
  min-height: 25px;
  margin-bottom: 0.5em; }

.following-edit-navigation__site-count {
  color: #87a6bc; }

.following-edit__notification-settings-card {
  background-color: #f3f6f8;
  position: relative;
  color: #2e4453; }
  .following-edit__notification-settings-card.is-compact {
    padding: 10px 16px; }
    @media (min-width: 661px) {
      .following-edit__notification-settings-card.is-compact {
        padding-left: 105px; } }
  .following-edit__notification-settings-card.is-impossible-to-send-email {
    color: #87a6bc;
    padding-left: 22px; }
    .following-edit__notification-settings-card.is-impossible-to-send-email p {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px; }
  .following-edit__notification-settings-card.is-active .following-edit__form-toggle-status {
    color: #0068ff; }
  .following-edit__notification-settings-card .following-edit__form-toggle-wrapper {
    position: absolute;
    right: 16px; }
  .following-edit__notification-settings-card .following-edit__form-toggle-status {
    text-transform: uppercase;
    padding-right: 12px;
    padding-top: 2px;
    color: #4f748e;
    font-size: 13px; }
  .following-edit__notification-settings-card .segmented-control {
    margin-top: 6px;
    margin-bottom: 6px;
    width: 250px; }
  .following-edit__notification-settings-card .form-toggle__switch {
    margin-top: -4px; }

.following-edit__settings-toggle {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  padding: 26px 8px 20px; }
  .following-edit__settings-toggle .gridicon {
    fill: #87a6bc;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .is-expanded .following-edit__settings-toggle .gridicon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.following-edit__notification-settings-error {
  margin-top: 14px; }

.is-section-reader .main.following-edit .empty-content {
  margin-top: -40px; }

.following-edit .reader-list-item__actions {
  top: 21px; }

.following-edit .reader-list-item__actions .follow-button .gridicon {
  fill: #0068ff; }

.following-edit .reader-list-item__actions .follow-button .follow-button__label {
  color: #0068ff; }

.following-edit .reader-list-item__actions .follow-button.is-following .gridicon {
  fill: #4ab866; }

.following-edit .reader-list-item__actions .follow-button.is-following .follow-button__label {
  color: #4ab866; }

.following-manage .search {
  margin: 0; }

.following-manage .following-manage__input-card {
  padding: 0; }

.following-manage__subscriptions {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #f3f6f8; }

.is-reader-page .following.main {
  max-width: 800px; }

.is-reader-page .reader__card.card.is-placeholder, .is-reader-page .reader__card.is-placeholder.editor-drawer-well__placeholder {
  border-bottom: 1px solid #c8d7e1;
  box-shadow: none;
  margin-bottom: 0;
  padding: 6px 0 30px; }
  @media (max-width: 660px) {
    .is-reader-page .reader__card.card.is-placeholder, .is-reader-page .reader__card.is-placeholder.editor-drawer-well__placeholder {
      margin: 0 15px; } }
  .is-reader-page .reader__card.card.is-placeholder .reader__post-footer, .is-reader-page .reader__card.is-placeholder.editor-drawer-well__placeholder .reader__post-footer {
    margin-left: 0; }

@media (max-width: 660px) {
  .following {
    -webkit-perspective: none;
    perspective: none; } }

.reader__content .reader-excerpt,
.reader__content .reader-post-card__title,
.reader__content .reader-combined-card__post-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.reader__card.card, .reader__card.editor-drawer-well__placeholder {
  padding: 16px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 15px; }
  @media (min-width: 481px) {
    .reader__card.card, .reader__card.editor-drawer-well__placeholder {
      padding: 16px 24px 24px;
      margin-bottom: 24px; }
      .reader__card.card.is-selected, .reader__card.is-selected.editor-drawer-well__placeholder, .reader__card.card:hover, .reader__card.editor-drawer-well__placeholder:hover, .reader__card.card.is-x-post.is-selected, .reader__card.is-x-post.is-selected.editor-drawer-well__placeholder, .reader__card.card.is-x-post:hover, .reader__card.is-x-post.editor-drawer-well__placeholder:hover, .reader__card.card.tag-afk.is-selected, .reader__card.tag-afk.is-selected.editor-drawer-well__placeholder, .reader__card.card.tag-afk:hover, .reader__card.tag-afk.editor-drawer-well__placeholder:hover {
        box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  .reader__card.card .site, .reader__card.editor-drawer-well__placeholder .site {
    margin-right: 96px; }
  .reader__card.card .site__content, .reader__card.editor-drawer-well__placeholder .site__content {
    padding: 0; }
  .reader__card.card .follow-button, .reader__card.editor-drawer-well__placeholder .follow-button {
    position: absolute;
    top: -3px;
    right: 0; }
    @media (min-width: 661px) {
      .reader__card.card .follow-button, .reader__card.editor-drawer-well__placeholder .follow-button {
        z-index: 1; } }
  .reader__card.card .reader-post-byline, .reader__card.editor-drawer-well__placeholder .reader-post-byline {
    margin: 8px 0;
    padding: 0;
    font-size: 14px;
    color: #a8bece; }
    .reader__card.card .reader-post-byline .gravatar, .reader__card.editor-drawer-well__placeholder .reader-post-byline .gravatar {
      height: 16px;
      width: 16px;
      top: 4px; }
  .reader__card.card.is-placeholder, .reader__card.is-placeholder.editor-drawer-well__placeholder {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .reader__card.card.is-placeholder .reader__placeholder-text, .reader__card.is-placeholder.editor-drawer-well__placeholder .reader__placeholder-text,
    .reader__card.card.is-placeholder .site-icon, .reader__card.is-placeholder.editor-drawer-well__placeholder .site-icon {
      color: transparent;
      background-color: #e9eff3;
      -webkit-animation: loading-fade 1.6s ease-in-out infinite;
              animation: loading-fade 1.6s ease-in-out infinite; }
    .reader__card.card.is-placeholder .site-icon, .reader__card.is-placeholder.editor-drawer-well__placeholder .site-icon {
      display: inline-block;
      margin-right: 6px;
      height: 16px;
      width: 16px; }
    .reader__card.card.is-placeholder .reader__post-time, .reader__card.is-placeholder.editor-drawer-well__placeholder .reader__post-time {
      position: relative; }
  @media (min-width: 481px) {
    .reader__card.card.is-headerless, .reader__card.is-headerless.editor-drawer-well__placeholder {
      padding-top: 25px; } }
  .reader__card.card.is-headerless .reader__post-title, .reader__card.is-headerless.editor-drawer-well__placeholder .reader__post-title {
    margin-top: 0; }
  .reader__card.card.is-headerless.has-featured-image, .reader__card.is-headerless.has-featured-image.editor-drawer-well__placeholder {
    padding-top: 0; }
  .reader__card.card .post-excerpt-only p, .reader__card.editor-drawer-well__placeholder .post-excerpt-only p {
    margin-bottom: 1em; }
  .reader__card.card.hide-xpost .po-xpost, .reader__card.hide-xpost.editor-drawer-well__placeholder .po-xpost {
    display: none; }
  .reader__card.card.is-x-post, .reader__card.is-x-post.editor-drawer-well__placeholder {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .reader__card.card.is-x-post .reader__post-title, .reader__card.is-x-post.editor-drawer-well__placeholder .reader__post-title {
      font-size: 16px;
      line-height: normal;
      margin: 0;
      cursor: pointer; }
  .reader__card.card.tag-afk, .reader__card.tag-afk.editor-drawer-well__placeholder {
    background: transparent;
    box-shadow: none;
    padding: 16px 24px; }
    .reader__card.card.tag-afk:hover, .reader__card.tag-afk.editor-drawer-well__placeholder:hover {
      cursor: pointer; }
    .reader__card.card.tag-afk .reader-full-post__story-content, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-full-post__story-content,
    .reader__card.card.tag-afk .reader-post-byline__tag, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline__tag,
    .reader__card.card.tag-afk .reader-post-byline__date, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline__date,
    .reader__card.card.tag-afk .reader__post-featured-image, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-featured-image,
    .reader__card.card.tag-afk .reader__post-footer, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-footer,
    .reader__card.card.tag-afk .post-excerpt, .reader__card.tag-afk.editor-drawer-well__placeholder .post-excerpt,
    .reader__card.card.tag-afk .site__info, .reader__card.tag-afk.editor-drawer-well__placeholder .site__info {
      display: none; }
    .reader__card.card.tag-afk .site, .reader__card.tag-afk.editor-drawer-well__placeholder .site {
      pointer-events: none; }
    .reader__card.card.tag-afk .reader__post-header, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-header {
      margin-bottom: 0; }
    .reader__card.card.tag-afk .reader__post-title, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-title {
      display: block;
      font-size: 16px;
      margin: 0;
      position: absolute;
      top: 14px;
      left: 66px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: calc( 100% - 90px); }
    .reader__card.card.tag-afk .reader-post-byline, .reader__card.tag-afk.editor-drawer-well__placeholder .reader-post-byline {
      margin: 0;
      font-size: 13px;
      position: absolute;
      top: 34px;
      left: 44px; }
    .reader__card.card.tag-afk .follow-button, .reader__card.tag-afk.editor-drawer-well__placeholder .follow-button {
      display: none; }
    .reader__card.card.tag-afk.is-headerless, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder {
      padding: 16px 24px 54px; }
      .reader__card.card.tag-afk.is-headerless .reader__post-title, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder .reader__post-title,
      .reader__card.card.tag-afk.is-headerless .reader-post-byline, .reader__card.tag-afk.is-headerless.editor-drawer-well__placeholder .reader-post-byline {
        position: absolute;
        left: 25px; }

.is-reader-page .reader__card.card.is-x-post, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder {
  border-bottom: 1px solid #c8d7e1;
  margin: 0;
  padding: 20px 42px; }
  .is-reader-page .reader__card.card.is-x-post:hover, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder:hover {
    box-shadow: none; }
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .reader__post-title-link,
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link:visited,
  .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .reader__post-title-link:visited {
    color: #4f748e; }
  .is-reader-page .reader__card.card.is-x-post .reader__post-title-link:hover, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .reader__post-title-link:hover {
    color: #2e4453; }
  .is-reader-page .reader__card.card.is-x-post .reader-avatar, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .reader-avatar {
    margin: 0 12px 0 0;
    width: auto; }
    .is-reader-page .reader__card.card.is-x-post .reader-avatar:hover, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .reader-avatar:hover {
      cursor: pointer; }
  .is-reader-page .reader__card.card.is-x-post .site-icon, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .site-icon {
    margin: 1px; }
  .is-reader-page .reader__card.card.is-x-post .gravatar, .is-reader-page .reader__card.is-x-post.editor-drawer-well__placeholder .gravatar {
    border: 1px solid white; }

.reader__post-featured-image,
.reader__post-featured-video {
  cursor: pointer;
  overflow: hidden;
  width: calc( 100% + 32px);
  position: relative;
  top: 0;
  left: -16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c8d7e1;
  box-shadow: inset 0 0 2px 2px rgba(168, 190, 206, 0.1);
  background: rgba(233, 239, 243, 0.3); }
  @media (min-width: 481px) {
    .reader__post-featured-image,
    .reader__post-featured-video {
      left: -24px;
      width: calc( 100% + 48px);
      margin-bottom: 24px; } }
  .reader__post-featured-image img,
  .reader__post-featured-video img {
    display: block;
    width: auto !important;
    margin: 0 auto;
    max-height: 70vh; }
  .reader__post-featured-image.is-shorter-abtest img,
  .reader__post-featured-video.is-shorter-abtest img {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: none; }
  .reader__post-featured-image iframe,
  .reader__post-featured-video iframe {
    display: block; }

.reader__card .reader-full-post__story-content {
  margin: 0 -24px;
  padding: 0 24px;
  background: transparent;
  border: none;
  color: #3d596d;
  line-height: 1.8;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .reader__card .reader-full-post__story-content blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px; }
  .reader__card .reader-full-post__story-content p {
    line-height: 1.8; }
  @media (min-width: 481px) {
    .reader__card .reader-full-post__story-content p.reblog-from {
      margin-left: -24px;
      margin-right: -24px;
      padding-left: 24px;
      padding-right: 24px; } }
  @media (max-width: 480px) {
    .reader__card .reader-full-post__story-content p.reblog-from {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  .reader__card .reader-full-post__story-content p.reblog-source {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9eff3; }

.reader__x-post-author {
  font-weight: 600; }

.reader__x-post,
.reader__x-post-to {
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #87a6bc;
  position: relative; }

.reader__x-post-to {
  margin-top: 16px;
  padding-left: 26px; }
  .reader__x-post-to .gridicon {
    height: 12px;
    width: 12px;
    display: inline-block;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.reader__post-header {
  margin: 0 0 16px 0;
  padding: 0;
  position: relative;
  line-height: 16px; }
  .reader__post-header:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }

.reader__post-byline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #a8bece;
  font-size: 12px;
  line-height: 1; }

.reader-stream__recommended-posts {
  border-bottom: 1px solid #c8d7e1;
  padding-bottom: 12px; }
  @media (max-width: 660px) {
    .reader-stream__recommended-posts {
      margin: 0 15px; } }

.reader-stream__recommended-posts-header {
  color: #a8bece;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 13px 0 17px;
  position: relative;
  text-transform: uppercase; }
  .reader-stream__recommended-posts-header .gridicon {
    fill: #a8bece;
    margin-right: -2px;
    position: relative;
    left: -2px;
    top: 2px; }

.reader-stream__recommended-posts-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 -30px;
  padding: 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 -10px; } }
  @media (max-width: 660px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 0 -30px; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 -10px; } }

.reader-stream__recommended-posts-list-item {
  list-style-type: none;
  position: relative;
  width: 50%;
  position: relative;
  top: -40px; }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 0;
      width: 100%; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 0;
      width: 100%; } }
  .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
    height: 30px; }
    .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
      float: right; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
          float: none; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .button {
          float: none; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
        float: left;
        position: relative;
        width: 20px; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss {
        float: left;
        position: relative;
        width: 20px; } }
    .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
      fill: #a8bece;
      width: 14px;
      height: 14px;
      top: -3px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
          top: -10px; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .reader-stream__recommended-post-dismiss .gridicon {
          top: -10px; } }
  .reader-stream__recommended-posts-list-item .card.reader-related-card-v2, .reader-stream__recommended-posts-list-item .reader-related-card-v2.editor-drawer-well__placeholder {
    margin: 0;
    padding-top: 6px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2, .reader-stream__recommended-posts-list-item .reader-related-card-v2.editor-drawer-well__placeholder {
        padding-top: 0; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2, .reader-stream__recommended-posts-list-item .reader-related-card-v2.editor-drawer-well__placeholder {
        padding-top: 0; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__meta {
      margin-bottom: 14px; }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__meta {
          margin-top: -2px; } }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__meta {
          margin-top: -2px; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta .follow-button, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__meta .follow-button {
      margin-top: -12px; }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__meta .gravatar, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__meta .gravatar {
      margin: 3px 8px 0 0; }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__site-info, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__site-info, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__site-info {
        margin-top: 20px; } }
    .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__post {
      max-height: 205px; }
      @media (max-width: 535px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__post {
          max-height: 150px; } }
      @media (min-width: 661px) and (max-width: 730px) {
        .reader-stream__recommended-posts-list-item .card.reader-related-card-v2.has-thumbnail .reader-related-card-v2__post, .reader-stream__recommended-posts-list-item .reader-related-card-v2.has-thumbnail.editor-drawer-well__placeholder .reader-related-card-v2__post {
          max-height: 150px; } }
  .reader-stream__recommended-posts-list-item:first-child {
    margin-right: 10px; }
    @media (min-width: 661px) {
      .reader-stream__recommended-posts-list-item:first-child {
        margin-right: 15px; } }
  .reader-stream__recommended-posts-list-item:last-child {
    margin-left: 10px; }
    @media (min-width: 661px) {
      .reader-stream__recommended-posts-list-item:last-child {
        margin-left: 15px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 535px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  @media (max-width: 480px) {
    .reader-stream__recommended-posts-list-item:first-child, .reader-stream__recommended-posts-list-item:last-child {
      margin: 0 0 20px 0; } }
  .reader-stream__recommended-posts-list-item:only-child {
    margin: 0; }
  .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
    max-height: 205px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
        max-height: 100px; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__post {
        max-height: 100px; } }
    .reader-stream__recommended-posts-list-item .reader-related-card-v2__post .reader-related-card-v2__excerpt {
      -webkit-line-clamp: initial; }
  .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
    border: 1px solid #e9eff3;
    margin: 0 0 17px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
    @media (max-width: 535px) {
      .reader-stream__recommended-posts-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }

.reader-list-gap {
  border-bottom: 1px solid #c8d7e1;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 30px 0;
  position: relative;
  text-align: center; }
  @media (max-width: 660px) {
    .reader-list-gap {
      margin: 0 15px; } }
  .reader-list-gap.is-selected {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .reader-list-gap::before, .reader-list-gap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0; }
  .reader-list-gap::before {
    background: -webkit-linear-gradient(225deg, #e9eff3 8px, transparent 0) 0 8px, -webkit-linear-gradient(315deg, #e9eff3 8px, transparent 0) 0 8px;
    background: linear-gradient(-135deg, #e9eff3 8px, transparent 0) 0 8px, linear-gradient(135deg, #e9eff3 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
    height: 16px;
    top: 46%; }
  .reader-list-gap::after {
    background: -webkit-linear-gradient(225deg, white 8px, transparent 0) 0 8px, -webkit-linear-gradient(315deg, white 8px, transparent 0) 0 8px;
    background: linear-gradient(-135deg, white 8px, transparent 0) 0 8px, linear-gradient(135deg, white 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
    height: 16px;
    top: 44%; }

.reader-list-gap__button {
  border: none;
  background: #87a6bc;
  color: white;
  position: relative;
  z-index: 1; }
  .reader-list-gap__button:hover {
    color: rgba(255, 255, 255, 0.8); }

.reader-list-item__title,
.reader-list-item__description {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 54px;
  margin-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  .reader-list-item__title:after,
  .reader-list-item__description:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.reader-list-item__card.is-placeholder .reader-list-item__title,
.reader-list-item__card.is-placeholder .reader-list-item__description {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.reader-list-item__card.is-placeholder .reader-list-item__title {
  margin-top: -3px; }

.reader-list-item__card.is-placeholder .reader-list-item__description {
  margin-top: 4px;
  width: 25%; }

.reader-list-item__title {
  color: #2e4453;
  font-size: 16px; }
  .reader-list-item__title a {
    color: #2e4453; }

.reader-list-item__description {
  font-style: italic;
  font-size: 13px;
  color: #87a6bc; }
  .reader-list-item__description a {
    color: #87a6bc; }

.reader-list-item__icon {
  position: absolute;
  left: 16px;
  top: 14px;
  height: 48px;
  width: 48px;
  text-align: center; }
  .reader-list-item__icon .gridicon {
    background: #c8d7e1;
    fill: white;
    position: relative;
    top: 1px; }

.reader-list-item__actions {
  position: absolute;
  bottom: 0;
  right: 20px;
  top: 18px; }
  @media (max-width: 660px) {
    .reader-list-item__actions .follow-button__label {
      display: none; } }

.foldable-card .reader-list-item__icon {
  left: 42px; }

.foldable-card .reader-list-item__title,
.foldable-card .reader-list-item__description {
  margin: 0 100px 0 90px; }
  @media (max-width: 660px) {
    .foldable-card .reader-list-item__title,
    .foldable-card .reader-list-item__description {
      margin: 0 30px 0 90px; } }

.is-group-reader .card.list-stream__header, .is-group-reader .list-stream__header.editor-drawer-well__placeholder {
  box-shadow: none;
  border-bottom: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 14px 14px; }
  @media (min-width: 661px) {
    .is-group-reader .card.list-stream__header, .is-group-reader .list-stream__header.editor-drawer-well__placeholder {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0; } }
  .is-group-reader .card.list-stream__header.has-description, .is-group-reader .list-stream__header.has-description.editor-drawer-well__placeholder {
    padding-bottom: 18px; }
  .is-group-reader .card.list-stream__header:hover, .is-group-reader .list-stream__header.editor-drawer-well__placeholder:hover {
    cursor: default; }

.list-stream__header-icon {
  height: 48px;
  width: 48px;
  background: #c8d7e1;
  text-align: center; }
  .list-stream__header-icon .gridicon {
    fill: white;
    height: 24px;
    position: relative;
    top: 12px;
    width: 24px; }

.list-stream__header-details {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
  width: calc( 100% - 15px); }
  @media (min-width: 661px) {
    .list-stream__header-details {
      width: calc( 100% - 165px); } }

.list-stream__header-title {
  color: #2e4453;
  font-size: 16px; }

.list-stream__header-description {
  margin: 0;
  color: #87a6bc; }

.list-stream__header-title,
.list-stream__header-description {
  height: 22px;
  overflow: hidden;
  position: relative; }
  .list-stream__header-title:after,
  .list-stream__header-description:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 15%;
    height: auto; }

.list-stream__header-follow {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  z-index: 0; }
  .list-stream__header-follow .follow-button {
    padding: 0;
    z-index: 1; }
    .list-stream__header-follow .follow-button .gridicon {
      fill: #0068ff; }
    .list-stream__header-follow .follow-button .follow-button__label {
      color: #0068ff; }
    .list-stream__header-follow .follow-button.is-following .gridicon {
      fill: #4ab866; }
    .list-stream__header-follow .follow-button.is-following .follow-button__label {
      color: #4ab866; }

.list-stream__header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .list-stream__header.is-placeholder .list-stream__header-title,
  .list-stream__header.is-placeholder .follow-button,
  .list-stream__header.is-placeholder .follow-button__label {
    color: transparent;
    background-color: #e9eff3;
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite; }
  .list-stream__header.is-placeholder .list-stream__header-title {
    margin-right: 25%; }
  .list-stream__header.is-placeholder .gridicon {
    display: none; }

.list-stream__header-edit {
  margin-left: auto; }
  .list-stream__header-edit .list-stream__header-action-label {
    display: none; }
  .list-stream__header-edit .list-stream__header-action-icon .gridicon {
    fill: #87a6bc;
    margin: auto;
    position: relative;
    bottom: 0;
    top: 12px;
    right: -6px; }

.post-excerpt-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 48px 16px 24px;
  margin: 20px 0 8px;
  position: relative; }
  @media (max-width: 480px) {
    .post-excerpt-link {
      padding-left: 16px; } }
  .post-excerpt-link .gridicon {
    position: absolute;
    right: 16px;
    top: 10px;
    padding: 8px;
    cursor: pointer;
    fill: #a8bece;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    @media (max-width: 480px) {
      .post-excerpt-link .gridicon {
        right: 8px; } }
    .post-excerpt-link .gridicon:hover {
      fill: #78dcfa; }
  .post-excerpt-link.is-showing-notice .gridicon {
    fill: #2e4453; }
  .post-excerpt-link.is-showing-notice .post-excerpt-link__helper {
    max-height: 300px;
    padding-top: 8px; }

.post-excerpt-link__helper {
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  color: #87a6bc;
  margin: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.reading-time {
  color: #87a6bc;
  font-weight: 400; }

.reading-time__approx {
  color: #a8bece; }

.reader-recommended__heading {
  color: #87a6bc;
  font-size: 12px;
  text-transform: uppercase;
  margin: 13px 0 12px 17px; }
  @media (min-width: 481px) {
    .reader-recommended__heading {
      margin: 0 0 12px; } }

@media (max-width: 480px) {
  .reader-list-item__title,
  .reader-list-item__description {
    margin-left: 60px; } }

.recommended-for-you .is-placeholder .reader-list-item__title,
.recommended-for-you .is-placeholder .reader-list-item__description {
  margin-top: 1px; }

@media (max-width: 660px) {
  .search-stream__intro {
    margin-left: 16px; } }

.search-stream .search {
  margin: 0; }

.search-stream__fixed-area-separator {
  margin-top: 31px;
  margin-bottom: 0;
  background: #c8d7e1; }

.is-reader-page .search-stream .reader-post-card.card, .is-reader-page .search-stream .reader-post-card.editor-drawer-well__placeholder {
  width: 100%; }

.is-reader-page .search-stream__fixed-area {
  background-color: white;
  position: fixed;
  top: 0px;
  padding-top: 77px;
  z-index: 20; }

.is-reader-page .search-stream .reader__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin-top: 80px; }
  @media (min-width: 661px) {
    .is-reader-page .search-stream .reader__content {
      margin-top: 133px; } }

.is-reader-page .search-stream__input-card.card, .is-reader-page .search-stream__input-card.editor-drawer-well__placeholder {
  box-shadow: 0 0 0 2px #c8d7e1, 0 1px 2px #c8d7e1; }

.is-reader-page .search-stream__blank-suggestions {
  margin-bottom: -15px; }

.is-reader-page .search-stream__recommendation-list-item {
  box-sizing: border-box;
  border-bottom: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: calc( 50% - 15px);
      -ms-flex-preferred-size: calc( 50% - 15px);
          flex-basis: calc( 50% - 15px);
  margin: 0 0 0 15px;
  padding: 18px 0 21px 0; }
  @media (min-width: 661px) and (max-width: 730px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      margin: 0; } }
  @media (max-width: 660px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -webkit-flex-basis: calc( 50% - 30px);
          -ms-flex-preferred-size: calc( 50% - 30px);
              flex-basis: calc( 50% - 30px);
      margin: 0 15px 0; } }
  @media (max-width: 535px) {
    .is-reader-page .search-stream__recommendation-list-item {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      margin: 0 15px 0; } }
  .is-reader-page .search-stream__recommendation-list-item:nth-child(2n+0) {
    -webkit-flex-basis: calc( 50% - 15px);
        -ms-flex-preferred-size: calc( 50% - 15px);
            flex-basis: calc( 50% - 15px);
    margin: 0 15px 0 0; }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n+0) {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        margin: 0; } }
    @media (max-width: 660px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n+0) {
        -webkit-flex-basis: calc( 50% - 30px);
            -ms-flex-preferred-size: calc( 50% - 30px);
                flex-basis: calc( 50% - 30px);
        margin: 0 15px 0; } }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item:nth-child(2n+0) {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        margin: 0 15px 0; } }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
    max-height: 205px; }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
        max-height: 100px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post {
        max-height: 100px; } }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__post .reader-related-card-v2__excerpt {
      -webkit-line-clamp: initial; }
  .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
    max-height: 205px; }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
        max-height: 145px; } }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__post {
        max-height: 145px; } }
  @media (max-width: 535px) {
    .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__site-info {
      margin-top: 20px; } }
  @media (min-width: 661px) and (max-width: 730px) {
    .is-reader-page .search-stream__recommendation-list-item .has-thumbnail .reader-related-card-v2__site-info {
      margin-top: 20px; } }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__featured-image {
    margin: 0 0 17px; }
    @media (min-width: 661px) and (max-width: 730px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
    @media (max-width: 535px) {
      .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__featured-image {
        margin: 0 15px 0 0; } }
  .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
    margin-bottom: 16px; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline,
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-author,
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-site {
      margin-top: 0; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .reader-related-card-v2__byline-author {
      margin-bottom: -3px; }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .follow-button {
      height: 25px;
      margin-top: 0;
      position: relative;
      top: -2px; }
      @media (max-width: 480px) {
        .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .follow-button {
          margin-right: 0; } }
    .is-reader-page .search-stream__recommendation-list-item .reader-related-card-v2__meta .gravatar {
      margin: 4px 8px 0 0; }

.search-stream__input-card.card, .search-stream__input-card.editor-drawer-well__placeholder {
  margin-bottom: 16px;
  padding: 0;
  z-index: 0; }

.search-stream__blank {
  margin-top: 0;
  text-align: center; }

.search-stream__blank-suggestions {
  font-size: 13px;
  color: #87a6bc;
  margin-top: 0;
  text-align: left; }
  .search-stream__blank-suggestions a, .search-stream__blank-suggestions a:visited {
    color: #0068ff; }
  .search-stream__blank-suggestions a:hover {
    color: #78dcfa; }
  @media (max-width: 660px) {
    .search-stream__blank-suggestions {
      padding-left: 16px; } }

@media (max-width: 660px) {
  .card.reader-search-card.is-photo, .reader-search-card.is-photo.editor-drawer-well__placeholder {
    z-index: 0; } }

.search-stream__sort-picker {
  position: absolute;
  right: 50px;
  top: 11px;
  z-index: 23; }

.is-group-reader .sidebar, .is-group-reader .post-editor__sidebar {
  overflow-x: hidden; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar, .is-group-reader .post-editor__sidebar {
      z-index: 23; } }
  .is-group-reader .sidebar .sidebar__menu, .is-group-reader .post-editor__sidebar .sidebar__menu {
    margin-bottom: 8px; }
    .is-group-reader .sidebar .sidebar__menu .selected .menu-link-icon, .is-group-reader .post-editor__sidebar .sidebar__menu .selected .menu-link-icon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon,
    .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon {
      fill: #87a6bc; }
    .is-group-reader .sidebar .sidebar__menu .selected .sidebar-streams__edit-icon, .is-group-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-streams__edit-icon {
      fill: white; }
    .is-group-reader .sidebar .sidebar__menu .is-action-button-selected, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected {
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .gridicon {
        fill: #4f748e; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .menu-link-text, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .menu-link-text {
        color: #2e4453; }
      .is-group-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__button, .is-group-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .sidebar__button {
        background-color: #668eaa;
        color: white; }
    .is-group-reader .sidebar .sidebar__menu .sidebar-streams__team, .is-group-reader .post-editor__sidebar .sidebar__menu .sidebar-streams__team {
      margin-top: -1px; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable, .is-group-reader .post-editor__sidebar .is-togglable {
      margin-top: 0; } }
  .is-group-reader .sidebar .is-togglable .sidebar__heading, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading {
    margin: 0;
    padding: 10px 16px 10px 55px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading .gridicon, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading .gridicon {
      top: 10px;
      left: 20px;
      height: 16px;
      -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .is-group-reader .sidebar .is-togglable .sidebar__heading .count, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading .count {
      margin-left: 8px; }
    .is-group-reader .sidebar .is-togglable .sidebar__heading:hover, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover {
      color: #0068ff;
      background-color: #f3f6f8; }
      .is-group-reader .sidebar .is-togglable .sidebar__heading:hover .gridicon, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover .gridicon {
        fill: #0068ff; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-list, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable .sidebar__menu-empty,
  .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-empty {
    height: 0;
    overflow: hidden; }
  .is-group-reader .sidebar .is-togglable .sidebar__menu-item, .is-group-reader .post-editor__sidebar .is-togglable .sidebar__menu-item {
    -webkit-transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s ease-in-out;
    transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s ease-in-out, -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__heading {
    background-color: #f3f6f8;
    box-shadow: 0 1px 0 #c8d7e1, 0 -1px 0 #c8d7e1; }
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading .gridicon, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__heading .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-add-button, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-add-button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list,
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-empty,
  .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-empty {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px; }
  .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-item, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-item {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-item .add-new, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-item .add-new {
      background: white;
      border: 1px solid #c8d7e1;
      border-radius: 3px;
      color: #668eaa;
      font-size: 11px;
      padding: 6px 7px;
      position: absolute;
      top: 2px;
      right: 8px;
      text-transform: none; }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar__menu-item, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar__menu-item,
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar-dynamic-menu__tag,
    .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list .sidebar-dynamic-menu__tag {
      background: none;
      border-top: 0; } }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:first-child, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:first-child {
      margin-top: -5px; } }
  @media (max-width: 660px) {
    .is-group-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:last-child, .is-group-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list li:last-child {
      border-bottom: 1px solid rgba(200, 215, 225, 0.5); } }
  .is-group-reader .sidebar .is-togglable .is-add-open .sidebar__menu-add, .is-group-reader .post-editor__sidebar .is-togglable .is-add-open .sidebar__menu-add {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .is-group-reader .sidebar .sidebar__menu-empty, .is-group-reader .post-editor__sidebar .sidebar__menu-empty,
  .is-group-reader .sidebar .sidebar__menu-empty:hover,
  .is-group-reader .post-editor__sidebar .sidebar__menu-empty:hover {
    max-width: 60%;
    padding-right: 32px;
    padding-left: 55px;
    font-size: 13px;
    color: #2e4453;
    background-color: transparent !important; }
  .is-group-reader .sidebar .sidebar__menu-item a.sidebar__button, .is-group-reader .post-editor__sidebar .sidebar__menu-item a.sidebar__button {
    margin-top: 5px; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-item a.sidebar__button, .is-group-reader .post-editor__sidebar .sidebar__menu-item a.sidebar__button {
        margin-top: 10px; } }
  .is-group-reader .sidebar .sidebar__menu-item-label, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label {
    padding: 8px 16px 8px 55px; }
    .is-group-reader .sidebar .sidebar__menu-item-label::after, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20px;
      height: auto;
      padding-right: 50px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 90%);
      background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20px;
      height: auto;
      right: 60px; }
    .is-group-reader .sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after, .is-group-reader .post-editor__sidebar .sidebar__menu-item-label .sidebar__menu-item-tagname::after {
      right: 20px; }
  .is-group-reader .sidebar .sidebar__menu-add-button, .is-group-reader .post-editor__sidebar .sidebar__menu-add-button {
    position: absolute;
    top: 7px;
    right: 8px;
    border-width: 1px;
    border-color: #c8d7e1;
    padding: 6px 7px;
    border-radius: 3px;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    pointer-events: none;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s; }
  .is-group-reader .sidebar .sidebar__menu-add, .is-group-reader .post-editor__sidebar .sidebar__menu-add {
    opacity: 0;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    pointer-events: none;
    padding: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px; }
    .is-group-reader .sidebar .sidebar__menu-add input, .is-group-reader .post-editor__sidebar .sidebar__menu-add input {
      font-size: 13px;
      padding: 10px 24px 9px; }
    .is-group-reader .sidebar .sidebar__menu-add .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-add .gridicon {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      padding: 8px 13px; }
  .is-group-reader .sidebar .selected .sidebar__menu-action .gridicon, .is-group-reader .post-editor__sidebar .selected .sidebar__menu-action .gridicon {
    fill: #fff !important; }
  .is-group-reader .sidebar .sidebar__menu-action, .is-group-reader .post-editor__sidebar .sidebar__menu-action {
    position: absolute;
    top: 3px;
    right: 8px;
    line-height: 15px;
    padding: 3px 4px 2px 4px; }
    .is-group-reader .sidebar .sidebar__menu-action .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
      position: relative;
      top: 0;
      left: auto;
      fill: #87a6bc !important; }
    .is-group-reader .sidebar .sidebar__menu-action:hover, .is-group-reader .post-editor__sidebar .sidebar__menu-action:hover {
      cursor: pointer; }
      .is-group-reader .sidebar .sidebar__menu-action:hover .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-action:hover .gridicon {
        fill: #d94f4f !important; }
    @media (max-width: 660px) {
      .is-group-reader .sidebar .sidebar__menu-action, .is-group-reader .post-editor__sidebar .sidebar__menu-action {
        top: -40px; }
        .is-group-reader .sidebar .sidebar__menu-action .gridicon, .is-group-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
          top: 6px; } }
  .is-group-reader .sidebar .sidebar__menu-action-label, .is-group-reader .post-editor__sidebar .sidebar__menu-action-label,
  .is-group-reader .sidebar .sidebar-dynamic-menu-action_label,
  .is-group-reader .post-editor__sidebar .sidebar-dynamic-menu-action_label {
    display: none; }

.reader__featured-card {
  padding: 16px 24px 0;
  margin-bottom: 24px; }

.reader__featured-header {
  margin-bottom: 16px; }

.reader__featured-title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  line-height: 1.6; }

.reader__featured-description {
  font-size: 13px;
  color: #87a6bc; }

.reader__featured-posts {
  position: relative;
  left: -24px;
  width: calc( 100% + 48px);
  background-color: #2e4453; }
  @media (min-width: 961px) {
    .reader__featured-posts {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.reader__featured-post {
  position: relative;
  min-height: 52px;
  padding: 32px 24px;
  background-color: #2e4453;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  z-index: 0; }
  @media (min-width: 961px) {
    .reader__featured-post {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-height: 152px; }
      .reader__featured-post:hover {
        background-color: #3d596d; } }

.reader__featured-post-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.3; }

.reader__featured-post-title {
  position: relative;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 18px;
  color: white;
  z-index: 1; }

.tag-stream__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .tag-stream__header.has-back-button {
    margin-top: -27px; }

.tag-stream__header .follow-button {
  padding: 0;
  position: relative;
  top: 2px; }
  @media (max-width: 660px) {
    .tag-stream__header .follow-button {
      margin: 12px 10px 0 0; } }
  .tag-stream__header .follow-button .gridicon {
    fill: #0068ff; }
  .tag-stream__header .follow-button .follow-button__label {
    color: #0068ff; }
  .tag-stream__header .follow-button.is-following .gridicon {
    fill: #4ab866; }
  .tag-stream__header .follow-button.is-following .follow-button__label {
    color: #4ab866; }

@media (max-width: 660px) {
  .tag-stream__header .follow-button__label {
    display: inline; } }

.tag-stream__header-image {
  background: #e9eff3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: content-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 120px;
  margin-top: 15px;
  padding: 10px;
  position: relative;
  z-index: 0; }
  .tag-stream__header-image::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1; }

.tag-stream__header-image .gridicon.gridicons-tag {
  fill: white;
  position: relative;
  right: 6px;
  top: 3px;
  z-index: 2; }

.tag-stream__header-image-title {
  color: white;
  font-size: 28px;
  line-height: 1.3;
  margin-top: 42px;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  z-index: 2; }

.tag-stream__header-image-byline {
  color: white;
  font-size: 12px;
  font-weight: 500;
  padding-top: 24px;
  text-align: right;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  z-index: 2;
  -webkit-font-smoothing: antialiased; }

.tag-stream__header-image-byline-label {
  opacity: .7; }

.tag-stream__header-image-byline-link,
.tag-stream__header-image-byline-link:visited {
  color: white;
  opacity: .9; }

.tag-stream__header-image-byline-link:hover {
  color: white; }

.is-reader-page .card.header-cake, .is-reader-page .header-cake.editor-drawer-well__placeholder {
  background: none;
  box-shadow: none;
  padding: 0;
  position: relative;
  left: -3px;
  top: 8px; }
  @media (max-width: 660px) {
    .is-reader-page .card.header-cake, .is-reader-page .header-cake.editor-drawer-well__placeholder {
      left: 13px;
      top: 20px; } }
  @media (max-width: 480px) {
    .is-reader-page .card.header-cake, .is-reader-page .header-cake.editor-drawer-well__placeholder {
      top: 14px; } }
  .is-reader-page .card.header-cake .button.header-cake__back, .is-reader-page .header-cake.editor-drawer-well__placeholder .button.header-cake__back {
    padding: 0; }

.is-reader-page .layout__content {
  padding-top: 47px; }

.is-group-reader .async-load {
  margin: 30px auto;
  width: 50%; }

.is-reader-page .reader__content,
.is-reader-page .reader-start {
  margin-top: 0; }

@media (min-width: 661px) {
  .is-reader-page .recommended-for-you.main,
  .is-reader-page .following.main {
    margin: 30px auto; } }

.is-reader-page .reader-full-post__story-content {
  margin-top: 0; }

.reader__content sup, .reader__content sub {
  position: relative;
  font-size: 0.83em; }

.reader__content sup {
  top: -0.5em; }

.reader__content sub {
  bottom: -0.5em; }

.reader__site-name {
  clear: none;
  color: #4f748e;
  font-size: 14px;
  line-height: 1.3;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 340px;
  margin-right: 8px; }
  .reader__site-name.is-long {
    position: relative; }
    .reader__site-name.is-long:after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 90%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  @media (max-width: 480px) {
    .reader__site-name {
      font-size: 13px;
      max-width: 180px; } }

.reader__post-time {
  color: #a8bece;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap; }
  @media (max-width: 480px) {
    .reader__post-time {
      font-size: 11px; } }

.reader__post-time a {
  color: inherit; }

.reader__post-title {
  clear: none;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.416;
  color: #2e4453;
  margin: 24px 0 8px 0;
  max-width: 750px;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media (max-width: 480px) {
    .reader__post-title {
      font-size: 18px;
      line-height: 1.3; } }
  .reader__post-title .reader__post-title-link, .reader__post-title .reader__post-title-link:hover {
    color: #2e4453; }

@media (max-width: 660px) {
  .is-reader-page .is-site-stream .reader-feed-header.has-back-button .reader-feed-header__follow {
    right: 0; } }

@media (max-width: 960px) {
  .is-reader-page .is-site-stream .reader-feed-header.has-back-button .reader-feed-header__follow .reader-feed-header__follow-count {
    display: none; } }

.is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake, .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .header-cake.editor-drawer-well__placeholder {
  background: none;
  box-shadow: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 100px;
  position: relative;
  top: 4px;
  z-index: 1; }
  @media (max-width: 960px) {
    .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake, .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .header-cake.editor-drawer-well__placeholder {
      margin-top: 0; } }
  @media (max-width: 660px) {
    .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .card.header-cake, .is-reader-page .is-site-stream .reader-feed-header__back-and-follow .header-cake.editor-drawer-well__placeholder {
      left: 0; } }

.is-reader-page .is-site-stream .reader-feed-header__back-and-follow .button.header-cake__back {
  overflow: visible;
  padding: 0;
  position: relative; }

.wpcom-reblog-snapshot .reblogger-headline {
  display: none; }

.wpcom-reblog-snapshot .reblogger-note-content blockquote {
  padding: 0;
  margin: 0 0 24px 0;
  border: none;
  background: none;
  color: inherit; }

.wpcom-reblog-snapshot p.reblog-from {
  position: relative;
  margin: 0 -32px 0 -32px;
  padding: 16px 32px 8px 32px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  border-top: 1px solid #c8d7e1;
  background: -webkit-linear-gradient(top, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%);
  background: linear-gradient(to bottom, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); }
  .wpcom-reblog-snapshot p.reblog-from .avatar {
    display: none; }

.wpcom-reblog-snapshot p.reblog-source {
  position: relative;
  top: 16px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  padding-top: 5px;
  border-top: 1px solid #c8d7e1; }
  .wpcom-reblog-snapshot p.reblog-source a {
    padding: 5px 10px;
    display: block;
    text-align: center; }
  .wpcom-reblog-snapshot p.reblog-source span {
    display: none; }

.reader__post-footer {
  clear: both;
  padding: 0;
  margin: 16px 0 0 -4px;
  list-style: none;
  font-size: 14px;
  color: #87a6bc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .reader__post-footer li {
    margin-right: 8px; }
    @media (min-width: 481px) {
      .reader__post-footer li {
        margin-right: 16px; } }
    .reader__post-footer li:last-child {
      margin-right: 0; }
  .reader__post-footer a {
    text-decoration: none; }

@media (max-width: 530px) {
  .is-group-reader .post-edit-button__label,
  .is-group-reader .reader-share__button-label,
  .is-group-reader .comment-button__label-status,
  .is-group-reader .like-button__label-status {
    display: none; } }

@media (min-width: 661px) and (max-width: 790px) {
  .is-group-reader .post-edit-button__label,
  .is-group-reader .reader-share__button-label,
  .is-group-reader .comment-button__label-status,
  .is-group-reader .like-button__label-status {
    display: none; } }

.reader__post-embed-count {
  padding: 4px 6px;
  border-radius: 4px;
  background: #f3f6f8; }

/* Tiled Gallery Default Styles
 * Mostly copied from Atlas -Shaun
-------------------------------------------------------------- */
.tiled-gallery {
  clear: both;
  overflow: hidden;
  margin: 0 auto 20px auto;
  max-width: 100%; }

.tiled-gallery img {
  margin: 2px !important;
  /* Ensure that this value isn't overridden by themes that give content images blanket margins */ }

.tiled-gallery .gallery-group {
  float: left;
  position: relative; }

.tiled-gallery .tiled-gallery-item {
  float: left;
  margin: 0;
  position: relative;
  width: inherit;
  /* prevents ie8 bug with inline width styles */ }

.tiled-gallery .gallery-row {
  overflow: hidden; }

.tiled-gallery .tiled-gallery-item a {
  /* Needs to reset some properties for theme compatibility */
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: auto; }

.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
  /* Needs to reset some properties for theme compatibility */
  background: none;
  border: none;
  box-shadow: none;
  max-width: 100%;
  padding: 0;
  vertical-align: middle; }

.tiled-gallery-caption {
  /* Captions */
  box-sizing: border-box;
  /* to make width: 100% work */
  background: #222;
  background: rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 73%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2) 73%, rgba(0, 0, 0, 0.5) 100%);
  color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-weight: 400;
  overflow: hidden;
  padding: 10px 20px;
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px; }

.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
  /* Smaller captions */
  font-size: 11px; }

/* Hide galleries in widgets until they've been resized to fit.
 * Gallery widgets are almost guaranteed to need resizing, and
 * the jump is a little more obvious than galleries in content. */
.widget-gallery .tiled-gallery-unresized {
  visibility: hidden;
  height: 0px;
  overflow: hidden; }

/* =Greyscale
-------------------------------------------------------------- */
.tiled-gallery .tiled-gallery-item img.grayscale {
  position: absolute;
  left: 0;
  top: 0; }

.tiled-gallery .tiled-gallery-item img.grayscale:hover {
  opacity: 0; }

/* =Circles Layout
-------------------------------------------------------------- */
.tiled-gallery.type-circle .tiled-gallery-item img {
  border-radius: 50%; }

.tiled-gallery.type-circle .tiled-gallery-caption {
  display: none;
  opacity: 0; }

.is-group-reader .main .empty-content,
.is-reader-page .main .empty-content {
  margin-top: -90px;
  padding-top: 0; }
  .is-group-reader .main .empty-content img,
  .is-reader-page .main .empty-content img {
    min-height: 150px; }
  @media (max-width: 480px) {
    .is-group-reader .main .empty-content,
    .is-reader-page .main .empty-content {
      margin-top: -72px; } }
  .is-group-reader .main .empty-content .empty-content__illustration,
  .is-reader-page .main .empty-content .empty-content__illustration {
    min-height: 100px; }

@media (max-width: 480px) {
  .is-group-reader .empty-content__action,
  .is-reader-page .empty-content__action {
    margin-bottom: 10px; } }

.is-reader-page .search-stream .empty-content {
  margin-top: 0; }

/* = Foldable card (toggle arrow is opposite side in Reader)
 --------------------------------------------------------------- */
.following-edit .foldable-card__action {
  width: 45px;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0; }

.following-edit .foldable-card.is-expanded {
  margin-bottom: 0;
  border-top: 0; }
  .following-edit .foldable-card.is-expanded .foldable-card__content {
    padding: 0; }

.following-edit .foldable-card__expand .gridicon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  top: 24px;
  left: 0; }

.following-edit .foldable-card.is-expanded .gridicon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

/* = Infinite scroll end (shown at end of streams)
 --------------------------------------------------------------- */
.is-reader-page .infinite-scroll-end:before {
  border-bottom: none; }

.is-reader-page .infinite-scroll-end:after {
  background-color: inherit;
  margin-top: 20px; }

.reader-update-notice {
  position: fixed;
  top: 55px;
  right: 16px;
  background: rgba(240, 130, 30, 0.96);
  padding: 6px 18px 6px 34px;
  border-radius: 24px;
  color: white;
  z-index: 22;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  pointer-events: none;
  -webkit-transition: background 0.15s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.15s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.15s ease-in-out, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.15s ease-in-out, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .reader-update-notice:hover {
    background: #0068ff; }
  .reader-update-notice.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
    cursor: pointer; }

.reader-update-notice .gridicon {
  fill: white;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 10px; }

.step-wrapper {
  max-width: 960px;
  margin: 0 auto; }
  .step-wrapper.is-wide-layout {
    max-width: 1040px; }

.signup__step {
  margin: 0 24px;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden; }
  @media (max-width: 480px) {
    .signup__step {
      margin: 0; } }

.signup__step-enter {
  opacity: 0.01; }
  .signup__step-enter .is-animated-content {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0); }

.signup__step-enter.signup__step-enter-active,
.signup__step-leave.signup__step-leave-active {
  pointer-events: none; }

.signup__step-enter.signup__step-enter-active {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }
  .signup__step-enter.signup__step-enter-active .is-animated-content {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }

.signup__step-leave {
  opacity: 1; }
  .signup__step-leave .is-animated-content {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.signup__step-leave.signup__step-leave-active {
  opacity: 0.01;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out; }
  .signup__step-leave.signup__step-leave-active .is-animated-content {
    -webkit-transform: translate3d(0, 32px, 0) scale(0.9);
            transform: translate3d(0, 32px, 0) scale(0.9);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out; }

.is-section-signup .layout__content {
  overflow: visible; }

.flow-progress-indicator {
  color: #4f748e;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: -10px;
  text-align: center; }
  @media (max-width: 660px) {
    .flow-progress-indicator {
      padding-top: 10px; } }

.jetpack-connect__main {
  max-width: 400px; }
  .jetpack-connect__main .logged-out-form__links {
    max-width: 100%; }
    .jetpack-connect__main .logged-out-form__links .logged-out-form__link-item .gridicon {
      position: relative;
      top: 4px; }
  .jetpack-connect__main .step-header {
    margin-bottom: 16px; }

.jetpack-connect__main.is-wide {
  max-width: 100%;
  text-align: center;
  margin-bottom: 24px; }
  .jetpack-connect__main.is-wide .button.is-primary {
    width: 320px; }

.jetpack-connect__main-error .logged-out-form__links {
  margin-top: 15px;
  text-align: center; }
  .jetpack-connect__main-error .logged-out-form__links .logged-out-form__link-item .gridicon {
    position: relative;
    top: 4px; }

.jetpack-connect__site-url-entry-container {
  max-width: 400px; }

.jetpack-connect__wp-admin-dialog.dialog.card, .jetpack-connect__wp-admin-dialog.dialog.editor-drawer-well__placeholder {
  max-width: 400px; }
  .jetpack-connect__wp-admin-dialog.dialog.card .jetpack-connect__install-wp-admin, .jetpack-connect__wp-admin-dialog.dialog.editor-drawer-well__placeholder .jetpack-connect__install-wp-admin {
    width: 400px;
    height: 294px; }

.jetpack-connect__site-url-input-container .jetpack-connect__site-address-container,
.jetpack-connect__site-url-input-container .example-components__site-address-container,
.example-components__site-url-input-container .jetpack-connect__site-address-container,
.example-components__site-url-input-container .example-components__site-address-container {
  position: relative; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .gridicon,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .gridicon,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .gridicon,
  .example-components__site-url-input-container .example-components__site-address-container .gridicon {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #c8d7e1; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .form-text-input,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .form-text-input,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .form-text-input,
  .example-components__site-url-input-container .example-components__site-address-container .form-text-input {
    padding-left: 40px; }
  .jetpack-connect__site-url-input-container .jetpack-connect__site-address-container .spinner,
  .jetpack-connect__site-url-input-container .example-components__site-address-container .spinner,
  .example-components__site-url-input-container .jetpack-connect__site-address-container .spinner,
  .example-components__site-url-input-container .example-components__site-address-container .spinner {
    position: absolute;
    right: 8px;
    top: 10px; }

.jetpack-connect__site-url-input-container .button,
.example-components__site-url-input-container .button {
  width: 100%;
  margin-top: 16px;
  word-wrap: nowrap; }

.jetpack-connect__authorize-form .jetpack-connect__authorize-form-header {
  text-align: center; }

.jetpack-connect__logged-in-form .jetpack-connect__logged-in-form-user-text {
  text-align: center; }

.jetpack-connect__logged-in-form .gravatar {
  display: block;
  margin: 0 auto 8px auto; }

.jetpack-connect__logged-in-form .button {
  width: 100%; }

.jetpack-connect__logged-in-form .logged-out-form__links .gridicon {
  top: 2px; }

.jetpack-connect__back-button {
  margin-top: 16px; }

.jetpack-connect__install-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 661px) {
    .jetpack-connect__install-steps {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.jetpack-connect__install-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 320px;
  text-align: left; }
  @media (min-width: 481px) {
    .jetpack-connect__install-step {
      max-width: 360px; } }
  @media (min-width: 661px) {
    .jetpack-connect__install-step {
      margin: 0 8px 16px 8px; } }

.jetpack-connect__install-step-title {
  font-size: 21px;
  font-weight: 300; }

.jetpack-connect__install-step-text {
  color: #87a6bc;
  font-size: 12px;
  margin: 8px 0 16px 0;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

.example-components__main {
  cursor: pointer;
  width: 100%; }
  .example-components__main:hover > div {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }

.example-components__browser-chrome {
  padding: 8px;
  background-color: #e9eff3;
  border-radius: 8px 8px 0 0; }

.example-components__browser-chrome-dots {
  line-height: 0;
  margin-bottom: 8px; }

.example-components__browser-chrome-dot {
  display: inline-block;
  margin-right: 8px;
  background-color: #a8bece;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.example-components__content {
  position: relative;
  margin: 0;
  line-height: 0;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.example-components__install-plugin-header {
  width: 100%;
  padding-bottom: 12%;
  background-color: #8CC258; }

.example-components__install-plugin-body {
  width: 100%;
  padding-bottom: 38%; }

.example-components__install-plugin-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9px 16px;
  text-align: right;
  background-color: #F3F3F3; }

.example-components__install-plugin-footer-button {
  display: inline-block;
  font-size: 12px;
  padding: 7px 14px;
  line-height: 1;
  color: white;
  background-color: #008EC2;
  border: 1px solid #006799;
  border-radius: 3px; }

.example-components__activate-jetpack {
  background-color: #F1F1F1; }

.example-components__connect-jetpack {
  background-color: #F1F1F1; }

.example-components__content-wp-admin-masterbar {
  width: 100%;
  padding-bottom: 6%;
  background-color: #23282D; }

.example-components__content-wp-admin-sidebar {
  display: inline-block;
  width: 15%;
  padding-bottom: 44%;
  line-height: 0;
  background-color: #23282D; }

.example-components__content-wp-admin-main {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  line-height: 1.5; }

.example-components__connect-jetpack .example-components__content-wp-admin-plugin-name {
  font-size: 14px;
  margin-bottom: 8px; }

.example-components__connect-jetpack .example-components__content-wp-admin-connect-banner {
  margin: 10px;
  padding: 10px 10px 12px 10px;
  background-color: white;
  border-left: 4px solid #46b450; }

.example-components__connect-jetpack .example-components__content-wp-admin-connect-button {
  display: inline-block;
  font-size: 12px;
  padding: 7px 14px;
  line-height: 1;
  color: white;
  background-color: #008EC2;
  border: 1px solid #006799;
  border-radius: 3px; }

.example-components__connect-jetpack.is-legacy .example-components__content-wp-admin-connect-banner {
  margin: 10px;
  padding: 12px 10px 16px 10px;
  text-align: right;
  background-color: #81A844;
  border-left: 0; }

.example-components__connect-jetpack.is-legacy .example-components__content-wp-admin-connect-button {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 11px 10px;
  color: white;
  background-color: #518D2A;
  border-color: #518D2A;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 0 0 #3E6C20; }

.example-components__content-wp-admin-plugin-card {
  margin: 10px;
  padding: 12px 10px;
  background-color: white; }

.example-components__content-wp-admin-plugin-name {
  font-size: 12px; }

.example-components__content-wp-admin-plugin-activate-link {
  font-size: 12px;
  color: #0073AA; }

.example-components__content-wp-admin-activate-view {
  margin: 10px; }

.example-components__content-wp-admin-activate-link {
  font-size: 12px;
  color: #0073AA;
  text-decoration: underline; }

.example-components__site-url-input-container .example-components__site-address-container .example-components__browser-chrome-url {
  height: 40px;
  font-size: 12px;
  color: #87a6bc; }

.jetpack-connect__sso-user-profile {
  margin-bottom: 16px; }

.jetpack-connect__sso-user-profile .gravatar {
  display: block;
  margin: 0 auto 16px; }

.jetpack-connect__sso-log-in-as {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  text-align: center; }

.jetpack-connect__sso-display-name {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }

.jetpack-connect__sso-user-email {
  color: #a8bece;
  font-weight: 400;
  text-align: center; }

.jetpack-connect__sso-actions .button {
  display: block;
  text-align: center;
  width: 100%; }

.jetpack-connect__logged-in-form-loading {
  text-align: center; }
  .jetpack-connect__logged-in-form-loading span {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    display: block; }
  .jetpack-connect__logged-in-form-loading .spinner {
    display: inline-block;
    margin-top: 8px; }

.jetpack-connect__tos-link {
  font-size: 11px;
  margin: 0 0 16px 0;
  text-align: center; }

.jetpack-connect__tos-link-text {
  white-space: nowrap; }

.jetpack-connect__connect-button-card {
  background: #f6f9fa;
  border-top: 1px solid #e9eff3;
  box-shadow: none;
  margin: 16px -16px -16px -16px;
  padding: 16px; }
  @media (min-width: 481px) {
    .jetpack-connect__connect-button-card {
      margin: 24px -24px -24px -24px;
      padding: 24px; } }
  .jetpack-connect__connect-button-card .button.is-primary {
    margin: 0; }

.jetpack-connect__site.card, .jetpack-connect__site.editor-drawer-well__placeholder {
  padding: 0; }

.jetpack-connect__sso-terms-dialog {
  max-height: 70vh;
  overflow-y: auto; }

.jetpack-connect__sso-shared-details-table {
  border-collapse: separate; }

.jetpack-connect__sso-shared-detail-row {
  margin-bottom: 16px; }
  .jetpack-connect__sso-shared-detail-row:last-child {
    margin-bottom: 0; }

.jetpack-connect__sso-shared-detail-label {
  font-weight: bold; }

.jetpack-connect__sso-shared-detail-value {
  padding-left: 16px; }

.jetpack-connect__sso-shared-detail-label,
.jetpack-connect__sso-shared-detail-value {
  padding-bottom: 8px; }

@media (max-width: 480px) {
  .jetpack-connect__sso-shared-detail-label,
  .jetpack-connect__sso-shared-detail-value {
    display: block; }
  .jetpack-connect__sso-shared-detail-label {
    padding-bottom: 0; }
  .jetpack-connect__sso-shared-detail-value {
    padding-left: 0; } }

.jetpack-connect__sso-placeholder {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d2dee6;
  color: transparent;
  background-color: transparent; }
  .jetpack-connect__sso-placeholder:after {
    content: '\00a0'; }

.jetpack-connect__sso-placeholder a {
  color: transparent; }

.jetpack-connect__sso .email-verification-gate .notice {
  margin-bottom: 0; }

.jetpack-connect__sso .email-verification-gate .notice__text {
  word-wrap: break-word;
  word-break: break-word; }

.jetpack-connect__help-button .gridicon {
  width: 18px;
  height: 18px; }

.jetpack-connect__error-details {
  margin-bottom: 16px; }

.jetpack-connect__plans .plan-features__header-figure {
  height: 32px;
  width: 32px; }

.jetpack-connect__plans .plan-features__header-timeframe {
  height: 20px;
  margin-top: 11px; }

.jetpack-connect__plans .plan-price.is-original {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 16px;
  margin-top: 6px; }

.jetpack-connect__plans .plan-price.is-original .plan-price__currency-symbol,
.jetpack-connect__plans .plan-price.is-original .plan-price__fraction {
  font-size: 8px; }

.jetpack-connect__plans .plan-price.is-discounted {
  margin-right: 0; }

.jetpack-connect__plans .step-header,
.jetpack-connect__plans .step-header.is-without-subhead {
  margin-bottom: 8px; }

.locale-suggestions {
  margin: 20px auto 0;
  max-width: 500px; }

.locale-suggestions__list-item {
  margin: 0 0 0.5em 0; }
  .locale-suggestions__list-item:last-child {
    margin-bottom: 0; }

.locale-suggestions__locale-link {
  margin: 0 5px; }

.navigation-link {
  cursor: pointer;
  display: inline-block;
  margin: 24px 12px;
  text-align: center; }

/* Gridicon Floaties */
@keyframes floating {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); }
  70% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg);
            transform: scale(1) translateY(30px) translateX(30px) rotate(-20deg); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(0) translateX(0) rotate(0);
            transform: scale(0.8) translateY(0) translateX(0) rotate(0); } }

@-webkit-keyframes focus {
  0%, 100% {
    opacity: 0.1;
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  70% {
    opacity: 0.2;
    -webkit-filter: blur(4px);
            filter: blur(4px); } }

@keyframes focus {
  0%, 100% {
    opacity: 0.1;
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  70% {
    opacity: 0.2;
    -webkit-filter: blur(4px);
            filter: blur(4px); } }

.signup-processing-screen__floaties {
  pointer-events: none;
  position: fixed;
  top: 40px;
  right: 0;
  bottom: 0;
  max-height: calc( 100vw - 30px);
  opacity: 0.1;
  -webkit-animation: focus 5s infinite ease-in-out;
          animation: focus 5s infinite ease-in-out; }
  @media (min-width: 661px) {
    .signup-processing-screen__floaties {
      left: 0; } }
  @media (max-width: 660px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      left: 130px;
      top: -120px; } }
  @media (min-width: 961px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); } }
  @media (min-width: 1041px) {
    .signup-processing-screen__floaties {
      -webkit-transform: scale(1.5);
              transform: scale(1.5); } }
  .signup-processing-screen__floaties .gridicon {
    fill: #87a6bc;
    position: absolute;
    height: auto;
    width: auto;
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-animation: floating 10s infinite ease-in-out;
            animation: floating 10s infinite ease-in-out; }
  .signup-processing-screen__floaties .gridicons-add {
    top: 0px;
    left: calc( 50% - 320px);
    height: 150px;
    width: 150px; }
  .signup-processing-screen__floaties .gridicons-aside {
    top: 150px;
    left: calc( 50% + 310px);
    height: 70px;
    width: 70px;
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .signup-processing-screen__floaties .gridicons-attachment {
    height: 60px;
    width: 60px;
    top: 70px;
    left: calc(50% + 220px);
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-audio {
    height: 80px;
    width: 80px;
    top: 170px;
    left: calc(50% - 220px);
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    -webkit-animation-delay: 10s;
            animation-delay: 10s; }
  .signup-processing-screen__floaties .gridicons-bell {
    height: 120px;
    width: 120px;
    top: 10px;
    left: calc( 50% + 290px);
    -webkit-animation-delay: 5s;
            animation-delay: 5s; }
  .signup-processing-screen__floaties .gridicons-book {
    top: 340px;
    left: calc(50% - 300px);
    height: 100px;
    width: 100px;
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .signup-processing-screen__floaties .gridicons-camera {
    top: 300px;
    left: calc(50% + 200px);
    height: 160px;
    width: 160px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-comment {
    left: calc( 50% + 130px);
    top: 167px;
    height: 140px;
    width: 140px;
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  .signup-processing-screen__floaties .gridicons-globe {
    height: 100px;
    width: 100px;
    top: 220px;
    left: calc(50% - 330px);
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-pencil {
    height: 220px;
    width: 220px;
    top: -110px;
    left: calc(50% + 110px);
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .signup-processing-screen__floaties .gridicons-phone {
    height: 80px;
    width: 80px;
    top: 130px;
    left: calc(50% - 390px);
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-reader {
    height: 130px;
    width: 130px;
    top: 360px;
    left: calc(50% - 170px);
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-star {
    height: 90px;
    width: 90px;
    top: 380px;
    left: calc(50% + 60px); }
  .signup-processing-screen__floaties .gridicons-video {
    top: 245px;
    left: calc(50% - 160px);
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .signup-processing-screen__floaties .gridicons-align-image-right {
    top: 280px;
    left: calc(50% + 90px);
    -webkit-animation-delay: 5s;
            animation-delay: 5s; }
  .signup-processing-screen__floaties .gridicons-bookmark {
    top: 460px;
    height: 110px;
    width: 110px;
    left: calc(50% - 440px);
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-briefcase {
    top: 320px;
    height: 80px;
    width: 80px;
    left: calc(50% - 450px);
    -webkit-animation-delay: 9s;
            animation-delay: 9s; }
  .signup-processing-screen__floaties .gridicons-calendar {
    top: 460px;
    left: calc(50% + 300px);
    height: 80px;
    width: 80px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-clipboard {
    top: 240px;
    left: calc(50% + 290px);
    height: 50px;
    -webkit-animation-delay: 9s;
            animation-delay: 9s; }
  .signup-processing-screen__floaties .gridicons-cloud-upload {
    top: 180px;
    left: calc(50% - 280px);
    height: 40px;
    width: 40px;
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-cog {
    top: 110px;
    left: calc(50% + 160px);
    height: 40px;
    width: 40px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-customize {
    top: 240px;
    height: 40px;
    width: 40px;
    left: calc(50% - 400px);
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .signup-processing-screen__floaties .gridicons-help {
    top: 460px;
    left: calc(50% + 160px);
    height: 90px;
    width: 90px;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
  .signup-processing-screen__floaties .gridicons-link {
    top: 60px;
    left: calc(50% - 160px);
    height: 50px;
    width: 50px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .signup-processing-screen__floaties .gridicons-lock {
    top: 60px;
    left: calc(50% - 400px);
    height: 50px;
    width: 50px;
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .signup-processing-screen__floaties .gridicons-pages {
    top: 70px;
    left: calc(50% + 70px);
    height: 50px;
    width: 50px;
    -webkit-animation-delay: 8s;
            animation-delay: 8s; }
  .signup-processing-screen__floaties .gridicons-share {
    top: 280px;
    left: calc(50% + 360px);
    -webkit-animation-delay: 6s;
            animation-delay: 6s; }
  .signup-processing-screen__floaties .gridicons-stats {
    top: 470px;
    left: calc(50% - 270px);
    height: 80px;
    width: 80px;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }

.signup-processing__content {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto; }

/* WP.com Logo */
.signup-process-screen__wpcom-logo {
  height: 120px;
  width: 120px;
  display: block;
  margin: 10px auto 40px auto;
  border-radius: 100%;
  box-shadow: 0 0 10px 10px #f3f6f8;
  fill: #c8d7e1;
  background: rgba(243, 246, 248, 0.8); }
  @media (max-width: 660px) {
    .signup-process-screen__wpcom-logo {
      margin-top: 48px; } }

.signup-process-screen__title {
  margin: 0;
  padding: 0 16px;
  text-align: center; }

/* Continue Button */
@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  60% {
    opacity: 0.4; } }

.email-confirmation__button {
  display: block;
  padding: 10px 24px;
  margin: 24px auto 48px auto; }

.email-confirmation__button:disabled {
  -webkit-animation: pulse 1s infinite linear;
          animation: pulse 1s infinite linear; }

.signup-processing-screen__loader {
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  font-size: 5px;
  margin: 20px auto;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

.signup-processing-screen__loader, .signup-processing-screen__loader:after {
  border-radius: 50%;
  height: 10em;
  width: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.step-header {
  margin: 16px 0 24px 0;
  text-align: center; }
  @media (min-width: 961px) {
    .step-header {
      margin-bottom: 35px; }
      .step-header.is-without-subhead {
        margin-bottom: 24px; } }

.step-header__title {
  font-size: 24px;
  margin: 0 0 5px 0; }
  @media (max-width: 480px) {
    .step-header__title {
      line-height: 1.2em;
      padding: 0 10px; } }

.step-header__subtitle {
  color: #4f748e;
  font-size: 14px; }
  @media (max-width: 480px) {
    .step-header__subtitle {
      margin: 0;
      padding: 0 20px; } }

.step-wrapper__buttons {
  text-align: center; }

.step-wrapper__buttons .button.is-borderless {
  color: #4f748e; }
  .step-wrapper__buttons .button.is-borderless:hover {
    color: #2e4453; }

.pressable-store {
  text-align: left; }

.pressable-store__hero-image {
  width: 100%;
  margin-top: 8px; }

.pressable-store__heading {
  margin-top: 6px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400; }
  @media (min-width: 481px) {
    .pressable-store__heading {
      margin-top: 30px; } }

.pressable-store__copy {
  font-size: 14px; }

.pressable-store__form {
  max-width: 600px; }

.pressable-store__form-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.pressable-store__form-label {
  margin-bottom: 11px; }

.pressable-store__form-email.is-spaced {
  margin-bottom: 10px; }

@media (min-width: 661px) {
  .pressable-store__form-email {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3 0 0;
        -ms-flex: 1.3 0 0;
            flex: 1.3 0 0; }
    .pressable-store__form-email.is-spaced {
      margin-right: 10px;
      margin-bottom: 0; }
  .pressable-store__form-submit {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0; } }

.pressable-store__privacy-policy {
  text-align: center; }

.pressable-store__back-button-wrapper {
  margin: 24px 0;
  text-align: center; }

.design-type-with-store {
  position: relative;
  text-align: center; }

.design-type-with-store__substep-wrapper {
  position: relative; }

.design-type-with-store__list {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  max-width: 640px;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateZ(0) translateX(0);
          transform: translateZ(0) translateX(0);
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform; }
  .design-type-with-store__list.is-hidden {
    pointer-events: none;
    -webkit-transform: translateZ(0) translateX(-25%);
            transform: translateZ(0) translateX(-25%);
    opacity: 0; }

.design-type-with-store__store-wrapper {
  position: absolute;
  width: 100%;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateZ(0) translateX(0);
          transform: translateZ(0) translateX(0);
  -webkit-transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform;
  transition: 0.5s ease-in-out opacity, 0.5s ease-in-out filter, 0.5s ease-in-out transform; }
  .design-type-with-store__store-wrapper.is-hidden {
    pointer-events: none;
    -webkit-transform: translateZ(0) translateX(25%);
            transform: translateZ(0) translateX(25%);
    opacity: 0; }

.design-type-with-store__choice {
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  position: relative;
  border: 1px solid #c8d7e1;
  border-bottom: 0;
  margin: 0 10px; }
  @media (max-width: 480px) {
    .design-type-with-store__choice {
      box-shadow: none; } }
  @media (min-width: 481px) {
    .design-type-with-store__choice {
      padding: 0;
      margin-bottom: 20px;
      width: 230px;
      text-align: center;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border: 0; }
      .design-type-with-store__choice:hover {
        box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } }
  .design-type-with-store__choice:active .design-type-with-store__cta {
    color: #005082; }
  .design-type-with-store__choice:active .design-type-with-store__choice-link:after {
    border-top-color: #005082;
    border-right-color: #005082; }
  .design-type-with-store__choice:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }
    @media (min-width: 481px) {
      .design-type-with-store__choice:first-child {
        border-radius: 0; } }
  .design-type-with-store__choice:last-of-type {
    margin-bottom: 20px;
    border: 1px solid #c8d7e1;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }
    @media (min-width: 481px) {
      .design-type-with-store__choice:last-of-type {
        border-radius: 0;
        border: 0; } }
  .design-type-with-store__choice a, .design-type-with-store__choice svg {
    display: block;
    width: 100%; }

.design-type-with-store__choice-link {
  padding-right: 40px;
  display: block;
  box-sizing: border-box; }
  .design-type-with-store__choice-link:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 15px;
    border-top: 2px solid #c8d7e1;
    border-right: 2px solid #c8d7e1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  @media (min-width: 481px) {
    .design-type-with-store__choice-link {
      padding-right: 0; }
      .design-type-with-store__choice-link:after {
        display: none; } }

.design-type-with-store__image {
  display: none; }
  @media (min-width: 481px) {
    .design-type-with-store__image {
      display: block; } }

@media (min-width: 481px) {
  .design-type-with-store__choice-copy {
    padding: 15px;
    border-top: 1px solid rgba(200, 215, 225, 0.5); } }

.design-type-with-store__choice-label {
  color: #0087be;
  padding: 0;
  position: relative; }

.design-type-with-store__choice-description {
  margin: 0;
  color: #87a6bc;
  font-size: 0.875em; }
  @media (min-width: 481px) {
    .design-type-with-store__choice-description {
      margin-top: 10px; } }

.button.design-type-with-store__cta {
  color: #0087be; }
  @media (max-width: 480px) {
    .button.design-type-with-store__cta {
      background: none;
      font-size: 1.1em;
      border: 0;
      padding: 0;
      text-transform: none;
      margin: 0;
      line-height: 1.1em; } }

.design-type-with-store__disclaimer {
  text-align: center;
  padding: 0 15px;
  color: #4f748e;
  font-size: 0.875em;
  width: 100%;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .design-type-with-store__disclaimer {
      padding: 0 20px; } }

.design-type__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.design-type__choice {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  cursor: pointer; }
  .design-type__choice a, .design-type__choice svg {
    display: block;
    width: 100%; }
  .design-type__choice h2 {
    color: #4f748e;
    padding-left: 15px;
    border-top: 1px solid rgba(200, 215, 225, 0.5);
    line-height: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em; }
  .design-type__choice:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .design-type__choice.is-spacergif {
    height: 0;
    width: 230px;
    margin: 0 10px;
    padding: 0; }

.domains-step__section-wrapper {
  margin: 0 auto;
  max-width: 650px; }

.site-or-domain__choices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.site-or-domain__choice {
  padding: 0;
  margin: 10px;
  min-width: 230px;
  max-width: 330px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: box-shadow 100ms ease-in-out;
  transition: box-shadow 100ms ease-in-out;
  cursor: pointer; }
  .site-or-domain__choice a, .site-or-domain__choice svg {
    display: block;
    width: 100%; }
  .site-or-domain__choice:hover {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .site-or-domain__choice h2 {
    border-top: solid 1px #f3f6f8;
    padding: 10px 15px; }

.survey-step__section-wrapper {
  margin: 0 auto 2em;
  max-width: 500px; }

.survey-step__verticals-wrapper {
  position: relative; }

.survey-step__question {
  text-align: center;
  font-size: 14px;
  font-weight: 600; }

.survey-step__verticals {
  pointer-events: none;
  opacity: 0.4;
  -webkit-transform: translateX(-20%) scale(0.8);
          transform: translateX(-20%) scale(0.8);
  -webkit-transition: opacity 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out;
  transition: filter 0.15s linear, opacity 0.15s ease-out, transform 0.15s ease-out;
  transition: filter 0.15s linear, opacity 0.15s ease-out, transform 0.15s ease-out, -webkit-filter 0.15s linear, -webkit-transform 0.15s ease-out; }
  .survey-step__verticals.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1); }
  @supports (overflow: -webkit-marquee) and (justify-content: inherit) {
    .survey-step__verticals {
      -webkit-filter: blur(3px);
              filter: blur(3px); }
      .survey-step__verticals.active {
        -webkit-filter: blur(0);
                filter: blur(0); } }

.survey-step__sub-verticals {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 500px;
  padding: 0;
  margin-bottom: 24px;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .survey-step__sub-verticals.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .survey-step__sub-verticals .header-cake.card, .survey-step__sub-verticals .header-cake.editor-drawer-well__placeholder {
    margin-top: 0; }

.survey-step__vertical {
  margin-bottom: 0;
  cursor: pointer; }

.survey-step__vertical__icon {
  vertical-align: bottom;
  margin-top: -2px;
  margin-right: 16px;
  color: #a8bece; }
  .survey-step__vertical:hover .survey-step__vertical__icon {
    color: #87a6bc; }

.survey__verticals-list {
  text-align: center; }

.survey__vertical {
  margin: 8px;
  border-bottom-width: 1px; }
  .survey__vertical:hover .survey__vertical-label {
    color: #0068ff; }
  .survey__vertical:hover .survey__vertical-chevron {
    color: #0068ff;
    -webkit-animation: survey__vertical-chevron-wiggle 1.5s ease infinite;
            animation: survey__vertical-chevron-wiggle 1.5s ease infinite; }
  .survey__vertical:active {
    border-top-width: 1px;
    background: #e9eff3; }

.survey__vertical-label {
  margin: 10px;
  font-weight: 400;
  color: #3d596d; }

.survey__vertical-chevron {
  color: #c8d7e1;
  pointer-events: none; }

.survey__other {
  margin: 0 20px 2em;
  position: relative; }

@media (min-width: 481px) {
  .survey__other {
    margin: 0 auto 2em;
    max-width: 500px; } }

input.survey__other-write-in {
  padding-right: 76px; }

.survey__other-button {
  position: absolute;
  top: 6px;
  right: 6px; }
  .survey__other-button.is-compact {
    text-transform: none; }

.survey__other-copy {
  text-align: center;
  color: #c8d7e1;
  padding-top: 0.5em; }

@-webkit-keyframes survey__vertical-chevron-wiggle {
  0% {
    -webkit-transform: none;
            transform: none; }
  60% {
    -webkit-transform: none;
            transform: none; }
  70% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0); }
  80% {
    -webkit-transform: none;
            transform: none; }
  90% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes survey__vertical-chevron-wiggle {
  0% {
    -webkit-transform: none;
            transform: none; }
  60% {
    -webkit-transform: none;
            transform: none; }
  70% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0); }
  80% {
    -webkit-transform: none;
            transform: none; }
  90% {
    -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

.plans-step {
  margin: 0 auto;
  max-width: 700px; }
  .plans-step.is-wide-layout {
    margin: auto;
    max-width: 1200px; }
  .plans-step .step-header.is-without-subhead {
    margin-bottom: 15px; }
  .plans-step .step-wrapper.is-wide-layout {
    max-width: 1200px; }

.plans-step__compare-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 0 0;
  text-align: center; }
  .plans-step__compare-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.plans-step__compare {
  margin-top: 25px; }

.site-signup-step__site-url.form-text-input {
  padding-right: 122px; }

.site-signup-step__wordpress-domain-suffix {
  color: #87a6bc;
  line-height: 40px;
  margin-left: -122px;
  pointer-events: none;
  position: absolute; }

.validation-fieldset {
  margin-bottom: 0;
  position: relative; }
  .validation-fieldset .form-setting-explanation {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .validation-fieldset .form-setting-explanation.no-validate {
      max-height: none;
      overflow: auto; }
  .validation-fieldset input:focus + .form-setting-explanation {
    max-height: 100px; }

.validation-fieldset__validation-message {
  min-height: 38px; }
  .validation-fieldset__validation-message p {
    margin: 0; }

.validation-fieldset + .logged-out-form__footer {
  margin-top: 0; }
  @media (min-width: 481px) {
    .validation-fieldset + .logged-out-form__footer {
      margin-top: 20px; } }

.support-user__login-dialog.dialog.card, .support-user__login-dialog.dialog.editor-drawer-well__placeholder {
  min-width: 380px; }

.support-user__heading {
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 15px; }

.design-menu__header {
  background: #e9eff3;
  border-bottom: 1px solid #d9e3ea;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  position: relative; }
  .design-menu__header .button {
    text-align: left;
    padding: 16px;
    width: 100%; }
  @media (max-width: 660px) {
    .design-menu__header {
      background-color: #f3f6f8; } }
  .design-menu__header:hover {
    background-color: #f3f6f8; }
    .design-menu__header:hover .button.is-borderless:hover,
    .design-menu__header:hover .button.is-borderless:focus {
      color: #2e4453; }

.design-menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  background: #e9eff3;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100vw;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  opacity: 1;
  z-index: 100201;
  border-right: 1px solid #d9e3ea; }
  @media (min-width: 661px) {
    .design-menu {
      width: 272px; } }
  .design-menu.is-visible.is-layout-preview-sidebar {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
  @media (min-width: 661px) {
    .design-menu.is-visible {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw); } }

.design-menu .site {
  background-color: #fff; }

.design-menu__preview.button,
.design-menu__save.button {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px; }

@media (min-width: 661px) {
  .design-menu__preview.button {
    display: none; } }

.design-tool-list ul {
  list-style: none;
  margin: 0; }

.design-tool-list__button {
  position: relative; }

.sidebar__menu .gridicon.design-tool-list__button__icon {
  cursor: pointer;
  right: 12px;
  left: inherit; }

.design-preview__mobile-show-sidebar {
  width: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 661px) {
    .design-preview__mobile-show-sidebar {
      display: none; } }

.design-preview__mobile-show-sidebar-label {
  margin-left: 6px; }

.app-promo {
  position: relative;
  max-width: 300px;
  margin: 35px auto 15px auto;
  padding: 5px 0;
  overflow: hidden; }
  @media (max-width: 480px) {
    .app-promo {
      display: none; } }

.app-promo .app-promo__icon {
  position: absolute;
  top: 15px;
  left: 20px; }

.app-promo .app-promo__dismiss {
  position: absolute;
  right: 17px;
  top: 12px;
  cursor: pointer; }
  .app-promo .app-promo__dismiss svg {
    fill: #c8d7e1; }

.app-promo .app-promo__link {
  display: block;
  margin: 0 10px;
  padding: 8px 34px 8px 50px;
  background-color: white;
  color: #0068ff;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .app-promo .app-promo__link:hover {
    text-decoration: underline; }

.author-selector__author-toggle {
  cursor: pointer; }
  .author-selector__author-toggle .gridicon {
    display: inline;
    vertical-align: middle;
    color: #668eaa; }
  .author-selector__author-toggle.is-open .gridicon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .author-selector__author-toggle:hover .gridicon,
  .author-selector__author-toggle:hover .editor-author__name, .author-selector__author-toggle.is-open .gridicon,
  .author-selector__author-toggle.is-open .editor-author__name {
    color: #3d596d; }

.author-selector__author-toggle .editor-author__name {
  margin: 0 3px 0 8px; }

.author-selector__infinite-list {
  max-height: 280px;
  overflow-y: auto;
  padding: 4px 0;
  width: 200px;
  max-width: 200px;
  white-space: nowrap; }

.author-selector__menu-item {
  width: 100%; }
  .author-selector__menu-item .user {
    overflow: hidden;
    text-overflow: ellipsis; }

.author-selector__popover.popover {
  z-index: 100; }

.author-selector__popover .search {
  border-bottom: 1px solid #e9eff3;
  height: 43px;
  margin-bottom: 0; }
  .author-selector__popover .search .search__input[type="search"] {
    border-radius: 5px;
    font-size: 14px;
    height: 43px;
    padding: 0 50px 0; }
  .author-selector__popover .search + .author-selector__infinite-list {
    padding-top: 0; }

.author-selector__no-users {
  padding: 8px 16px;
  line-height: 26px;
  width: 168px;
  font-size: 14px;
  font-style: italic;
  color: #87a6bc; }

.comment-button {
  color: #a8bece;
  list-style-type: none;
  padding: 4px 4px 4px 27px;
  position: relative;
  text-transform: uppercase; }
  .comment-button:hover {
    color: #78dcfa;
    cursor: pointer; }

.comment-button__icon {
  fill: #a8bece;
  position: absolute;
  left: 0;
  top: 2px; }
  .comment-button__icon:hover {
    fill: #78dcfa; }

.follow-button {
  position: relative;
  background: inherit;
  border: none;
  border-radius: 0;
  color: #668eaa;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 8px 16px;
  text-align: left; }
  .follow-button:first-child {
    margin-top: 5px; }
  .follow-button:hover, .follow-button:focus {
    border: 0;
    box-shadow: none; }
  .follow-button:last-child {
    margin-bottom: 5px; }
  .follow-button::-moz-focus-inner {
    border: 0; }
  .follow-button.has-icon {
    padding-left: 42px; }
  .follow-button .gridicon__follow {
    opacity: 1; }
  .follow-button .gridicon__following {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: rotate(180deg) scale(3);
            transform: rotate(180deg) scale(3); }
  .follow-button .gridicon__unfollow {
    display: none; }
  .follow-button.is-following {
    color: #4ab866; }
    .follow-button.is-following .gridicon {
      fill: #4ab866; }
    .follow-button.is-following .gridicon__follow {
      opacity: 0;
      pointer-events: none;
      -webkit-transform: rotate(-180deg) scale(0.5);
              transform: rotate(-180deg) scale(0.5); }
    .follow-button.is-following .gridicon__following {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: rotate(0) scale(1);
              transform: rotate(0) scale(1); }
  .follow-button:hover {
    color: #4ab866; }
    .follow-button:hover .gridicon {
      fill: #4ab866; }
    .follow-button:hover.is-following {
      color: #a8bece; }
      .follow-button:hover.is-following .gridicon {
        fill: #a8bece; }
  .follow-button .gridicon {
    position: absolute;
    top: 7px;
    left: 18px;
    fill: #a8bece;
    -webkit-transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.gridicon {
  fill: currentColor; }
  .gridicon.needs-offset g {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
    /* translates to .5px because it's in a child element */ }
  .gridicon.needs-offset-x g {
    -webkit-transform: translate(1px, 0);
            transform: translate(1px, 0);
    /* only nudges horizontally */ }
  .gridicon.needs-offset-y g {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
    /* only nudges vertically */ }

.like-button {
  display: inline-block;
  padding: 4px 4px 4px 27px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .like-button .gridicon {
    position: absolute;
    top: 2px;
    left: 0; }
  .like-button .gridicons-star {
    opacity: 0;
    pointer-events: none;
    fill: #f0821e;
    -webkit-transform: scale(4) rotate(90deg);
            transform: scale(4) rotate(90deg); }
  .like-button.is-animated .gridicons-star {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button .gridicons-star-outline {
    fill: #c8d7e1; }
  .like-button.is-animated .gridicons-star-outline {
    -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .like-button:hover {
    cursor: pointer;
    color: #78dcfa; }
    .like-button:hover .gridicons-star-outline {
      fill: #78dcfa; }
  .like-button.is-liked {
    color: #a8bece; }
    .like-button.is-liked .gridicons-star {
      opacity: 1;
      fill: #f0821e;
      pointer-events: auto;
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); }
    .like-button.is-liked .gridicons-star-outline {
      opacity: 0;
      pointer-events: none;
      fill: #f0821e;
      -webkit-transform: translateX(-10px) rotate(1deg) scale(0.3);
              transform: translateX(-10px) rotate(1deg) scale(0.3); }
    .like-button.is-liked .like-button__label {
      color: #f0821e; }
  .like-button .like-button__label-count {
    margin-right: 4px; }
  @media (max-width: 480px) {
    .like-button .like-button__label-status {
      display: none; } }

/**
 * @component SiteIcon
 */
.site-icon {
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0; }
  .site-icon.is-blank .noticon {
    color: white;
    text-align: center;
    z-index: 0; }

.site-icon__img {
  background: white;
  position: relative; }

.social-logo {
  fill: currentColor; }

.timezone-dropdown .select-dropdown__options {
  max-height: 300px;
  overflow-y: auto; }

.tip-inner {
  padding: 15px; }

.panelTool .token-field__suggestion {
  font-size: 14px;
  color: #6a6a6a;
  font-weight: 300; }

@font-face {
  font-family: 'Font';
  src: url("/calypso/fonts/averta/Averta-Regular.woff") format("woff"), url("/calypso/fonts/averta/Averta-Regular.ttf"), url("/calypso/fonts/avertas/Averta-Regular.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }

.cursor-pointer {
  cursor: pointer; }

.form-range::-webkit-slider-thumb {
  height: 16px;
  width: 16px; }

#wpcom {
  /* End #Story */ }
  #wpcom .story-editor-cms::after {
    background: #fafafa; }
  #wpcom .story-editor-cms .edit-post-status__full-date {
    overflow: hidden; }
  #wpcom #Story {
    color: #000000;
    margin: 27px 0 0;
    overflow: hidden;
    /* End Drawer */
    /* End #SaveScreen */ }
    #wpcom #Story.screen-computer svg.computer,
    #wpcom #Story.screen-tablet svg.tablet,
    #wpcom #Story.screen-phone svg.phone {
      opacity: 1; }
    #wpcom #Story.group:after,
    #wpcom #Story .group:after {
      content: "";
      display: table;
      clear: both; }
    #wpcom #Story a {
      cursor: pointer; }
      #wpcom #Story a[disabled] {
        display: none; }
    #wpcom #Story .header-cake__back.is-spacer {
      cursor: default !important; }
    #wpcom #Story .bold {
      font-weight: bold; }
    #wpcom #Story button {
      background-color: #077FC0;
      border-color: #077FC0;
      cursor: pointer;
      -webkit-transition: none;
      transition: none;
      font-family: "Averta";
      border-radius: 0;
      font-weight: 600; }
      #wpcom #Story button.is-primary {
        background-color: #FC3B6F;
        border-color: #FC3B6F; }
      #wpcom #Story button.icon {
        background-color: #FFF;
        border-color: #FC3B6F;
        color: #FC3B6F; }
      #wpcom #Story button[disabled] {
        background-color: #E6E6E6;
        color: #4D4D4D;
        border-color: #E6E6E6;
        cursor: not-allowed; }
      #wpcom #Story button.btn-custom-ok {
        margin-top: 14px; }
      #wpcom #Story button.btn-custom-save {
        margin-top: 24px; }
    #wpcom #Story .scroll {
      position: relative;
      overflow: scroll;
      height: 100%; }
    #wpcom #Story .flexrow_flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      #wpcom #Story .flexrow_flex #StoryCreator {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-flex-basis: 400px;
            -ms-flex-preferred-size: 400px;
                flex-basis: 400px; }
      #wpcom #Story .flexrow_flex #Drawer {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-flex-basis: 400px;
            -ms-flex-preferred-size: 400px;
                flex-basis: 400px; }
    #wpcom #Story .flexrow #StoryCreator {
      margin-right: 430px; }
    #wpcom #Story .flexrow #Drawer {
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      position: absolute;
      top: 112px;
      right: 0;
      background: #fafafa;
      min-width: 405px;
      padding-right: 10px; }
    #wpcom #Story .validate.auto-suggest {
      position: relative; }
      #wpcom #Story .validate.auto-suggest .gridicon.gridicons-chevron {
        position: absolute;
        top: 6px;
        right: 6px;
        color: #a9a9a9; }
      #wpcom #Story .validate.auto-suggest .react-autosuggest__container ~ .gridicons-chevron-up.gridicons-chevron,
      #wpcom #Story .validate.auto-suggest .react-autosuggest__container--open ~ .gridicons-chevron-down.gridicons-chevron {
        display: none; }
      #wpcom #Story .validate.auto-suggest .react-autosuggest__container.react-autosuggest__container--open ~ .gridicons-chevron-up.gridicons-chevron {
        display: block; }
    #wpcom #Story .validate.error input, #wpcom #Story .validate.error textarea, #wpcom #Story .validate.error .token-field {
      border: 1px red solid !important; }
    #wpcom #Story .validate .message {
      font-size: 10px;
      color: red; }
    #wpcom #Story .validate.story-creator .message {
      position: absolute;
      bottom: 1em;
      left: 1em;
      margin-top: 10px; }
    #wpcom #Story > header {
      padding: 0 4px;
      background: #fafafa;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #wpcom #Story > header:before {
        width: 100%;
        height: 1px;
        border-bottom: 1px #E6E6E6 solid;
        bottom: 0;
        left: 0;
        width: calc(100% - 4px); }
      #wpcom #Story > header h1 {
        vertical-align: middle;
        text-transform: uppercase;
        float: left;
        font-size: 20px;
        height: 64px;
        line-height: 64px; }
      #wpcom #Story > header .btn-control-story {
        margin-left: auto;
        padding: 12px 0 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        #wpcom #Story > header .btn-control-story .button.btn-ctrl {
          height: 35px;
          font-size: 13px;
          border-radius: 0;
          background: transparent;
          border-color: #E6E6E6;
          color: #4D4D4D;
          font-weight: 600; }
          #wpcom #Story > header .btn-control-story .button.btn-ctrl.trash {
            font-size: 14px; }
            #wpcom #Story > header .btn-control-story .button.btn-ctrl.trash:hover {
              color: #C00707; }
          #wpcom #Story > header .btn-control-story .button.btn-ctrl[disabled], #wpcom #Story > header .btn-control-story .editor-drawer-well__placeholder[disabled] .btn-ctrl.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled] #wpcom #Story > header .btn-control-story .btn-ctrl.editor-drawer-well__button {
            background-color: #E6E6E6;
            color: #4D4D4D;
            border-color: #E6E6E6;
            cursor: not-allowed;
            pointer-events: none; }
      #wpcom #Story > header .bntSchedule {
        margin: 0 4px;
        float: left;
        padding-left: 13px;
        padding-right: 13px; }
        #wpcom #Story > header .bntSchedule[disabled] {
          color: #c8d7e1 !important;
          background: none !important;
          pointer-events: none; }
      #wpcom #Story > header .button-group {
        margin: 0 4px; }
        #wpcom #Story > header .button-group button {
          padding-left: 12px;
          padding-right: 12px; }
          #wpcom #Story > header .button-group button:focus {
            box-shadow: none; }
          #wpcom #Story > header .button-group button:first-child {
            border-right: none; }
        #wpcom #Story > header .button-group button + button {
          padding-left: 0px;
          padding-right: 5px;
          border-left: none !important; }
        #wpcom #Story > header .button-group.btn-save {
          margin-right: 0; }
          #wpcom #Story > header .button-group.btn-save button {
            height: 35px;
            background: white;
            color: #4d4d4d;
            border-color: #e6e6e6;
            font-size: 13px; }
            #wpcom #Story > header .button-group.btn-save button.warning {
              font-size: 22px;
              color: orange;
              padding-top: 4px; }
            #wpcom #Story > header .button-group.btn-save button.active {
              background: #077fc0;
              color: white; }
      #wpcom #Story > header .btn-status-story .button {
        border-color: #E6E6E6;
        color: #4D4D4D; }
      #wpcom #Story > header .btn-status-story .btn-ctrl:first-child {
        min-width: 84px; }
      #wpcom #Story > header .btn-preview-story {
        min-width: 108px;
        margin-right: 4px;
        margin-right: 4px;
        height: 35px; }
        #wpcom #Story > header .btn-preview-story[disabled] {
          cursor: not-allowed;
          color: #4D4D4D; }
      #wpcom #Story > header .btn-preview-tootltip {
        top: 0;
        z-index: 9; }
        #wpcom #Story > header .btn-preview-tootltip .info-tooltip-content {
          margin: 0 !important;
          margin-left: -120px !important;
          left: 50%; }
      #wpcom #Story > header .options:not(.schedule-option) {
        vertical-align: middle;
        float: right;
        height: 64px;
        line-height: 64px;
        font-size: .6em; }
        #wpcom #Story > header .options:not(.schedule-option) > * {
          vertical-align: middle;
          font-size: 1em;
          color: #959595; }
          #wpcom #Story > header .options:not(.schedule-option) > *:hover {
            color: #FC3B6F; }
        #wpcom #Story > header .options:not(.schedule-option) .options button {
          background: none;
          border: none;
          color: #666666; }
    #wpcom #Story #StoryCreator {
      position: relative;
      height: 100%;
      /*width: $story-width;*/
      background-color: #FFF;
      padding: 1em;
      margin-bottom: 1em;
      box-sizing: border-box;
      border: 1px solid #ebebeb;
      font-family: Font; }
      #wpcom #Story #StoryCreator .tools {
        padding: .5em; }
        #wpcom #Story #StoryCreator .tools svg {
          opacity: .5;
          margin-right: 1em; }
      #wpcom #Story #StoryCreator .headLine-input {
        margin: -15px -15px 0;
        position: relative; }
        #wpcom #Story #StoryCreator .headLine-input .headline {
          line-height: 1.25;
          min-height: 45px;
          padding: 15px 15px 5px;
          -webkit-transition: all 0s ease-in-out;
          transition: all 0s ease-in-out;
          overflow: hidden !important;
          font-size: 32px !important;
          border: none;
          font-weight: bold;
          color: #000000;
          font-family: "Averta";
          resize: none; }
          #wpcom #Story #StoryCreator .headLine-input .headline::-webkit-input-placeholder {
            color: #9B9B9B;
            opacity: 1; }
          #wpcom #Story #StoryCreator .headLine-input .headline::-moz-placeholder {
            color: #9B9B9B;
            opacity: 1; }
          #wpcom #Story #StoryCreator .headLine-input .headline:-ms-input-placeholder {
            color: #9B9B9B !important;
            opacity: 1; }
          #wpcom #Story #StoryCreator .headLine-input .headline:-moz-placeholder {
            color: #9B9B9B !important;
            opacity: 1; }
          #wpcom #Story #StoryCreator .headLine-input .headline:focus {
            outline: 0;
            border-color: inherit;
            box-shadow: none; }
        #wpcom #Story #StoryCreator .headLine-input .message {
          margin-top: 15px;
          padding-left: 15px; }
      #wpcom #Story #StoryCreator .urloverride {
        position: absolute;
        z-index: 122;
        background: #fff;
        padding: 0 15px;
        width: calc(100% - 30px);
        right: 0; }
        #wpcom #Story #StoryCreator .urloverride .btn-advanced-search {
          float: right;
          margin-top: -42px;
          z-index: 9;
          color: #999;
          width: 20px;
          text-align: right; }
          #wpcom #Story #StoryCreator .urloverride .btn-advanced-search:hover {
            color: #0087be; }
        #wpcom #Story #StoryCreator .urloverride__input {
          border-radius: 1px;
          border: thin solid rgba(0, 0, 0, 0.15);
          padding: 5px 0 15px 0;
          margin: 0;
          box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.07); }
          #wpcom #Story #StoryCreator .urloverride__input .cms-textInput {
            height: 30px;
            border: thin solid #d7d7d7; }
          #wpcom #Story #StoryCreator .urloverride__input.urloverride__spinner {
            padding: 20px; }
        #wpcom #Story #StoryCreator .urloverride__field {
          margin-top: 10px; }
          #wpcom #Story #StoryCreator .urloverride__field .btn-cancel {
            margin-top: 24px; }
          #wpcom #Story #StoryCreator .urloverride__field .message {
            margin-top: 5px;
            padding-left: 0; }
          #wpcom #Story #StoryCreator .urloverride__field .pageurl-mess__special .message {
            position: absolute;
            top: 28px;
            left: 0; }
          #wpcom #Story #StoryCreator .urloverride__field .pageurl-mess__special .message {
            position: absolute;
            top: 28px;
            left: 0; }
          #wpcom #Story #StoryCreator .urloverride__field .use-as-headline {
            font-size: 12px; }
            #wpcom #Story #StoryCreator .urloverride__field .use-as-headline b {
              margin-right: 7px; }
            #wpcom #Story #StoryCreator .urloverride__field .use-as-headline input {
              position: relative;
              top: -2px;
              float: none;
              margin: 0 5px 0 5px; }
      #wpcom #Story #StoryCreator .token-field {
        border: none; }
        #wpcom #Story #StoryCreator .token-field.is-active {
          border: 1px solid #dbdbdb; }
        #wpcom #Story #StoryCreator .token-field .token-field__token:first-of-type {
          margin: 2px 0; }
        #wpcom #Story #StoryCreator .token-field .token-field__token-text,
        #wpcom #Story #StoryCreator .token-field .token-field__remove-token,
        #wpcom #Story #StoryCreator .token-field .token-field__remove-token:hover {
          color: #077FC0;
          background-color: #FFF; }
      #wpcom #Story #StoryCreator .select-dropdown.content-classification .select-dropdown__header-text {
        color: #077FC0; }
      #wpcom #Story #StoryCreator .select-dropdown.byline .select-dropdown__header-text {
        font-size: .8em;
        color: #666; }
      #wpcom #Story #StoryCreator .select-dropdown.timestamp .select-dropdown__header-text {
        font-size: .8em;
        color: #ddd; }
      #wpcom #Story #StoryCreator .select-dropdown .select-dropdown__container {
        margin-left: -1em; }
      #wpcom #Story #StoryCreator .select-dropdown .select-dropdown__header {
        border: none; }
      #wpcom #Story #StoryCreator .story-creator {
        margin-top: 2em;
        width: auto;
        font-size: 16px;
        line-height: 1.13;
        word-wrap: break-word;
        /*border-bottom: $frankly-gray-blue 1px solid;*/ }
      #wpcom #Story #StoryCreator .story-creator-upload {
        border: 5px dashed #077FC0; }
      #wpcom #Story #StoryCreator #count-bodytext-container {
        position: absolute;
        bottom: 1em;
        right: 1em;
        clear: both;
        text-align: right;
        color: #999999;
        font-size: 12px;
        margin-top: 10px; }
      #wpcom #Story #StoryCreator object.story-pdf-iframe {
        border: 1px solid #ddd;
        position: absolute; }
        #wpcom #Story #StoryCreator object.story-pdf-iframe::before {
          content: "Your web browser doesn't support to view pdf.";
          color: #ce0000;
          font-size: 10px;
          position: relative;
          top: 25px;
          left: 5px; }
      #wpcom #Story #StoryCreator #mce-27-manual {
        width: 162px;
        height: 42px;
        border: 1 solid #9e9e9e;
        background-color: #303030;
        border-radius: 2px;
        padding: 1px;
        z-index: 10; }
        #wpcom #Story #StoryCreator #mce-27-manual button {
          padding: 9px 10px;
          background: none;
          line-height: 20px;
          margin: 1px;
          border: 1px solid #303030; }
          #wpcom #Story #StoryCreator #mce-27-manual button:hover {
            border: 1px solid #000;
            background-color: #181818; }
        #wpcom #Story #StoryCreator #mce-27-manual.left button.left {
          border: 1px solid #000;
          background-color: #181818; }
        #wpcom #Story #StoryCreator #mce-27-manual.right button.right {
          border: 1px solid #000;
          background-color: #181818; }
        #wpcom #Story #StoryCreator #mce-27-manual.center button.center {
          border: 1px solid #000;
          background-color: #181818; }
      #wpcom #Story #StoryCreator .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto; }
      #wpcom #Story #StoryCreator .carousel {
        position: relative; }
      #wpcom #Story #StoryCreator .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden; }
      #wpcom #Story #StoryCreator .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left; }
      #wpcom #Story #StoryCreator .carousel-inner > .item > a > img,
      #wpcom #Story #StoryCreator .carousel-inner > .item > img {
        line-height: 1; }
      #wpcom #Story #StoryCreator .carousel-inner > .active,
      #wpcom #Story #StoryCreator .carousel-inner > .next,
      #wpcom #Story #StoryCreator .carousel-inner > .prev {
        display: block; }
      #wpcom #Story #StoryCreator .carousel-inner > .active {
        left: 0; }
      #wpcom #Story #StoryCreator .carousel-inner > .next,
      #wpcom #Story #StoryCreator .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%; }
      #wpcom #Story #StoryCreator .carousel-inner > .next {
        left: 100%; }
      #wpcom #Story #StoryCreator .carousel-inner > .prev {
        left: -100%; }
      #wpcom #Story #StoryCreator .carousel-inner > .next.left,
      #wpcom #Story #StoryCreator .carousel-inner > .prev.right {
        left: 0; }
      #wpcom #Story #StoryCreator .carousel-inner > .active.left {
        left: -100%; }
      #wpcom #Story #StoryCreator .carousel-inner > .active.right {
        left: 100%; }
      #wpcom #Story #StoryCreator .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        pointer-events: auto;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: transparent;
        filter: alpha(opacity=50);
        opacity: .5; }
      #wpcom #Story #StoryCreator .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x; }
      #wpcom #Story #StoryCreator .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x; }
      #wpcom #Story #StoryCreator .carousel-control:focus,
      #wpcom #Story #StoryCreator .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9; }
      #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-left,
      #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-right,
      #wpcom #Story #StoryCreator .carousel-control .icon-next,
      #wpcom #Story #StoryCreator .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px; }
      #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-left,
      #wpcom #Story #StoryCreator .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px; }
      #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-right,
      #wpcom #Story #StoryCreator .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px; }
      #wpcom #Story #StoryCreator .carousel-control .icon-next,
      #wpcom #Story #StoryCreator .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1; }
      #wpcom #Story #StoryCreator .carousel-control .icon-prev:before {
        content: '\2039'; }
      #wpcom #Story #StoryCreator .carousel-control .icon-next:before {
        content: '\203a'; }
      #wpcom #Story #StoryCreator .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none; }
      #wpcom #Story #StoryCreator .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 10px; }
      #wpcom #Story #StoryCreator .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff; }
      #wpcom #Story #StoryCreator .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
      #wpcom #Story #StoryCreator .carousel-caption .btn {
        text-shadow: none; }
      @media screen and (min-width: 768px) {
        #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-left,
        #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-right,
        #wpcom #Story #StoryCreator .carousel-control .icon-next,
        #wpcom #Story #StoryCreator .carousel-control .icon-prev {
          width: 30px;
          height: 30px;
          margin-top: -10px;
          font-size: 30px; }
        #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-left,
        #wpcom #Story #StoryCreator .carousel-control .icon-prev {
          margin-left: -10px; }
        #wpcom #Story #StoryCreator .carousel-control .glyphicon-chevron-right,
        #wpcom #Story #StoryCreator .carousel-control .icon-next {
          margin-right: -10px; }
        #wpcom #Story #StoryCreator .carousel-caption {
          right: 20%;
          left: 20%;
          padding-bottom: 30px; }
        #wpcom #Story #StoryCreator .carousel-indicators {
          bottom: 20px; } }
      #wpcom #Story #StoryCreator .carousel {
        height: 400px; }
        #wpcom #Story #StoryCreator .carousel .carousel-indicators {
          display: none; }
        #wpcom #Story #StoryCreator .carousel .carousel-inner {
          height: 100%; }
          #wpcom #Story #StoryCreator .carousel .carousel-inner .item {
            height: 100%;
            width: 100%;
            text-align: center; }
            #wpcom #Story #StoryCreator .carousel .carousel-inner .item.active {
              border: none; }
            #wpcom #Story #StoryCreator .carousel .carousel-inner .item img {
              margin: auto;
              height: 100%;
              width: 100%; }
        #wpcom #Story #StoryCreator .carousel .carousel-indicators {
          color: transparent; }
      #wpcom #Story #StoryCreator .slideshowHidden {
        display: none; }
      #wpcom #Story #StoryCreator .span-not-use {
        float: left;
        height: 0; }
    #wpcom #Story #Drawer {
      max-width: 400px;
      width: 400px;
      min-width: 400px;
      padding: 1em;
      padding-top: 0px; }
      #wpcom #Story #Drawer section {
        border-bottom: 1px solid #E6E6E6;
        /**
					Save/Publish Section
				**/
        /**
					Components Section
				**/ }
        #wpcom #Story #Drawer section.save {
          padding: 0 0 1em; }
          #wpcom #Story #Drawer section.save .status {
            padding-top: 3px;
            font-weight: 600;
            line-height: normal;
            font-size: 13px;
            color: #4d4d4d;
            padding: 12px 0;
            text-transform: uppercase;
            line-height: 0.77; }
            #wpcom #Story #Drawer section.save .status.live {
              color: #FC3B6F; }
            #wpcom #Story #Drawer section.save .status .gridicon {
              margin-left: 5px; }
            #wpcom #Story #Drawer section.save .status span {
              cursor: pointer; }
          #wpcom #Story #Drawer section.save .button-group {
            margin-right: 5px;
            float: left; }
            #wpcom #Story #Drawer section.save .button-group .button .gridicon {
              height: 16px; }
            #wpcom #Story #Drawer section.save .button-group.btn-save button {
              border-radius: 0;
              min-height: 39px; }
        #wpcom #Story #Drawer section.components {
          position: relative;
          overflow-y: auto;
          height: 100%;
          overflow-x: hidden; }
          #wpcom #Story #Drawer section.components::-webkit-scrollbar {
            width: 9px;
            height: 9px; }
          #wpcom #Story #Drawer section.components::-webkit-scrollbar-button:start:decrement, #wpcom #Story #Drawer section.components::-webkit-scrollbar-button:end:increment {
            display: block;
            height: 0;
            background-color: transparent; }
          #wpcom #Story #Drawer section.components::-webkit-scrollbar-track-piece {
            background-color: transparent;
            -webkit-border-radius: 0;
            -webkit-border-bottom-right-radius: 8px;
            -webkit-border-bottom-left-radius: 8px; }
          #wpcom #Story #Drawer section.components::-webkit-scrollbar-thumb:vertical, #wpcom #Story #Drawer section.components::-webkit-scrollbar-thumb:horizontal {
            background-color: #c8d7e1;
            -webkit-border-radius: 8px;
            border: 1px solid white; }
          #wpcom #Story #Drawer section.components.content-type {
            height: calc(100% - 37px); }
          #wpcom #Story #Drawer section.components header {
            padding: 1em 0;
            color: #666666; }
            #wpcom #Story #Drawer section.components header:hover {
              color: #077FC0;
              cursor: pointer; }
            #wpcom #Story #Drawer section.components header svg.arrow {
              margin-right: 2em; }
            #wpcom #Story #Drawer section.components header svg.icon {
              margin-right: 1em; }
              #wpcom #Story #Drawer section.components header svg.icon.gridicons-pdf {
                height: 24px; }
            #wpcom #Story #Drawer section.components header strong {
              text-transform: uppercase;
              vertical-align: top;
              padding-top: 3px;
              display: inline-block; }
          #wpcom #Story #Drawer section.components .canvas {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            min-height: 500px; }
            #wpcom #Story #Drawer section.components .canvas .header-section {
              text-transform: uppercase;
              color: #000000;
              margin-bottom: 15px;
              font-weight: bold;
              font-size: 20px; }
            #wpcom #Story #Drawer section.components .canvas .card, #wpcom #Story #Drawer section.components .canvas .editor-drawer-well__placeholder {
              border: 1px solid #e9eff3;
              box-shadow: none !important; }
            #wpcom #Story #Drawer section.components .canvas .header-cake__title {
              text-transform: uppercase;
              font-weight: bold;
              font-size: 1.2em; }
            #wpcom #Story #Drawer section.components .canvas figure {
              width: 100%;
              max-width: 400px;
              display: block;
              margin: 0 auto; }
              #wpcom #Story #Drawer section.components .canvas figure img, #wpcom #Story #Drawer section.components .canvas figure h5, #wpcom #Story #Drawer section.components .canvas figure h6 {
                display: block; }
              #wpcom #Story #Drawer section.components .canvas figure h5 {
                font-weight: bolder; }
              #wpcom #Story #Drawer section.components .canvas figure h6 {
                font-size: .8em; }
              #wpcom #Story #Drawer section.components .canvas figure time {
                font-style: italic;
                font-size: .7em; }
          #wpcom #Story #Drawer section.components a.advanced-edit {
            float: right;
            margin: 1em .5em;
            color: #666666;
            font-size: .8em;
            text-decoration: underline; }
          #wpcom #Story #Drawer section.components .summary-advande-group {
            float: right;
            margin-top: 5px; }
            #wpcom #Story #Drawer section.components .summary-advande-group label {
              margin-left: 10px; }
            #wpcom #Story #Drawer section.components .summary-advande-group input {
              float: right;
              position: relative;
              top: -2px;
              margin-left: 5px; }
      #wpcom #Story #Drawer .accordion {
        margin-top: -1px;
        box-shadow: none;
        font-size: 12px;
        line-height: 1.7; }
        #wpcom #Story #Drawer .accordion .accordion__header {
          padding: 5px 0;
          border: 1px solid #ebebeb; }
        #wpcom #Story #Drawer .accordion .accordion__toggle {
          background-color: transparent;
          box-shadow: none;
          padding: 10px; }
          #wpcom #Story #Drawer .accordion .accordion__toggle:after {
            color: #7c7c7c; }
          #wpcom #Story #Drawer .accordion .accordion__toggle .accordion__title {
            font-size: 14px;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.5);
            font-family: "Averta";
            text-transform: uppercase;
            letter-spacing: 0.2px;
            line-height: 0.77; }
        #wpcom #Story #Drawer .accordion .accordion__content {
          background: none; }
        #wpcom #Story #Drawer .accordion.is-expanded {
          background: #F0F0F0;
          margin: 10px 0 !important;
          padding-top: 10px; }
          #wpcom #Story #Drawer .accordion.is-expanded .accordion__toggle:after {
            color: #000000; }
          #wpcom #Story #Drawer .accordion.is-expanded .accordion__title {
            color: #000000;
            font-weight: bold; }
          #wpcom #Story #Drawer .accordion.is-expanded .accordion__header {
            border: none;
            padding: 0; }
      #wpcom #Story #Drawer .error-ie-pdf-msg {
        color: #ce0000;
        font-size: 10px; }
    #wpcom #Story #SaveScreen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #F1F1F1;
      font-size: 1.2em;
      z-index: 180; }
      #wpcom #Story #SaveScreen.show-true {
        display: block; }
      #wpcom #Story #SaveScreen.show-false {
        display: none; }
      #wpcom #Story #SaveScreen header {
        text-align: center; }
      #wpcom #Story #SaveScreen .group {
        width: 70%;
        margin: 0 auto;
        padding: 1em 0;
        border-bottom: 1px solid #c8d7e1; }
      #wpcom #Story #SaveScreen ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: table; }
        #wpcom #Story #SaveScreen ul li {
          display: table-cell; }
          #wpcom #Story #SaveScreen ul li.status {
            width: 48px;
            padding-right: 1em;
            color: #33CC00; }
          #wpcom #Story #SaveScreen ul li.resolve {
            width: 85px;
            text-align: right; }
          #wpcom #Story #SaveScreen ul li strong {
            display: block; }
      #wpcom #Story #SaveScreen h2 {
        font-size: 1.3em;
        font-weight: bold; }
      #wpcom #Story #SaveScreen footer {
        text-align: right; }
    #wpcom #Story .accordion.accordion-storybody {
      margin-top: 10px; }
      #wpcom #Story .accordion.accordion-storybody .accordion__toggle {
        background-color: #fff;
        border-left: thin solid #dce5ec;
        border-right: thin solid #dce5ec; }
    #wpcom #Story .spinner-byline {
      display: inline-block;
      position: relative;
      top: 5px;
      margin-left: 5px; }
    #wpcom #Story .token-field.is-active {
      border: 1px solid #dbdbdb;
      box-shadow: none; }
    #wpcom #Story .button:focus {
      box-shadow: none; }
    #wpcom #Story .popup-message {
      width: 550px;
      min-height: 140px;
      background: white;
      color: black;
      padding: 20px 0px;
      border-radius: 15px;
      margin: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-family: Averta; }
      #wpcom #Story .popup-message h3 {
        font-weight: bold;
        font-size: 34px; }
        #wpcom #Story .popup-message h3.popup-header {
          margin-top: 20px; }
      #wpcom #Story .popup-message .three-dots-loading {
        margin: 32px auto; }
      #wpcom #Story .popup-message .close-btn {
        position: absolute;
        right: 20px;
        cursor: pointer;
        top: 20px;
        font-size: 20px; }
      #wpcom #Story .popup-message .content {
        margin: 0 20px;
        font-size: 18px; }
        #wpcom #Story .popup-message .content .btn-bottom {
          border-top: 1px solid;
          margin: 30px -20px -20px -20px;
          padding: 15px;
          cursor: pointer;
          font-size: 13px;
          color: #4D4D4D;
          font-weight: 600; }

/* End #wpcom */
.btn-small-custom {
  padding: 3px 10px;
  font-family: "Averta";
  min-width: 75px; }

.btn-small-group button + button {
  margin-left: 12px; }

.btn-custom-black {
  background-color: #2a2d32 !important;
  border: 1px solid #2a2d32 !important; }

.btn-custom-black[disabled] {
  background-color: #c8d7e1 !important;
  color: #F1F1F1 !important;
  border-color: #c8d7e1 !important;
  cursor: not-allowed;
  pointer-events: none; }

.btn-custom-cancle {
  background-color: #888888 !important;
  border: 1px solid #888888 !important; }

.btn-custom-blue {
  background-color: #087fc1 !important;
  border: 1px solid #087fc1 !important; }

.btn-custom-gray {
  background-color: #666666 !important;
  border: 1px solid #666666 !important; }

.fullmain {
  max-width: 100%;
  font-size: 13px; }

.table-storyList select {
  font-size: 13px;
  font-weight: 400;
  padding: 2px 30px 3px 8px;
  margin-right: 3px; }

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

.btn-custom-black {
  background: #d7d7d7 !important;
  color: #18191a !important;
  border: thin solid #d7d7d7 !important;
  margin-top: 14px !important; }

.btn-custom-cancle {
  background: transparent !important;
  color: #18191a !important;
  border: thin solid #d7d7d7 !important;
  margin-top: 14px !important; }

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

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

.table-storyList input[type="checkbox"] {
  float: none; }

.mar3l {
  margin-left: 3px; }

.mar20b {
  margin-bottom: 20px; }

.mar24tb {
  margin-top: 24px;
  margin-bottom: 24px; }

.mar10r {
  margin-right: 10px; }

.pd5t {
  padding-top: 5px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.story__list .story__title {
  color: #2e4453;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.33333em; }

.contentSource-label {
  float: left;
  padding-top: 10px;
  margin-right: 10px; }

.pagination-list {
  margin-right: 5px; }

.pagination-list li {
  display: inline-block;
  float: left;
  list-style: outside none none;
  margin: 0 2px; }

.pagination-list .pagination li a {
  padding: 3px 8px;
  min-width: 10px;
  text-align: center; }

.pagination > li > a, .pagination > li > span {
  background-color: #fff;
  border: 1px solid #c8d7e1;
  color: #777;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

.pagination > li.active a, .pagination > li:hover a {
  background-color: #2e4453;
  border: 1px solid #2e4453;
  color: #fff; }

.pg-input {
  max-width: 50px;
  display: inline-block;
  max-height: 27px;
  font-size: 13px !important;
  padding: 2px 5px !important;
  margin: 0 5px !important;
  border-radius: 3px;
  text-align: center; }

.pg-selbox {
  max-height: 27px;
  display: inline-block;
  min-width: 80px;
  font-size: 13px !important;
  padding-top: 2px; }

.listAction {
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

.table-storyList .table > tbody tr:hover td > .listAction {
  opacity: 1; }

.table-storyList .table > tbody tr:hover td > .story__title {
  color: #0087be; }

.listAction .button {
  background: none;
  text-transform: none; }

.displayNone {
  display: none; }

.schedule-form .edit-post-status__full-date {
  min-width: 205px;
  padding: 0 16px; }
  .schedule-form .edit-post-status__full-date input[type=range]::-ms-tooltip {
    display: none; }
  .schedule-form .edit-post-status__full-date .range-datetime {
    margin-top: 35px;
    margin-bottom: 15px; }
    .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content {
      margin-left: 55px;
      padding-top: 15px; }
      .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__content.is-min {
        left: -55px;
        margin-top: 6px; }
      .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__label {
        opacity: 0;
        padding-bottom: 4px;
        margin-bottom: -15px; }
        .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__label:before {
          height: 5px;
          width: 5px;
          margin-left: -2px; }
        .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__label .range__label-inner {
          padding: 3px 5px;
          font-size: 88%;
          line-height: 1; }
      .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__input {
        width: 100%; }
        .schedule-form .edit-post-status__full-date .range-datetime .range.has-min-content .range__input:hover + .range__label {
          opacity: 1; }
  .schedule-form .edit-post-status__full-date .post-schedule__clock {
    display: none; }
  .schedule-form .edit-post-status__full-date .chrono__container {
    position: absolute;
    bottom: -35px; }

.tip-inner .edit-post-status__full-date .chrono__container,
.popover__inner .edit-post-status__full-date .chrono__container {
  display: block; }

.tip-inner .edit-post-status__full-date .input-chrono__container,
.popover__inner .edit-post-status__full-date .input-chrono__container {
  margin: 0; }

.tip-inner .edit-post-status__full-date input.post-schedule__clock_time,
.popover__inner .edit-post-status__full-date input.post-schedule__clock_time {
  height: 26px !important; }

.tip-inner .edit-post-status__full-date .post-schedule__header,
.popover__inner .edit-post-status__full-date .post-schedule__header {
  top: 12px; }

.panelSchedule {
  position: relative; }
  .panelSchedule .frm-Schedule-box {
    position: absolute;
    width: 340px;
    background: #fff;
    z-index: 123;
    left: 0;
    top: 50px;
    padding: 15px;
    margin-left: -164px;
    background-color: white;
    border: 1px solid #c8d7e1;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    text-align: center;
    font-size: 12px; }
    .panelSchedule .frm-Schedule-box:before, .panelSchedule .frm-Schedule-box:after {
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: '';
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -10px; }
    .panelSchedule .frm-Schedule-box:before {
      border-bottom: 10px solid #c8d7e1 !important;
      top: -11px !important; }
    .panelSchedule .frm-Schedule-box .post-schedule__header {
      top: 12px; }

.schedule-form {
  width: 340px;
  max-width: 100%;
  text-align: left;
  font-family: "Averta"; }
  .schedule-form p {
    margin-bottom: 5px; }
  .schedule-form .message-error-full .errorText {
    padding-left: 0px; }
  .schedule-form .errorText {
    padding-left: 130px; }
  .schedule-form .weekDaySelection {
    max-width: 330px;
    display: block !important; }
  .schedule-form label {
    font-weight: normal;
    font-size: 12px; }
  .schedule-form .cms-textInput {
    height: 28px;
    font-family: "Averta"; }
  .schedule-form .DayPicker-Day {
    height: auto; }
    .schedule-form .DayPicker-Day .past-day {
      background-color: #eff1f1;
      color: #ccc;
      border-radius: 0;
      border: 1px solid #ccc;
      margin-bottom: 2px; }
      .allow-pass-day .schedule-form .DayPicker-Day .past-day {
        border: 1px solid rgba(255, 255, 255, 0);
        color: #668eaa;
        background-color: #fff; }
    .schedule-form .DayPicker-Day.DayPicker-Day--outside {
      opacity: 0;
      pointer-events: none; }
  .schedule-form .post-schedule__header-year:hover .post-schedule__year-control-up, .schedule-form .post-schedule__header-year:hover .post-schedule__year-control-down {
    background: none !important; }
  .schedule-form .post-schedule__header-year:hover .post-schedule__year-control-down {
    bottom: -8px; }
  .schedule-form .date-picker__day-text, .schedule-form .has-min-content,
  .schedule-form .DayPicker-Weekday {
    font-size: 12px !important; }
  .schedule-form .post-schedule__header-month {
    font-size: 16px !important; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .schedule-form .date-picker__day-selected {
      top: -1px; } }
  .schedule-form .range__label-inner {
    font-size: 12px !important; }
  .schedule-form .field-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .schedule-form .field-row label {
      white-space: nowrap;
      margin-right: 15px;
      text-align: left;
      margin-top: 5px; }
    .schedule-form .field-row input[type='radio'], .schedule-form .field-row input[type='checkbox'] {
      margin-top: 0; }
    .schedule-form .field-row .cms-selectInput {
      height: 28px;
      border-width: 1px;
      line-height: normal;
      padding-top: 3px;
      padding-bottom: 3px;
      width: 100%; }
    .schedule-form .field-row .FranklyDropdown-root {
      width: 100%; }
  .schedule-form .lb {
    min-width: 115px; }
  .schedule-form .UIEndDate {
    width: 100%; }
    .schedule-form .UIEndDate .lb {
      min-width: 120px !important; }
  .schedule-form .UIEndDate, .schedule-form .UIrecurrence-pattern {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .schedule-form .UIEndDate label, .schedule-form .UIEndDate .FranklyDropdown-root, .schedule-form .UIrecurrence-pattern label, .schedule-form .UIrecurrence-pattern .FranklyDropdown-root {
      min-width: auto;
      margin-right: 10px; }
    .schedule-form .UIEndDate .FranklyDropdown-root, .schedule-form .UIrecurrence-pattern .FranklyDropdown-root {
      width: 100px; }
    .schedule-form .UIEndDate .cms-selectInput-recurrence, .schedule-form .UIrecurrence-pattern .cms-selectInput-recurrence {
      min-width: 85px !important;
      width: 85px !important; }
  .schedule-form .lbw {
    min-width: 100px; }
  .schedule-form .cms-textInput {
    border-radius: 4px; }
  .schedule-form .box-calendar {
    position: relative;
    width: 100%; }
    .schedule-form .box-calendar .edit-post-status__full-date {
      position: absolute;
      right: 0;
      background: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
      top: 30px;
      z-index: 1; }
      .schedule-form .box-calendar .edit-post-status__full-date.left {
        left: 0; }
  .schedule-form .btn-calendar {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 11px;
    background: #0087be url("/calypso/images/pages/ic-calendar.png") no-repeat center center; }
    .schedule-form .btn-calendar i.fa-calendar {
      display: none; }
  .schedule-form .btn-group-schedule {
    padding: 10px;
    text-align: center;
    margin: 10px -10px -10px; }
    .schedule-form .btn-group-schedule button {
      padding: 4px 10px;
      font-family: "Averta" !important;
      font-weight: normal;
      background-color: #2a2d32 !important;
      border-color: #2a2d32 !important;
      text-transform: none !important; }
      .schedule-form .btn-group-schedule button:disabled {
        color: #ffffff;
        border-color: #c6c9ce !important;
        background: #c6c9ce !important;
        cursor: not-allowed; }
      .schedule-form .btn-group-schedule button:hover:enabled {
        background-color: #111 !important;
        border-color: #111 !important; }
    .schedule-form .btn-group-schedule button + button {
      margin-left: 5px; }
  .schedule-form .FranklyDropdown-control {
    height: 28px;
    padding: 5px 32px 8px 10px;
    border-radius: 4px; }

.field-row {
  margin-bottom: 10px; }

#schedule-list-container {
  font-size: 11px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 5px; }
  #schedule-list-container .status-schedule {
    color: #FF3370; }
  #schedule-list-container .delete-schedule {
    font-size: 14px; }
  #schedule-list-container .fa {
    margin-left: 5px; }
  #schedule-list-container .schedule-li .error-schedule-icon .info-tooltip:hover .info-tooltip-content {
    z-index: 160; }
  #schedule-list-container .schedule-li .error-schedule-icon .info-tooltip .gridicon {
    color: #FF3370; }

.btn-add-schedule {
  margin-top: 10px; }
  .btn-add-schedule button {
    background: #077FC0;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 2px;
    border: none !important; }

.image-error .figure-img-set-featured {
  display: none; }

.frankly-image {
  position: relative;
  margin-bottom: 10px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }
  .frankly-image .single-view img {
    width: 100%; }
  .frankly-image .list-view {
    width: calc(100% - 6px) !important;
    position: relative;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    float: left;
    width: 100%;
    border: 1px solid #ccc; }
    .frankly-image .list-view .caption-wrap .figure-caption {
      font-size: 12px;
      font-weight: bold;
      overflow-wrap: break-word;
      word-wrap: break-word;
      color: black;
      width: 100%; }
    .frankly-image .list-view .figure-img-set-featured {
      margin: 0px;
      bottom: 5px; }
    .frankly-image .list-view .thumbnail-wrap {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      position: relative; }
      .frankly-image .list-view .thumbnail-wrap img {
        width: 100%;
        position: absolute;
        left: 0px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
  .frankly-image .double-view .expand-horizontal {
    margin: 0px -12px; }
  .frankly-image .double-view .image-wrap {
    height: 108px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #EEE;
    border: 1px solid #DDD; }
    .frankly-image .double-view .image-wrap img {
      max-height: 100%;
      margin: auto;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
  .frankly-image .double-view .figure-img-set-featured {
    bottom: 18px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    width: calc(100% - 6px); }
    .frankly-image .double-view .figure-img-set-featured span {
      padding: 3px;
      margin: 1px 0px; }
  .frankly-image .double-view .caption-wrap {
    height: 28px; }
    .frankly-image .double-view .caption-wrap .figure-caption {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .frankly-image .figure-caption {
    font-size: 12px;
    padding: 5px 0 5px 0;
    font-weight: bold;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: black; }
  .frankly-image .figure-img-set-featured {
    opacity: 0;
    visibility: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .frankly-image .figure-img-set-featured .first-button {
      float: left; }
    .frankly-image .figure-img-set-featured .second-button {
      float: right; }
    .frankly-image .figure-img-set-featured span {
      display: inline-block;
      background: #409BF9;
      border-radius: 2px;
      padding: 10px;
      font-size: 12px;
      cursor: pointer; }
  .frankly-image .thumbnail-image {
    position: relative; }
    .frankly-image .thumbnail-image .figure-img-status-message {
      visibility: hidden;
      opacity: 0;
      font-size: 30px;
      font-weight: bold;
      color: #f00;
      position: absolute;
      top: 0;
      left: 0;
      text-align: left;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
      .frankly-image .thumbnail-image .figure-img-status-message span {
        background: #fff;
        padding: 0 5px; }
  .frankly-image:hover .figure-img-status-message,
  .frankly-image:hover .figure-img-set-featured {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }

.abridgedinfo-graphic {
  text-align: center;
  margin-top: 10px; }
  .abridgedinfo-graphic .abridgedinfo-graphic-img {
    max-width: 100%;
    width: 100%; }
  .abridgedinfo-graphic .removeFeatured {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 15px;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #d20000;
    font-size: 25px;
    border-radius: 100%;
    line-height: 1;
    cursor: pointer;
    z-index: 1; }
  .abridgedinfo-graphic .featured_Image {
    position: relative; }
    .abridgedinfo-graphic .featured_Image .hideImg {
      visibility: hidden;
      opacity: 0; }
    .abridgedinfo-graphic .featured_Image__content {
      width: 100%;
      height: 0;
      position: relative;
      padding-bottom: 56.25%;
      background: #F3F3F3; }
      .abridgedinfo-graphic .featured_Image__content.is-dragging::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        padding-top: 20px;
        left: 0;
        top: 0;
        background: transparent;
        z-index: 3; }
      .abridgedinfo-graphic .featured_Image__content img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear; }
      .abridgedinfo-graphic .featured_Image__content.no-feature-image .thumbnail-graphics {
        border-top: none;
        border-left: none;
        z-index: 4; }
      .abridgedinfo-graphic .featured_Image__content .btn-upload span {
        padding: 5px 20px;
        background: #aaa;
        color: white;
        border-radius: 5px;
        cursor: pointer; }
      .abridgedinfo-graphic .featured_Image__content .btn-collapse {
        position: absolute;
        top: 365px;
        right: 0;
        font-size: 13px;
        cursor: pointer; }
        .abridgedinfo-graphic .featured_Image__content .btn-collapse i {
          margin-right: 5px;
          color: #4297f6; }
      .abridgedinfo-graphic .featured_Image__content p {
        margin-bottom: .5em; }
    .abridgedinfo-graphic .featured_Image .featured-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 20px;
      width: 100%;
      font-size: 13px;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      box-sizing: border-box;
      background: #F3F3F3; }
      .abridgedinfo-graphic .featured_Image .featured-options .featured-checkbox:first-child {
        margin-right: 30px; }
      .abridgedinfo-graphic .featured_Image .featured-options .featured-checkbox input {
        margin-right: 5px; }
    .abridgedinfo-graphic .featured_Image .featured-not-expanded {
      position: relative;
      padding: 7px 15px;
      width: 640px;
      box-sizing: border-box;
      text-align: left;
      font-size: 13px;
      background: #F3F3F3;
      border: 2px dashed #979797; }
      .abridgedinfo-graphic .featured_Image .featured-not-expanded .btn-expanded {
        position: absolute;
        top: 40px;
        right: 0;
        cursor: pointer; }
        .abridgedinfo-graphic .featured_Image .featured-not-expanded .btn-expanded i {
          margin-right: 5px;
          color: #4297f6; }
    .abridgedinfo-graphic .featured_Image .no-feature-image {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      box-sizing: border-box;
      width: 640px;
      height: 360px;
      padding-bottom: 0;
      background: #F3F3F3;
      border: 2px dashed #979797; }
      .abridgedinfo-graphic .featured_Image .no-feature-image:hover {
        border: 7px solid #F5A623; }
        .abridgedinfo-graphic .featured_Image .no-feature-image:hover .thumbnail-graphics {
          top: -7px;
          left: -7px;
          width: 182px;
          height: 102px;
          border-top: 2px dashed #979797;
          border-left: 2px dashed #979797; }
        .abridgedinfo-graphic .featured_Image .no-feature-image:hover .btn-collapse {
          top: 360px;
          right: -5px; }
    .abridgedinfo-graphic .featured_Image .is-dragging {
      border: 7px solid #F5A623; }
    .abridgedinfo-graphic .featured_Image .thumbnail-graphics {
      position: absolute;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      box-sizing: border-box;
      background: #fff;
      line-height: 0;
      width: 180px;
      height: 100px;
      padding: 3px;
      cursor: pointer;
      box-shadow: 0 10px 6px -8px #777;
      border: 2px dashed #979797;
      z-index: 120; }
      .abridgedinfo-graphic .featured_Image .thumbnail-graphics p {
        position: absolute;
        left: 10px;
        top: 10px;
        color: white;
        padding: 3px;
        font-size: 15px;
        font-weight: bold;
        z-index: 120; }
      .abridgedinfo-graphic .featured_Image .thumbnail-graphics .removeFeatured {
        opacity: 0;
        visibility: hidden; }
      .abridgedinfo-graphic .featured_Image .thumbnail-graphics:hover .removeFeatured {
        opacity: 1;
        visibility: visible; }
      .abridgedinfo-graphic .featured_Image .thumbnail-graphics .featuredImgControl {
        padding: 5px 10px; }
        .abridgedinfo-graphic .featured_Image .thumbnail-graphics .featuredImgControl__left {
          left: -3px; }
        .abridgedinfo-graphic .featured_Image .thumbnail-graphics .featuredImgControl__right {
          right: -3px; }
        .abridgedinfo-graphic .featured_Image .thumbnail-graphics .featuredImgControl:hover {
          padding: 5px 12.9px; }
        .abridgedinfo-graphic .featured_Image .thumbnail-graphics .featuredImgControl i.fa {
          font-size: 30px; }
    .abridgedinfo-graphic .featured_Image .features-video-iframe {
      padding: 0; }
  .abridgedinfo-graphic .story-video-spinner {
    width: 350px;
    min-height: 140px;
    background: white;
    color: black;
    padding: 20px 0px;
    border-radius: 15px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: Averta; }
    .abridgedinfo-graphic .story-video-spinner h3 {
      font-weight: bold;
      font-size: 34px; }
      .abridgedinfo-graphic .story-video-spinner h3.video-spinner-header {
        margin-top: 20px; }
    .abridgedinfo-graphic .story-video-spinner .loader {
      position: absolute;
      top: 55%;
      left: 50%;
      margin-top: -30px;
      margin-left: -30px;
      border: 12px solid #616161;
      border-radius: 50%;
      border-top-color: #007aff;
      width: 36px;
      height: 36px;
      -webkit-animation: spin 2s linear infinite;
      /* Safari */
      animation: spin 2s linear infinite; }
      .abridgedinfo-graphic .story-video-spinner .loader-message {
        position: absolute;
        width: 100%;
        font-size: 20px;
        font-family: inherit;
        color: black; }
  .abridgedinfo-graphic .featured_Video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 10px;
    height: 0;
    background: #f1f1f1;
    line-height: 0; }
    .abridgedinfo-graphic .featured_Video .ampVideoCanvas {
      position: absolute;
      width: 100% !important;
      height: 100% !important;
      padding: 0 10px;
      box-sizing: border-box; }
    .abridgedinfo-graphic .featured_Video video {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      padding: 0 10px;
      box-sizing: border-box; }

#wpcom #Story #Drawer .panelToolContent {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  #wpcom #Story #Drawer .panelToolContent.scrollbar {
    height: auto; }
  #wpcom #Story #Drawer .panelToolContent .ic-pdf {
    display: inline-block;
    margin: 0 12px 0 3px;
    width: 24px;
    height: 24px;
    font-size: 20px; }
  #wpcom #Story #Drawer .panelToolContent .components .notes-area {
    margin-top: 17px; }
  #wpcom #Story #Drawer .panelToolContent .span-link-instagram {
    height: 500px; }
  #wpcom #Story #Drawer .panelToolContent .twitter-list {
    overflow: hidden; }
  #wpcom #Story #Drawer .panelToolContent .content-type {
    margin-top: 15px; }
    #wpcom #Story #Drawer .panelToolContent .content-type.open .canvas-header {
      display: none; }
    #wpcom #Story #Drawer .panelToolContent .content-type.open section {
      border-bottom: none; }
    #wpcom #Story #Drawer .panelToolContent .content-type .txt-keyword {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: 0;
      padding-right: 0; }
    #wpcom #Story #Drawer .panelToolContent .content-type .fb-no-result {
      padding: 0;
      margin-top: 5px; }
    #wpcom #Story #Drawer .panelToolContent .content-type section:first-child .canvas-header {
      padding-top: 0; }
  #wpcom #Story #Drawer .panelToolContent .auto-suggest .react-autosuggest__suggestion {
    padding: 4px 8px;
    font-size: 14px; }
    #wpcom #Story #Drawer .panelToolContent .auto-suggest .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted {
      background: #0068ff;
      color: #FFF; }
  #wpcom #Story #Drawer .panelToolContent .search-card {
    margin-bottom: 0; }
    #wpcom #Story #Drawer .panelToolContent .search-card .gridicon {
      width: 40px;
      height: 20px; }
    #wpcom #Story #Drawer .panelToolContent .search-card .spinner {
      left: 20px; }
    #wpcom #Story #Drawer .panelToolContent .search-card .search {
      height: 35px; }
    #wpcom #Story #Drawer .panelToolContent .search-card .search__input {
      height: 35px;
      padding-left: 40px; }
      #wpcom #Story #Drawer .panelToolContent .search-card .search__input[type="search"] {
        padding: 0 60px 0 10px; }
    .is-ie #wpcom #Story #Drawer .panelToolContent .search-card .is-searching .search__input[type="search"] {
      padding-left: 40px;
      -webkit-transition: none;
      transition: none; }
    #wpcom #Story #Drawer .panelToolContent .search-card .search__close-icon {
      right: 20px;
      width: 34px;
      top: 8px;
      position: absolute;
      z-index: 20;
      color: #3d596d; }
  #wpcom #Story #Drawer .panelToolContent .goback-section {
    margin-top: 16px;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    color: #4D4D4D;
    font-weight: 600; }
    #wpcom #Story #Drawer .panelToolContent .goback-section .gridicon {
      position: relative;
      top: 4px; }
  #wpcom #Story #Drawer .panelToolContent .summary-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    margin-bottom: 40px;
    height: 100px;
    background: #FFF;
    border: 1px solid #eee; }
    #wpcom #Story #Drawer .panelToolContent .summary-box .removeFeatured {
      position: relative;
      top: -10px;
      right: -170px;
      height: 25px;
      color: #d20000;
      cursor: pointer; }
      #wpcom #Story #Drawer .panelToolContent .summary-box .removeFeatured i {
        font-size: 25px;
        position: relative;
        z-index: 99; }
        #wpcom #Story #Drawer .panelToolContent .summary-box .removeFeatured i::after {
          position: absolute;
          top: 5px;
          left: 4px;
          content: '';
          width: 14px;
          height: 14px;
          z-index: -1;
          background: #fafafa; }
    #wpcom #Story #Drawer .panelToolContent .summary-box .summary-img img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto; }
  #wpcom #Story #Drawer .panelToolContent .summary-text {
    margin-top: 10px; }
  #wpcom #Story #Drawer .panelToolContent .edit-post-status__full-date {
    z-index: 5; }

.panelToolContent > section {
  border-bottom: none !important; }

.panelTool {
  font-family: "Averta"; }
  .panelTool .counted-textarea {
    border: none;
    background: none; }
    .panelTool .counted-textarea.textarea-charLimit textarea {
      max-height: 150px; }
  .panelTool .components {
    padding: 0px;
    padding-left: 0;
    padding-top: 0;
    box-sizing: border-box; }
    .panelTool .components .content-classification {
      padding-top: 17px; }
  .panelTool input[type='text'], .panelTool input[type='search'], .panelTool textarea {
    font-family: "Averta";
    font-size: 14px !important;
    color: #6a6a6a;
    font-weight: 300; }
    .panelTool input[type='text']::-webkit-input-placeholder, .panelTool input[type='search']::-webkit-input-placeholder, .panelTool textarea::-webkit-input-placeholder {
      color: #666666;
      opacity: 1; }
    .panelTool input[type='text']::-moz-placeholder, .panelTool input[type='search']::-moz-placeholder, .panelTool textarea::-moz-placeholder {
      color: #666666;
      opacity: 1; }
    .panelTool input[type='text']:-ms-input-placeholder, .panelTool input[type='search']:-ms-input-placeholder, .panelTool textarea:-ms-input-placeholder {
      color: #666666 !important;
      opacity: 1; }
    .panelTool input[type='text']:-moz-placeholder, .panelTool input[type='search']:-moz-placeholder, .panelTool textarea:-moz-placeholder {
      color: #666666 !important;
      opacity: 1; }
  .panelTool textarea {
    border: 1px solid #dbdbdb; }
  .panelTool .checkbox-inline {
    text-transform: uppercase;
    color: #000000;
    font-weight: normal; }
  .panelTool .form-label {
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase; }
  .panelTool .counted-textarea__count-panel {
    padding: 8px 0;
    color: #808080;
    font-size: 11px;
    font-weight: 300; }
  .panelTool .token-field__token-text, .panelTool .token-field__remove-token {
    background: #808080; }
  .is-ie .panelTool .token-field__token-text {
    margin-right: -1px; }
  .panelTool .section-nav {
    box-shadow: none;
    margin-bottom: 0; }
    .panelTool .section-nav .section-nav-tabs__list {
      overflow: inherit;
      position: relative;
      left: -25px;
      width: calc(100% + 25px);
      background: #fff;
      padding-left: 25px;
      box-sizing: border-box;
      border-top: 1px solid #E6E6E6;
      margin-top: -1px; }
      .panelTool .section-nav .section-nav-tabs__list:after {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #E6E6E6;
        bottom: 0px;
        left: 0; }
    .panelTool .section-nav .section-nav-tab {
      border-left: 1px solid #E6E6E6;
      border-bottom-width: 0px; }
      .panelTool .section-nav .section-nav-tab:first-child {
        border-left: none; }
        .panelTool .section-nav .section-nav-tab:first-child .section-nav-tab__link {
          padding-left: 0; }
        .panelTool .section-nav .section-nav-tab:first-child.is-selected:after {
          width: 25px;
          height: 100%;
          bottom: 0px;
          left: -25px;
          background: #fafafa; }
      .panelTool .section-nav .section-nav-tab:last-child.is-selected {
        border-right: 1px solid #E6E6E6; }
      .panelTool .section-nav .section-nav-tab__link {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.2px; }
      .panelTool .section-nav .section-nav-tab.is-selected {
        position: relative;
        z-index: 1;
        background: #fafafa;
        border-bottom-color: transparent; }
        .panelTool .section-nav .section-nav-tab.is-selected .section-nav-tab__link {
          color: #419BF9;
          font-size: 14px;
          font-weight: bold; }
  .panelTool .notes-area::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  .panelTool .notes-area::-webkit-scrollbar-button:start:decrement, .panelTool .notes-area::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  .panelTool .notes-area::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  .panelTool .notes-area::-webkit-scrollbar-thumb:vertical, .panelTool .notes-area::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid white; }
  .panelTool .notes-area .counted-textarea.textarea-charLimit textarea {
    height: 350px;
    max-height: 350px; }
  .panelTool #option-comment-div {
    margin-bottom: 15px; }
  .panelTool .option-comment-input {
    margin: 5px 5px 0 0; }
  .panelTool .token-field__suggestion {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .panelTool .token-field__suggestion.is-selected {
      color: #fff; }
    .panelTool .token-field__suggestion .fa {
      padding-right: 5px;
      color: #077fc0; }

#wpcom #Story #Drawer section.components .canvas {
  box-sizing: border-box; }

@media only screen and (max-width: 1700px) {
  div[aria-label="Inline toolbar"] {
    left: calc(36% - 265px) !important; }
  .mce-arrow.mce-arrow-left:after {
    display: none; }
  .mce-arrow.mce-arrow-left:before {
    display: none; } }

div[aria-label="Inline toolbar"] {
  margin-top: 30px !important; }

.mce-floatpanel.mce-arrow-down {
  margin-top: 0px !important; }

.mce-floatpanel.mce-arrow-up {
  margin-top: 0px !important; }

.schedule-form-add .action-container {
  margin-bottom: 0; }
  .schedule-form-add .action-container label.lb {
    color: #87a6bc;
    margin-left: -5px; }
  .schedule-form-add .action-container .cms-selectInput {
    color: #87a6bc;
    height: 28px;
    border-width: 1px;
    line-height: normal;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%; }

#StoryCreatorTinyMCE {
  padding-bottom: 0;
  min-height: 200px;
  /*
	For manual toolbar in TinyMce:
	*/
  /*Fork css*/ }
  #StoryCreatorTinyMCE sub {
    font-size: small;
    vertical-align: sub; }
  #StoryCreatorTinyMCE sup {
    font-size: small;
    vertical-align: super; }
  #StoryCreatorTinyMCE > p {
    margin-bottom: 0;
    padding-bottom: 1.5em; }
  #StoryCreatorTinyMCE a {
    pointer-events: none;
    text-decoration: underline; }
  #StoryCreatorTinyMCE span[data-mce-p-clip-status="2"]::before {
    font-family: "FontAwesome";
    content: "\f05e  This clip is a draft asset. Story can only be saved with live clips.";
    color: #ce0000;
    font-size: 10px;
    position: relative;
    top: 25px;
    left: 5px; }
  #StoryCreatorTinyMCE #mceResizeHandlenw {
    margin-left: 5px !important;
    margin-top: 5px !important; }
  #StoryCreatorTinyMCE #mceResizeHandlesw {
    margin-left: 5px !important;
    margin-top: -5px !important; }
  #StoryCreatorTinyMCE #mceResizeHandlese {
    margin-top: -5px !important;
    margin-left: -5px !important; }
  #StoryCreatorTinyMCE #mceResizeHandlene {
    margin-top: 5px !important;
    margin-left: -5px !important; }
  #StoryCreatorTinyMCE.mce-content-body img[data-mce-selected], #StoryCreatorTinyMCE.mce-content-body hr[data-mce-selected] {
    outline-offset: -2px; }
  #StoryCreatorTinyMCE img {
    max-width: 100%; }
    #StoryCreatorTinyMCE img:last-of-type {
      opacity: 1;
      -webkit-animation: fadeInOpacity 0.3s ease-in;
              animation: fadeInOpacity 0.3s ease-in; }
  #StoryCreatorTinyMCE div[data-mml-type~="twitter"] {
    overflow: hidden;
    position: relative;
    border: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"] .twitter-tweet-rendered {
      margin-top: 0 !important; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"]:before {
      content: '';
      width: 100%;
      height: 120px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"]:hover {
      cursor: move;
      cursor: grabbing;
      cursor: -webkit-grabbing; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"].left {
      float: left;
      margin-bottom: 10px;
      margin-right: 2px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"].right {
      float: right;
      margin-right: 2px;
      margin-bottom: 10px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="twitter"].center {
      display: block;
      width: 100%; }
      #StoryCreatorTinyMCE div[data-mml-type~="twitter"].center .twitter-tweet-rendered {
        margin-left: auto;
        margin-right: auto; }
  #StoryCreatorTinyMCE div[data-mml-type~="instagram"] {
    overflow: hidden;
    position: relative;
    border: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="instagram"]:before {
      content: '';
      width: 100%;
      height: 120px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    #StoryCreatorTinyMCE div[data-mml-type~="instagram"]:hover {
      cursor: move;
      cursor: grabbing;
      cursor: -webkit-grabbing; }
    #StoryCreatorTinyMCE div[data-mml-type~="instagram"].left {
      float: left;
      margin-right: 2px;
      margin-bottom: 10px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="instagram"].right {
      float: right;
      margin-right: 2px;
      margin-bottom: 10px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="instagram"].center {
      display: block;
      width: 100%;
      text-align: center; }
      #StoryCreatorTinyMCE div[data-mml-type~="instagram"].center iframe {
        margin-left: auto !important;
        margin-right: auto !important; }
  #StoryCreatorTinyMCE div[data-mml-type~="facebook"] {
    overflow: hidden;
    position: relative;
    border: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"]:before {
      content: '';
      width: 100%;
      height: 120px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"]:hover {
      cursor: move;
      cursor: grabbing;
      cursor: -webkit-grabbing; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"].left {
      float: left;
      margin-right: 2px;
      margin-bottom: 10px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"].right {
      float: right;
      margin-right: 2px;
      margin-bottom: 10px;
      border: 15px solid #fff;
      border-top: 5px solid #fff; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"].center.post {
      text-align: center;
      display: block;
      width: 100% !important; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"].center.video {
      display: block;
      text-align: center; }
    #StoryCreatorTinyMCE div[data-mml-type~="facebook"].fb-video {
      padding: 15px 0; }
      #StoryCreatorTinyMCE div[data-mml-type~="facebook"].fb-video iframe, #StoryCreatorTinyMCE div[data-mml-type~="facebook"].fb-video span {
        min-height: 500px; }
  #StoryCreatorTinyMCE .fb_iframe_widget iframe {
    position: initial !important; }
  #StoryCreatorTinyMCE blockquote.twitter-tweet, #StoryCreatorTinyMCE blockquote.twitter-tweet-disable {
    position: absolute;
    opacity: 0; }
    #StoryCreatorTinyMCE blockquote.twitter-tweet a, #StoryCreatorTinyMCE blockquote.twitter-tweet-disable a {
      text-decoration: none; }
  #StoryCreatorTinyMCE ul, #StoryCreatorTinyMCE ol {
    list-style-position: inside; }
  #StoryCreatorTinyMCE span[data-mce-p-class~='story-social-iframe'],
  #StoryCreatorTinyMCE span[data-mce-p-class~='story-video-iframe'],
  #StoryCreatorTinyMCE span[data-mce-p-class~='story-pdf-iframe'] {
    display: block !important;
    overflow: hidden; }
  #StoryCreatorTinyMCE span[data-mce-p-class~='story-pdf-iframe'] {
    text-align: left;
    padding-bottom: 30px;
    width: 100%; }
  #StoryCreatorTinyMCE .resize-icon {
    background: #f7f7f7;
    text-align: center;
    font-size: 18px;
    display: block;
    padding: 8px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: thin solid #ddd;
    cursor: s-resize;
    height: 18px;
    color: transparent; }
    #StoryCreatorTinyMCE .resize-icon:after {
      content: attr(data-resize-num);
      background: transparent;
      position: absolute;
      left: 0;
      bottom: 0;
      font-size: 13px;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 600;
      color: #666;
      padding-top: 17px;
      height: 18px;
      width: calc(100% - 40px);
      padding-right: 40px;
      text-align: right; }
    #StoryCreatorTinyMCE .resize-icon:before {
      content: '';
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEUAAACqqqr+/v4vLy/6+vr+/v7+/v4AAABzc3Nvb2////+2trbJycnr6+vPz891dXVzc3OhoaF3d3eioqJ9fX2goKC+vr5/f3/Ly8t8fHz+/v4NyOEeAAAAG3RSTlMAjgtAaEpbR3wQA3dyanYndRN+L4g2mjByeR/NwbV+AAAARklEQVR4XmMgDTAzokqwM7KgybMxockzoctziqLJc/ChynNws6LK87ByEZLnF4DLCwoB5YVFeMECYkB5cQmgfkleKQYiAADT4wJh2XodKgAAAABJRU5ErkJggg==") no-repeat 100% 100%;
      position: absolute;
      height: 100%;
      width: 40px;
      top: 0;
      right: 0; }
  #StoryCreatorTinyMCE.isResizing span[data-mce-p-class~='story-pdf-iframe']:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  #StoryCreatorTinyMCE div[data-mml-type="gmaps"],
  #StoryCreatorTinyMCE div[data-mml-type="facebook"],
  #StoryCreatorTinyMCE div[data-mml-type="twitter"],
  #StoryCreatorTinyMCE div[data-mml-type="instagram"],
  #StoryCreatorTinyMCE div[data-embed-type="clip"],
  #StoryCreatorTinyMCE span[data-mce-p-class~="story-pdf-iframe"] div[data-mml-type="youtube"] {
    display: block !important; }
  #StoryCreatorTinyMCE div[data-mml-type="slideshow"] {
    width: 100%;
    overflow: hidden; }
    #StoryCreatorTinyMCE div[data-mml-type="slideshow"] div[id$="_adDiv"],
    #StoryCreatorTinyMCE div[data-mml-type="slideshow"] div[id$="_addThis"],
    #StoryCreatorTinyMCE div[data-mml-type="slideshow"] div[id^="divWNImageGallery"] ul {
      display: none; }
  #StoryCreatorTinyMCE .mml-element-story-link {
    display: inline-block !important; }
  #StoryCreatorTinyMCE div.mml-element-category {
    display: block !important; }
  #StoryCreatorTinyMCE span.mml-element-category {
    display: initial !important; }
  #StoryCreatorTinyMCE .categories {
    border-style: outset;
    border: thin solid #e7e7e7;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    text-align: left; }
    #StoryCreatorTinyMCE .categories[data-option="0"] {
      border: none;
      width: auto;
      display: initial; }
      .is-firefox #StoryCreatorTinyMCE .categories[data-option="0"] {
        width: auto; }
    #StoryCreatorTinyMCE .categories a.mml-element-category-a {
      text-decoration: none;
      display: initial !important; }
    #StoryCreatorTinyMCE .categories.categories__overlay::before {
      content: '';
      position: absolute;
      width: 102%;
      height: 106%;
      bottom: -3%;
      left: -1%;
      z-index: 999999; }
    #StoryCreatorTinyMCE .categories .category-link {
      margin-right: 15px;
      color: #0087be; }
    #StoryCreatorTinyMCE .categories .categories-right-icon {
      margin-left: -15px;
      cursor: pointer; }
  #StoryCreatorTinyMCE span.categories {
    padding: 5px; }
  #StoryCreatorTinyMCE .categories {
    padding: 5px; }
    #StoryCreatorTinyMCE .categories .category-link {
      margin-left: -5px; }
  #StoryCreatorTinyMCE a[data-mce-selected] {
    background: #bfe6ff; }

@-moz-document url-prefix() {
  #StoryCreatorTinyMCE .categories .categories-right-icon {
    top: 7px; } }

[data-mce-p-class~="story-social-iframe-type-2"]:before {
  content: '';
  background: white;
  width: 69px;
  height: 17px;
  position: absolute;
  margin: 0;
  cursor: default;
  opacity: 0; }

#wpcom #Story #StoryCreator {
  margin-bottom: 0; }
  #wpcom #Story #StoryCreator::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  #wpcom #Story #StoryCreator::-webkit-scrollbar-button:start:decrement, #wpcom #Story #StoryCreator::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  #wpcom #Story #StoryCreator::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  #wpcom #Story #StoryCreator::-webkit-scrollbar-thumb:vertical, #wpcom #Story #StoryCreator::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid white; }

html, body {
  box-sizing: border-box; }

.rulelog__view {
  padding: 8px;
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
  border-radius: 3px; }

.rulelog-dialog {
  min-width: 500px;
  width: 80%;
  max-width: 1024px;
  height: 80%;
  overflow: hidden;
  padding-bottom: 80px;
  font-family: "Averta"; }
  .rulelog-dialog .dialog__content {
    height: 100%;
    overflow: hidden; }
    .rulelog-dialog .dialog__content .rulelog-dialog__contenttable {
      height: 80%; }
      .rulelog-dialog .dialog__content .rulelog-dialog__contenttable .rulelog-dialog__table {
        height: 100%;
        overflow-y: auto;
        padding: 0 20px;
        margin-top: 20px; }
        .rulelog-dialog .dialog__content .rulelog-dialog__contenttable .rulelog-dialog__table .is-error {
          color: red; }
        .rulelog-dialog .dialog__content .rulelog-dialog__contenttable .rulelog-dialog__table .is-warning {
          color: red; }
      .rulelog-dialog .dialog__content .rulelog-dialog__contenttable .pagination {
        z-index: 999;
        position: absolute;
        right: 20px;
        font-size: 12px;
        margin-top: 50px; }
  .rulelog-dialog .rulelog-dialog__close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #666666;
    cursor: pointer; }

#socialShareDialog {
  width: 1000px;
  height: 560px;
  max-width: 100%;
  max-height: 100%;
  padding-top: 20px;
  overflow-y: auto; }
  #socialShareDialog .close-btn {
    position: absolute;
    right: 17px;
    top: 8px;
    font-size: 20px;
    color: #000; }

.share-social-button {
  color: white !important;
  text-transform: capitalize; }
  .share-social-button i {
    margin-right: 5px; }

#notices {
  z-index: 1000; }

.thumbnail-video .figure-caption {
  word-break: break-word;
  margin: 2px 0 5px; }

span[data-mce-object='video'] {
  width: 100%;
  display: block;
  margin: 0px !important;
  box-sizing: border-box;
  border: none !important; }
  span[data-mce-object='video'] video {
    height: auto !important;
    width: 100%; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    span[data-mce-object='video'] .mce-shim {
      z-index: -1; } }

div[data-embed-type='clip'] {
  display: none; }

.selection-toolbar__hide .mce-tinymce-inline {
  display: none !important; }

.selection-toolbar__minimize .mce-tinymce-inline {
  width: 49px !important;
  overflow: hidden; }
  .selection-toolbar__minimize .mce-tinymce-inline .mce-flow-layout-item {
    display: none;
    opacity: 1 !important; }

.selection-toolbar__minimize #mceu_20, .selection-toolbar__minimize #mceu_21,
.selection-toolbar__minimize #mceu_22 {
  display: none; }

.selection-toolbar__minimize #mceu_28 {
  display: block; }

.selection-toolbar__minimize .mce-btn-group:not(:first-child) {
  padding-left: 0;
  border: none; }

.selection-toolbar__minimize #mceu_10 {
  width: 200px;
  background: red; }

.selection-toolbar__minimize #mce-27-manual {
  width: 40px !important; }
  .selection-toolbar__minimize #mce-27-manual .left, .selection-toolbar__minimize #mce-27-manual .center,
  .selection-toolbar__minimize #mce-27-manual .right {
    display: none; }

.selection-toolbar__minimize #mceu_34 {
  display: none; }

.ic-loading {
  padding: 10px 10px 15px;
  text-align: center; }
  .ic-loading i.fa {
    position: relative;
    top: 4px;
    color: #077FC0;
    font-size: 25px; }
  .ic-loading .spinner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }

#FacebookSearch img[draggable="true"],
#FranklyVideo img[draggable="true"] {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing; }

.list-utilityblock .item-utilityblock[draggable="true"] {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing; }

.list-utilityblock .item-utilityblock .body-utilityblock {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.social-link {
  width: 100%;
  position: relative; }
  .social-link[draggable="true"] {
    cursor: move;
    cursor: grabbing;
    cursor: -webkit-grabbing; }
  .social-link .frankly-image {
    padding: 10px;
    width: auto !important; }
    .social-link .frankly-image iframe {
      width: 100%; }
  .social-link:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.01); }
  .social-link[data-action='block-grabbed'].google-map {
    border: none; }
  .social-link[data-action='block-grabbed']:before {
    background: #fafafa;
    background-image: url("/calypso/images/frankly/drag.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px; }
  .social-link.google-map {
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-top: 10px; }
  .social-link.social-link-facebook {
    margin-top: 10px; }
  .social-link.social-link-instagram {
    margin-top: 10px; }
  .social-link-youtube {
    position: relative;
    cursor: pointer;
    margin-top: 10px; }
    .social-link-youtube .youtube-title {
      position: absolute;
      width: calc(100% - 16px);
      padding: 10px 8px;
      font-size: 18px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
      font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
      color: #eee;
      -webkit-font-smoothing: antialiased;
      background-color: transparent;
      background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), transparent);
      background-image: linear-gradient(rgba(0, 0, 0, 0.7), transparent); }
    .social-link-youtube img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .social-link-youtube .large-play-button {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 68px;
      height: 48px;
      margin-left: -34px;
      margin-top: -24px;
      background-color: transparent !important; }
      .social-link-youtube .large-play-button .large-play-button-bg {
        -webkit-transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
        transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
        fill: #212121;
        fill-opacity: .8; }

.social-link-active-mac[draggable="true"] {
  cursor: move;
  cursor: grabbing;
  cursor: -webkit-grabbing; }

.social-link-active-mac:active {
  width: 386px;
  height: 200px;
  border: 1px solid #cccccc;
  background-color: #eeeeee; }
  .social-link-active-mac:active iframe {
    display: none !important; }

.box_search {
  position: relative; }

button.btn_search {
  position: absolute;
  right: 0;
  height: 38px;
  width: 38px;
  border-left: 1px solid #dbdbdb !important;
  background-color: #f4f4f4 !important;
  margin: 1px;
  color: #999;
  cursor: pointer;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important; }
  button.btn_search:hover {
    background: #077FC0 !important;
    color: #fff !important; }

.itemYoutube {
  height: 180px; }
  .itemYoutube .story-social-iframe {
    height: 100%; }

span[data-mce-p-class='story-video-iframe'] {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  box-sizing: border-box; }
  span[data-mce-p-class='story-video-iframe'] iframe,
  span[data-mce-p-class='story-video-iframe'] object {
    position: absolute;
    left: 0;
    top: 0; }
    span[data-mce-p-class='story-video-iframe'] iframe body,
    span[data-mce-p-class='story-video-iframe'] object body {
      margin: 0;
      padding: 0;
      overflow: hidden; }

span[data-mce-p-class~='story-social-iframe'] {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  box-sizing: border-box;
  border: none; }
  span[data-mce-p-class~='story-social-iframe'] iframe, span[data-mce-p-class~='story-social-iframe'] object {
    position: absolute;
    left: 0;
    top: 0; }
    span[data-mce-p-class~='story-social-iframe'] iframe body, span[data-mce-p-class~='story-social-iframe'] object body {
      margin: 0;
      padding: 0;
      overflow: hidden; }

span[data-mce-p-class~='iframe_googlemap'] {
  position: relative;
  padding-bottom: 56.25% !important; }

.filter-calendar .post-schedule__header {
  top: 11px; }

.filter-calendar.schedule-form .box-calendar .edit-post-status__full-date {
  z-index: 999; }

.filter-calendar.schedule-form .DayPicker-Day .past-day {
  border: none;
  background: #fff;
  color: inherit; }

.is-section-layout-cms-dashboard .advanced-filter__showpopup {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
  position: absolute;
  left: 15px;
  margin-top: -10px; }

.advanced-filter__cleartext {
  font-size: 12px;
  float: right;
  margin-right: 30px;
  cursor: pointer;
  padding: 3px 0; }

.advanced-filter .popover .box-calendar .cms-textInput {
  cursor: pointer; }

.popover .tip-inner,
.popover .popover__inner {
  padding: 1.5em; }

.popover.info-popover-story .popover__inner {
  left: 0; }

.frankly-search .frankly-list {
  margin-top: 15px; }

.upload-dialog {
  max-width: 800px !important;
  width: 100%; }
  .upload-dialog .dialog__content {
    color: #494949;
    font-size: 12px; }
  .upload-dialog .pull-left {
    float: left;
    width: 100%; }
  .upload-dialog .lb-error {
    padding-left: 100px;
    color: red;
    font-size: 11px;
    float: left; }
  .upload-dialog h3 {
    padding-bottom: 10px; }
  .upload-dialog a.dialog__close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer; }
  .upload-dialog .dropzone-img {
    position: relative;
    width: 160px;
    height: 160px;
    border: 2px dashed #dadada;
    padding: 5px;
    box-sizing: border-box;
    background: url("/calypso/images/pages/ic-gallery.png") no-repeat center center;
    background-size: 50px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
    .upload-dialog .dropzone-img:hover {
      border: 2px dashed #4f91ff; }
  .upload-dialog .img-preview-panel {
    float: left;
    margin-right: 15px;
    text-align: center;
    position: relative; }
    .upload-dialog .img-preview-panel img {
      max-width: 100%;
      z-index: 1;
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      top: 50%;
      padding: 2px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .upload-dialog .imgInfo-details {
    float: left;
    margin-left: 0;
    overflow: hidden;
    max-width: calc(100% - 175px);
    font-size: 12px;
    color: #000; }
    .upload-dialog .imgInfo-details li {
      list-style: none;
      margin-bottom: 10px; }
      .upload-dialog .imgInfo-details li.title_img {
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        word-wrap: break-word; }
    .upload-dialog .imgInfo-details label {
      font-weight: bold; }
  .upload-dialog button {
    cursor: pointer;
    margin-right: 10px; }
    .upload-dialog button.dialog-button {
      padding: 8px 15px;
      font-size: 12px;
      margin-top: 10px;
      border-radius: 3px;
      color: #fff; }
      .upload-dialog button.dialog-button__save {
        background-color: #077FC0;
        border-color: #077FC0; }
        .upload-dialog button.dialog-button__save:disabled {
          border-color: #c6c9ce;
          background: #c6c9ce; }
      .upload-dialog button.dialog-button__close {
        background-color: #666666; }
  .upload-dialog .extended-view {
    margin: 5px 0;
    padding: 10px 0;
    border: 1px solid #e9e9e9 !important;
    background-color: #e9e9e9 !important;
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#FFE9E9E9', GradientType=0); }

.group-input-info-img .frm-fieldset .form-text-input {
  float: left;
  width: calc(100% - 100px);
  box-sizing: border-box; }

.group-input-info-img .frm-fieldset label {
  float: left;
  width: 100px; }

.group-input-info-img .select-location {
  height: 32px;
  padding-top: 5px;
  border-width: 1px;
  border-radius: 0; }

.form-fieldset.frm-fieldset {
  margin-bottom: 10px; }
  .form-fieldset.frm-fieldset .form-text-input {
    height: 38px; }
  .form-fieldset.frm-fieldset label {
    padding-top: 10px; }

.is-section-layout-cms-dashboard #notices {
  z-index: 100203; }

.search-advance {
  position: relative;
  margin-bottom: 10px; }
  .search-advance .advanced-filter {
    position: relative;
    right: 1px;
    z-index: 22;
    width: 394px;
    left: 1px; }
    .search-advance .advanced-filter.current .advanced-filter-container {
      opacity: 1;
      visibility: visible;
      display: block; }
    .search-advance .advanced-filter.current .btn-advanced-search {
      top: -30px;
      color: #0087be; }
  .search-advance .btn-advanced-search {
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #999;
    padding: 1px 15px;
    padding-left: 10px; }
    .search-advance .btn-advanced-search:hover {
      color: #0087be; }
  .search-advance .filter-calendar {
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 0; }
    .search-advance .filter-calendar .advanced-filter__cleartext {
      position: absolute;
      right: 0px;
      top: 2px;
      color: red; }
  .search-advance .filter-source {
    width: 100%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 0; }
    .search-advance .filter-source .advanced-filter__cleartext {
      position: absolute;
      right: 0px;
      top: 2px;
      color: red; }
    .search-advance .filter-source .FranklyDropdown-root {
      font-size: 12px; }
  .search-advance .advanced-filter-container {
    opacity: 0;
    visibility: hidden;
    width: calc(100% + 2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #c8d7e1;
    margin-left: -1px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    display: none; }
    .search-advance .advanced-filter-container .tip-arrow {
      height: 0;
      line-height: 0;
      position: absolute;
      width: 0;
      right: 10px;
      z-index: 1;
      top: -9px;
      right: 7px;
      margin-left: -10px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #c8d7e1; }
      .search-advance .advanced-filter-container .tip-arrow:before {
        top: 2px;
        content: " ";
        position: absolute;
        right: -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white; }

.search-box_custom .search__input {
  position: relative !important;
  display: block !important; }

.search-box_custom .pac-item {
  cursor: pointer; }

.search-box_custom .pac-container_custom {
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; }

.set-feature-popup {
  float: left;
  text-align: left;
  min-width: 200px; }
  .set-feature-popup input {
    margin-right: 5px;
    margin-top: 0; }
  .set-feature-popup .form-label span:first-child {
    vertical-align: top; }

.feature-popup-hover {
  z-index: 900000; }

/* Placehoder body */
#placehoder-MCE {
  position: absolute;
  color: #7A7A7A; }

/* End Placehoder body */
.panelToolContent .token-field__input {
  background: none !important; }
  .panelToolContent .token-field__input::-webkit-input-placeholder {
    color: #666666;
    opacity: 1; }
  .panelToolContent .token-field__input::-moz-placeholder {
    color: #666666;
    opacity: 1; }
  .panelToolContent .token-field__input:-ms-input-placeholder {
    color: #666666 !important;
    opacity: 1; }
  .panelToolContent .token-field__input:-moz-placeholder {
    color: #666666 !important;
    opacity: 1; }

.tool-spinner {
  position: absolute;
  top: 122px;
  right: 370px;
  padding: 10px; }

.dialog___dateline .close-btn {
  position: absolute;
  top: 8px;
  right: 15px; }

.dialog___dateline .dialog__add {
  background-color: #077FC0;
  padding: 8px 16px; }

.panelByline {
  margin-top: 10px;
  position: relative; }
  .panelByline .viewAll-byline .gridicon {
    color: #4d4d4d;
    width: 15px;
    position: relative;
    top: 2px; }

.frBylinesEditor {
  width: 309px;
  border: 1px solid #ededed;
  padding: 15px;
  margin-top: 10px;
  box-shadow: 0 19px 18px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.05);
  position: absolute;
  z-index: 121;
  top: 20px;
  left: 0;
  background: #fff; }
  .frBylinesEditor .frBylinesEditorRows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box; }
    .frBylinesEditor .frBylinesEditorRows .bylineprefix .FranklyDropdown-root {
      width: 87px; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-placeholder {
      font-size: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-root.is-open .FranklyDropdown-control {
      border: 1px solid #34bce6; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-root.is-open .FranklyDropdown-arrow {
      border-bottom-color: #34bce6; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-control {
      padding: 4px 20px 2px 10px;
      min-height: 28px; }
      .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-control:before {
        width: 28px;
        height: 100%;
        right: 0;
        position: absolute;
        content: '';
        top: 0; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-menu {
      background: #f0f0f0;
      margin-top: 3px;
      padding-top: 1px; }
    .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-option {
      padding: 2px 8px;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      -o-transition: all 0.1s ease; }
      .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-option.is-selected, .frBylinesEditor .frBylinesEditorRows .FranklyDropdown-option:hover {
        background: #34bce6;
        color: #fff; }
  .frBylinesEditor .byline-full-name {
    position: relative;
    width: 160px;
    margin: 0 15px; }
    .frBylinesEditor .byline-full-name .Select {
      border: 1px solid #dbdbdb;
      border-radius: 2px; }
      .frBylinesEditor .byline-full-name .Select.is-open {
        border: 1px solid #34bce6; }
        .frBylinesEditor .byline-full-name .Select.is-open .Select-control .Select-arrow {
          border-width: 0 5px 5px;
          border-color: transparent transparent #34bce6; }
    .frBylinesEditor .byline-full-name .Select-control {
      position: relative;
      display: table;
      overflow: hidden;
      width: 100%;
      height: 25px;
      color: #333;
      background-color: #fff;
      cursor: default;
      border-spacing: 0;
      border-collapse: separate;
      outline: none; }
      .frBylinesEditor .byline-full-name .Select-control .Select-multi-value-wrapper .Select-value {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 130px;
        line-height: 25px;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #aaa; }
        .frBylinesEditor .byline-full-name .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
          font-size: 13px;
          color: #333; }
      .frBylinesEditor .byline-full-name .Select-control .Select-multi-value-wrapper .Select-input {
        height: 25px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle; }
        .frBylinesEditor .byline-full-name .Select-control .Select-multi-value-wrapper .Select-input input {
          display: inline-block;
          margin: 0;
          padding: 4px 0 4px;
          font-family: inherit;
          font-size: 13px;
          line-height: 12px;
          background: none transparent;
          border: 0 none;
          box-shadow: none;
          cursor: default;
          outline: none;
          -webkit-appearance: none; }
      .frBylinesEditor .byline-full-name .Select-control .Select-arrow-zone {
        position: relative;
        display: table-cell;
        width: 15px;
        padding-right: 5px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer; }
        .frBylinesEditor .byline-full-name .Select-control .Select-arrow-zone .Select-arrow {
          position: absolute;
          right: 10px;
          top: 50%;
          display: block;
          margin-top: -2px;
          height: 0;
          width: 0;
          content: ' ';
          border-color: #999 transparent transparent;
          border-style: solid;
          border-width: 5px 5px 0; }
    .frBylinesEditor .byline-full-name .Select-menu-outer {
      position: absolute;
      top: 100%;
      z-index: 1000;
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 3px;
      padding-top: 1px;
      width: 100%;
      max-height: 200px;
      border: 1px solid #dbdbdb;
      background: #f0f0f0;
      color: rgba(51, 51, 51, 0.8);
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
      box-sizing: border-box; }
      .frBylinesEditor .byline-full-name .Select-menu-outer .Select-option {
        overflow-x: hidden;
        padding: 2px 8px;
        width: 100%;
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease; }
        .frBylinesEditor .byline-full-name .Select-menu-outer .Select-option.is-selected {
          background: #34bce6;
          color: #fff; }
        .frBylinesEditor .byline-full-name .Select-menu-outer .Select-option:hover {
          background: #34bce6;
          color: #fff; }
  .frBylinesEditor .deleteByline a {
    font-size: 13px;
    color: #888888;
    display: inline-block;
    margin-top: 8px; }
    .frBylinesEditor .deleteByline a:hover {
      color: red; }
    .frBylinesEditor .deleteByline a .fa-minus {
      margin-right: 10px; }
  .frBylinesEditor .btn-group-custom {
    margin-top: 30px;
    padding-right: 50px; }
    .frBylinesEditor .btn-group-custom .btn-small-custom {
      padding: 3px;
      width: 75px; }
      .frBylinesEditor .btn-group-custom .btn-small-custom.btn-custom-cancle {
        margin-left: 10px; }

#socialShareDialog .modal-box:before {
  opacity: 0.5; }

.confirm__backdrop.is-full-screen {
  z-index: 9999999; }

@-webkit-keyframes loaderline {
  0%, 100% {
    box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec; }
  50% {
    box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec; } }

@keyframes loaderline {
  0%, 100% {
    box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec; }
  50% {
    box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec; } }

.loaderline {
  width: 3px;
  height: 20px;
  background: #0052ec;
  position: relative;
  -webkit-animation: loader09 1s ease-in-out infinite;
          animation: loader09 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  top: 10px;
  margin: -25px 10px 0 10px;
  display: inline-block;
  position: relative; }
  .loaderline.loaderline-save {
    opacity: 0.2;
    height: 25px; }
  .loaderline:before, .loaderline:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 20px;
    background: #0052ec;
    -webkit-animation: loaderline 1s ease-in-out infinite;
            animation: loaderline 1s ease-in-out infinite; }
  .loaderline:before {
    right: 5px;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .loaderline:after {
    left: 5px;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s; }

#save-err-message {
  color: red; }

.popover.info-popover__tooltip {
  z-index: 999999; }

.popover.info-popover__tooltip.story-info-popover {
  z-index: 90000; }
  .popover.info-popover__tooltip.story-info-popover .tip-inner,
  .popover.info-popover__tooltip.story-info-popover .popover__inner {
    max-width: 300px;
    text-align: justify; }

.btn-group-custom {
  padding-top: 15px;
  border-top: 1px solid #f1f1f1;
  margin-top: 15px; }
  .btn-group-custom button {
    margin: 0 2px;
    text-transform: none;
    font-family: "Averta"; }

.box-geolocations {
  border: 1px solid #dbdbdb;
  position: relative; }
  .box-geolocations .form-text-input {
    border: none;
    padding-right: 32px; }
  .box-geolocations .btn-add {
    position: absolute;
    width: 32px;
    height: 100%;
    font-size: 15px;
    text-align: center;
    color: #888;
    top: 0;
    right: 0;
    cursor: pointer;
    line-height: 40px; }
    .box-geolocations .btn-add:hover {
      color: red; }

.box-listgeolocations {
  border: 1px solid #dbdbdb;
  margin-top: 10px;
  padding: 10px;
  min-height: 18px; }
  .box-listgeolocations .item-geolocation {
    background: #0087be;
    color: #fff;
    padding: 2px 10px;
    border-radius: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px;
    margin-bottom: 4px;
    font-size: 13px;
    max-width: 100%;
    box-sizing: border-box; }
    .box-listgeolocations .item-geolocation .geolocation-title {
      float: left;
      width: 95%;
      margin-right: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .box-listgeolocations .btn-remove {
    cursor: pointer; }
    .box-listgeolocations .btn-remove:hover {
      color: red; }

#option-national-ads-div label {
  float: right;
  padding-top: 4px; }

.masterbar {
  z-index: 66000; }

#hasFeatured {
  display: none; }

.btn-addnew {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  background: none !important;
  border: 1px solid #dbdbdb !important;
  min-height: 42px;
  padding: 15px;
  text-transform: uppercase;
  color: #666; }

.modal-dialog__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  font-family: "Averta";
  z-index: 122; }
  .modal-dialog__backdrop .modal-dialog {
    box-shadow: 0 -3px 18px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #ededed;
    width: 100%;
    max-width: 650px; }
    .is-ie .modal-dialog__backdrop .modal-dialog {
      margin: 0;
      -webkit-transform: none;
              transform: none; }
  .modal-dialog__backdrop p {
    font-size: 13px; }
  .modal-dialog__backdrop .info-codeblock {
    margin-left: 10px;
    position: relative;
    top: 2px; }
  .modal-dialog__backdrop .btn-custom-blue[disabled] {
    background-color: #c8d7e1 !important;
    color: #F1F1F1 !important;
    border-color: #c8d7e1 !important;
    cursor: not-allowed;
    pointer-events: none; }

.form-code input[type='text'], .form-code textarea {
  font-family: "Averta";
  font-size: 14px !important; }
  .form-code input[type='text']::-webkit-input-placeholder, .form-code textarea::-webkit-input-placeholder {
    color: #666666;
    opacity: 1; }
  .form-code input[type='text']::-moz-placeholder, .form-code textarea::-moz-placeholder {
    color: #666666;
    opacity: 1; }
  .form-code input[type='text']:-ms-input-placeholder, .form-code textarea:-ms-input-placeholder {
    color: #666666 !important;
    opacity: 1; }
  .form-code input[type='text']:-moz-placeholder, .form-code textarea:-moz-placeholder {
    color: #666666 !important;
    opacity: 1; }

.form-code h1 {
  font-family: 'Averta-Semibold';
  text-transform: uppercase;
  margin-bottom: 10px; }

.form-code .field-row {
  margin-bottom: 20px; }
  .form-code .field-row .message {
    margin-top: 5px; }

.form-code .tooltip-right .info-tooltip-content {
  max-width: 450px !important;
  font-family: "Averta"; }

.list-pdf,
.list-slideshow,
.list-utilityblock {
  margin-top: 22px; }
  .list-pdf .item-utilityblock,
  .list-slideshow .item-utilityblock,
  .list-utilityblock .item-utilityblock {
    padding: 14px;
    margin-bottom: 22px;
    border: 1px solid #eeeeee;
    background: #f7f7f7;
    overflow: hidden; }
    .list-pdf .item-utilityblock .title-utilityblock,
    .list-slideshow .item-utilityblock .title-utilityblock,
    .list-utilityblock .item-utilityblock .title-utilityblock {
      margin-bottom: 9px; }
    .list-pdf .item-utilityblock .body-utilityblock,
    .list-slideshow .item-utilityblock .body-utilityblock,
    .list-utilityblock .item-utilityblock .body-utilityblock {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .list-pdf .item-utilityblock .body-utilityblock .size,
      .list-slideshow .item-utilityblock .body-utilityblock .size,
      .list-utilityblock .item-utilityblock .body-utilityblock .size {
        font-size: 12px;
        float: right; }
    .list-pdf .item-utilityblock pre.body-utilityblock,
    .list-slideshow .item-utilityblock pre.body-utilityblock,
    .list-utilityblock .item-utilityblock pre.body-utilityblock {
      height: 125px;
      overflow: hidden;
      font-family: "Averta";
      font-size: 13px;
      background: #fff;
      border: 1px solid #eeeeee;
      padding: 10px; }
    .list-pdf .item-utilityblock .body-utilityblock[disabled],
    .list-slideshow .item-utilityblock .body-utilityblock[disabled],
    .list-utilityblock .item-utilityblock .body-utilityblock[disabled] {
      background: #fff !important;
      color: #2e4453 !important;
      -webkit-text-fill-color: #2e4453 !important;
      overflow-y: hidden;
      height: 125px;
      resize: none;
      font-family: "Averta";
      font-size: 13px !important; }
    .list-pdf .item-utilityblock .story-link,
    .list-slideshow .item-utilityblock .story-link,
    .list-utilityblock .item-utilityblock .story-link {
      font-size: 13px; }

.list-slideshow .item-slideshow {
  padding: 14px;
  margin-bottom: 22px;
  border: 1px solid #ececec;
  background: #fff;
  overflow: hidden; }

.list-slideshow .slideshow-icon {
  margin-right: 15px;
  float: left; }

.list-slideshow .slideshow-info {
  padding-left: 80px; }
  .list-slideshow .slideshow-info .slideshow-headline {
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    color: #2a2e33;
    font-size: 14px; }
  .list-slideshow .slideshow-info .slideshow-no {
    text-transform: uppercase;
    margin-top: 5px;
    display: block;
    font-weight: lighter;
    font-size: 12px;
    color: #5e5e5e; }

@-moz-document url-prefix() {
  #mce-27-manual {
    width: 185px !important;
    min-height: 44px;
    text-align: center; } }

.title-codeblock {
  background: #f7f7f7;
  min-height: 42px;
  border-bottom: 1px solid #dddddd;
  line-height: 42px;
  text-align: center;
  font-weight: bold;
  z-index: 2;
  position: relative;
  display: block; }
  .title-codeblock:before {
    font-weight: 400; }
  .title-codeblock:after {
    content: attr(data-title); }

.codeblock-panel {
  position: relative;
  width: 100%;
  height: 194px;
  overflow: hidden;
  padding-bottom: 78px;
  display: block; }
  .codeblock-panel::before {
    content: '';
    position: absolute;
    width: calc(100% - 50px);
    height: 50px;
    top: 0;
    left: 0;
    z-index: 3; }
  .codeblock-panel.codeblock__mark::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 35px; }
  .codeblock-panel.codeblock__overlay::before {
    content: '';
    position: absolute;
    width: 102%;
    height: 106%;
    bottom: -3%;
    left: -1%;
    z-index: 999999; }
  .codeblock-panel .mce-preview-object {
    border: none;
    display: block;
    height: 100%; }
  .codeblock-panel p {
    margin-bottom: 0; }
  .codeblock-panel iframe {
    width: 100%;
    min-height: 150px;
    height: 100%; }
  .codeblock-panel .resize-control {
    background: #f7f7f7;
    text-align: center;
    font-size: 18px;
    display: block;
    padding: 8px 0;
    color: #666;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: thin solid #ddd;
    cursor: s-resize;
    height: 18px;
    color: transparent;
    text-shadow: 0 0 0 #18191a; }
    .codeblock-panel .resize-control:after {
      content: attr(data-resize-num);
      background: transparent;
      position: absolute;
      top: 0;
      right: 20px;
      font-size: 13px;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-weight: 600;
      height: 100%;
      text-align: right;
      line-height: 3; }
    .codeblock-panel .resize-control:before {
      content: '';
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEUAAACqqqr+/v4vLy/6+vr+/v7+/v4AAABzc3Nvb2////+2trbJycnr6+vPz891dXVzc3OhoaF3d3eioqJ9fX2goKC+vr5/f3/Ly8t8fHz+/v4NyOEeAAAAG3RSTlMAjgtAaEpbR3wQA3dyanYndRN+L4g2mjByeR/NwbV+AAAARklEQVR4XmMgDTAzokqwM7KgybMxockzoctziqLJc/ChynNws6LK87ByEZLnF4DLCwoB5YVFeMECYkB5cQmgfkleKQYiAADT4wJh2XodKgAAAABJRU5ErkJggg==") no-repeat 100% 100%;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      z-index: 1; }
  .codeblock-panel .codeblock-slider {
    position: absolute;
    top: 8px;
    right: 20px;
    z-index: 12;
    width: 120px;
    padding: 2px;
    border: thin solid #dddddd;
    display: none; }
    .codeblock-panel .codeblock-slider div {
      width: 50%;
      display: inline-block;
      float: left;
      text-align: center;
      color: #909090;
      font-weight: 600;
      padding: 2px 0;
      font-size: 15px;
      cursor: pointer; }
      .codeblock-panel .codeblock-slider div.active {
        background: #909090;
        color: #fff;
        border: none; }
      .codeblock-panel .codeblock-slider div:after {
        content: attr(title); }
  .codeblock-panel .codeblock-ratio {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 12;
    font-size: 18px; }
    .codeblock-panel .codeblock-ratio__setting {
      color: #818284;
      cursor: pointer;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all ease 0.15s;
      transition: all ease 0.15s; }
    .codeblock-panel .codeblock-ratio__settinglist {
      position: absolute;
      width: 70px;
      right: -9px;
      top: 32px;
      font-size: 13px;
      background: #fff;
      border: thin solid #ddd;
      border-top: none;
      display: none; }
      .codeblock-panel .codeblock-ratio__settinglist span {
        display: block;
        padding: 4px 0 4px 20px;
        text-transform: capitalize; }
        .codeblock-panel .codeblock-ratio__settinglist span.header {
          padding-bottom: 6px;
          border-bottom: thin solid #ddd; }
          .codeblock-panel .codeblock-ratio__settinglist span.header::after {
            font-weight: bold;
            content: attr(title); }
        .codeblock-panel .codeblock-ratio__settinglist span.codeblock-ratio__element::before {
          position: absolute;
          left: 3px; }
        .codeblock-panel .codeblock-ratio__settinglist span.codeblock-ratio__element::after {
          content: attr(title); }
        .codeblock-panel .codeblock-ratio__settinglist span.codeblock-ratio__element:hover {
          color: #fff;
          background: #18191a;
          cursor: pointer; }
    .codeblock-panel .codeblock-ratio.toggle-on .codeblock-ratio__settinglist {
      display: block !important; }
  .codeblock-panel[data-ratio='fixed'] .codeblock-ratio__element:nth-child(2)::before {
    content: "\f00c"; }
  .codeblock-panel[data-ratio='auto'] .codeblock-ratio__element:nth-child(3)::before {
    content: "\f00c"; }
  .codeblock-panel[data-ratio='16:9'] .codeblock-ratio__element:nth-child(4)::before {
    content: "\f00c"; }
  .codeblock-panel[data-ratio='4:3'] .codeblock-ratio__element:nth-child(5)::before {
    content: "\f00c"; }

.story-manual-tool {
  position: relative; }
  .story-manual-tool .mce-tooltip {
    display: none;
    top: 100%;
    left: -50%; }
    .story-manual-tool .mce-tooltip .mce-tooltip-inner {
      white-space: nowrap; }
  .story-manual-tool:hover > .mce-tooltip {
    display: block; }

.mce-contextmenu.mce-menu .mce-menu-item-sep {
  margin: 5px 1px;
  height: initial; }

.mce-menubtn[aria-label*="Font Sizes"] span {
  width: 40px !important; }

#mceu_33[style*='opacity: 0'] {
  z-index: -1000 !important; }

.mce-visual-caret {
  display: none; }

.info-popover-story {
  font-family: "Averta";
  font-size: 13px; }
  .info-popover-story button {
    font-family: "Averta"; }

#google-tool-area #map > div {
  background: none !important; }

#google-tool-area .drag-map {
  opacity: 0;
  height: 0 !important;
  overflow: hidden; }

#google-tool-area .gm-bundled-control.gm-bundled-control-on-bottom {
  z-index: 200; }
  #google-tool-area .gm-bundled-control.gm-bundled-control-on-bottom .gm-svpc {
    display: none; }

#google-tool-area .google-cover-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

#google-tool-area .zoom-googlemap {
  cursor: pointer;
  width: 28px;
  height: 55px;
  right: 15px;
  bottom: 29px;
  position: absolute;
  z-index: 3; }

#google-tool-area .zoom-in, #google-tool-area .zoom-out {
  position: relative;
  width: 28px;
  height: 27px;
  left: 0px;
  top: 0px;
  overflow: hidden; }
  #google-tool-area .zoom-in > div, #google-tool-area .zoom-out > div {
    overflow: hidden;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 7px;
    top: 6px; }

.story-preview.modal-preview-layout {
  max-width: 100%;
  max-width: 98%;
  padding: 0; }
  .story-preview.modal-preview-layout .responsivator {
    background: #087fc1;
    margin-left: 0;
    text-align: left;
    padding: 0; }
    .story-preview.modal-preview-layout .responsivator li {
      min-width: 50px;
      box-sizing: border-box;
      text-align: center;
      opacity: 1;
      border-right: 1px solid #0174b3; }
      .story-preview.modal-preview-layout .responsivator li a {
        display: block;
        padding: 15px 15px;
        color: #fff;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
      .story-preview.modal-preview-layout .responsivator li:hover, .story-preview.modal-preview-layout .responsivator li.active {
        background: #0174b3 !important; }
  @media (min-width: 992px) {
    .story-preview.modal-preview-layout .computer.modal-container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .story-preview.modal-preview-layout .computer.modal-container {
      width: 1170px; } }
  @media (min-width: 1470px) {
    .story-preview.modal-preview-layout .computer.modal-container {
      width: 1440px; } }
  @media (min-width: 1200px) {
    .story-preview.modal-preview-layout .xl.modal-container {
      width: 1170px; } }
  @media (min-width: 1470px) {
    .story-preview.modal-preview-layout .xl.modal-container {
      width: 1440px; } }
  .story-preview.modal-preview-layout .lg {
    width: 992px;
    max-width: 100%; }
  .story-preview.modal-preview-layout .sm {
    width: 576px;
    max-width: 100%; }
  .story-preview.modal-preview-layout .tablet, .story-preview.modal-preview-layout .md {
    width: 768px;
    max-width: 100%; }
  .story-preview.modal-preview-layout .phone, .story-preview.modal-preview-layout .xs {
    width: 360px;
    max-width: 100%; }
  .story-preview.modal-preview-layout #desktop {
    width: auto;
    height: auto;
    margin-right: 0;
    background: none; }

.utilityblock__textarea {
  resize: none; }

.resize-control__mark {
  width: 100%;
  height: 100%;
  color: transparent;
  opacity: 0; }

.btn-cancel {
  margin-left: 20px; }

.gallery-photos > div {
  width: 50px !important;
  height: 50px;
  padding: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  background: #fff;
  box-sizing: border-box; }
  .gallery-photos > div img {
    height: 46px;
    width: 46px; }

.gallery-photos {
  position: relative;
  height: 50px;
  margin-left: 10px;
  float: left;
  top: 0px; }

.gallery-photos div:nth-child(1) {
  z-index: 3;
  top: 0;
  left: 0; }

.gallery-photos div:nth-child(2) {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  z-index: 2;
  left: -4px;
  top: -1px; }

.gallery-photos div:nth-child(3) {
  -webkit-transform: rotate(-22deg);
          transform: rotate(-22deg);
  z-index: 1;
  left: -8px;
  top: -3px; }

[data-mml-type="code"] {
  display: none; }

.overlapPopover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9; }

.image-featured-list {
  pointer-events: none; }

.featuredImgControl {
  position: absolute;
  padding: 20px 25px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff !important;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .featuredImgControl i.fa {
    font-size: 40px; }
  .featuredImgControl__left {
    left: 0; }
  .featuredImgControl__right {
    right: 0; }
  .featuredImgControl:hover {
    color: #fff;
    padding: 20px 29px; }
    .featuredImgControl:hover .featuredImgControl__left {
      left: 15px; }
    .featuredImgControl:hover .featuredImgControl__right {
      right: 15px; }
  .featuredImgControl:active {
    color: #fff; }

.button.frankly-save-btn, #wpcom #Story .button.frankly-save-btn {
  background-color: #4f91ff;
  border: none;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  font-family: "Averta";
  border-radius: 0;
  font-weight: 600;
  padding: 5px 10px; }
  .button.frankly-save-btn[disabled], .editor-drawer-well__placeholder[disabled] .frankly-save-btn.editor-drawer-well__button, #wpcom #Story .button.frankly-save-btn[disabled], #wpcom #Story .editor-drawer-well__placeholder[disabled] .frankly-save-btn.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled] #wpcom #Story .frankly-save-btn.editor-drawer-well__button {
    background-color: rgba(79, 145, 255, 0.6) !important;
    color: #FFF;
    cursor: not-allowed;
    border: none;
    pointer-events: none; }
  .button.frankly-save-btn:hover, #wpcom #Story .button.frankly-save-btn:hover {
    background-color: #34bbe6;
    border: none; }
  .button.frankly-save-btn:active, #wpcom #Story .button.frankly-save-btn:active {
    background-color: #4782e5;
    border: none; }
  .button.frankly-save-btn:focus, #wpcom #Story .button.frankly-save-btn:focus {
    background-color: #4782e5;
    border: none; }

.button.frankly-cancel-btn, #wpcom #Story .button.frankly-cancel-btn {
  color: #18191a;
  border: none;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  font-family: "Averta";
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.08);
  font-weight: 600;
  padding: 5px 10px; }
  .button.frankly-cancel-btn[disabled], .editor-drawer-well__placeholder[disabled] .frankly-cancel-btn.editor-drawer-well__button, #wpcom #Story .button.frankly-cancel-btn[disabled], #wpcom #Story .editor-drawer-well__placeholder[disabled] .frankly-cancel-btn.editor-drawer-well__button, .editor-drawer-well__placeholder[disabled] #wpcom #Story .frankly-cancel-btn.editor-drawer-well__button {
    background-color: rgba(0, 0, 0, 0.08) !important;
    color: #FFF;
    cursor: not-allowed;
    border: none;
    pointer-events: none; }
  .button.frankly-cancel-btn:hover, #wpcom #Story .button.frankly-cancel-btn:hover {
    background-color: rgba(0, 0, 0, 0.08);
    border: none;
    color: #18191a; }
  .button.frankly-cancel-btn:active, #wpcom #Story .button.frankly-cancel-btn:active {
    background-color: rgba(0, 0, 0, 0.18);
    border: none;
    color: #18191a; }
  .button.frankly-cancel-btn:focus, #wpcom #Story .button.frankly-cancel-btn:focus {
    background-color: rgba(0, 0, 0, 0.18);
    border: none;
    color: #18191a; }

.is-ie .spinner.is-fallback .spinner__progress {
  top: 0; }

.is-ie .modal-dialog.card, .is-ie .modal-dialog.editor-drawer-well__placeholder {
  margin: 0; }

.is-ie .range-datetime {
  width: 205px; }

.is-ie .box-calendar .cms-textInput {
  line-height: 1; }

.story-editor-cms span.categories {
  width: inherit; }

div[data-mml-type~="relatedcategory"].left {
  float: left; }

div[data-mml-type~="relatedcategory"].right {
  float: right; }

div[data-mml-type~="relatedcategory"].center {
  display: table;
  margin-left: auto;
  margin-right: auto; }

.popup-categories .headline > input {
  border: none;
  color: black;
  font-weight: bold;
  width: 100%;
  font-size: 25px !important;
  min-width: 500px; }

.popup-categories .stories-option:disabled, .popup-categories .bullet-option:disabled {
  opacity: 0.3; }

.popup-categories .message {
  font-size: 12px;
  color: red; }

.popup-categories .radio-group {
  display: inline-block; }
  .popup-categories .radio-group .radio-item {
    display: inline-block;
    margin-right: 20px;
    min-width: 140px; }
  .popup-categories .radio-group .select-option {
    display: inline-block; }
    .popup-categories .radio-group .select-option .stories-option {
      height: 35px;
      margin-left: -15px;
      margin-top: -5px; }
  .popup-categories .radio-group .bullet-option {
    margin-left: 5px;
    width: 140px;
    margin-top: -5px; }

.popup-categories .categories-popup-body {
  color: #000000; }

.popup-categories .stories-area {
  min-width: 600px;
  margin-top: -25px; }

#scroll-icon-area .scroll-up {
  position: fixed;
  top: 90px !important;
  width: calc(100% - 200px);
  left: 0;
  height: 50px;
  z-index: 3; }
  #scroll-icon-area .scroll-up .up-icon {
    position: absolute;
    top: 10px;
    left: 60%;
    color: black; }
  #scroll-icon-area .scroll-up:hover .up-icon {
    color: green; }

#scroll-icon-area .scroll-down {
  position: fixed;
  bottom: -1px;
  width: calc(100% - 200px);
  left: 0;
  height: 50px;
  z-index: 3; }
  #scroll-icon-area .scroll-down .down-icon {
    position: absolute;
    bottom: 10px;
    left: 60%;
    color: black; }
  #scroll-icon-area .scroll-down:hover .down-icon {
    color: green; }

#category-rightrail-popup .rr-headline {
  color: black;
  display: inline-block;
  margin-right: 5px; }

#category-rightrail-popup .info-tooltip {
  top: 2px; }

#category-rightrail-popup .remove-icon {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer; }

#category-rightrail-popup .categories-popup-body {
  color: #000000;
  min-width: 600px;
  margin-top: -20px; }

.accessible-focus .search.has-focus {
  box-shadow: none; }

.assign-edit-popup {
  width: 800px;
  max-width: 100%; }
  .assign-edit-popup h1.assign-popup-title {
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 170px);
    display: inline-block;
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }
    span .assign-edit-popup h1.assign-popup-title {
      color: #999;
      font-weight: normal; }
  .assign-edit-popup span.assign-popup-title {
    color: #999;
    font-weight: normal;
    vertical-align: top;
    font-size: 1.375em;
    line-height: 2em; }
  .assign-edit-popup .info-tooltip-area .info-tooltip {
    top: -23px;
    width: 20px; }
    .is-safari .assign-edit-popup .info-tooltip-area .info-tooltip {
      top: 0px; }
  .assign-edit-popup .popup-close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #000;
    font-size: 20px; }
  .assign-edit-popup .assign-popup-body {
    max-height: calc(100vh - 175px);
    overflow-y: auto;
    margin-bottom: 10px;
    margin-left: -24px;
    margin-right: -24px;
    color: black; }
    .assign-edit-popup .assign-popup-body::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .assign-edit-popup .assign-popup-body::-webkit-scrollbar-button:start:decrement, .assign-edit-popup .assign-popup-body::-webkit-scrollbar-button:end:increment {
      display: block;
      height: 0;
      background-color: transparent; }
    .assign-edit-popup .assign-popup-body::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px; }
    .assign-edit-popup .assign-popup-body::-webkit-scrollbar-thumb:vertical, .assign-edit-popup .assign-popup-body::-webkit-scrollbar-thumb:horizontal {
      background-color: #c8d7e1;
      -webkit-border-radius: 8px;
      border: 1px solid white; }
    .assign-edit-popup .assign-popup-body table {
      border-top: 1px solid #F0F0F0;
      border-bottom: 1px solid #F0F0F0;
      margin-bottom: 20px; }
      .assign-edit-popup .assign-popup-body table td {
        line-height: 20px !important; }
        .assign-edit-popup .assign-popup-body table td.priority-field input {
          width: 30px;
          height: 25px;
          padding: 0;
          text-align: center; }
      .assign-edit-popup .assign-popup-body table > tbody > tr > td {
        border: none; }
        .assign-edit-popup .assign-popup-body table > tbody > tr > td.priority-field {
          text-align: center;
          border-left: 1px solid #F0F0F0;
          border-right: 1px solid #F0F0F0; }
        .assign-edit-popup .assign-popup-body table > tbody > tr > td.format-field {
          width: 310px;
          padding-left: 24px; }
          .assign-edit-popup .assign-popup-body table > tbody > tr > td.format-field input {
            margin-right: 15px; }
      .assign-edit-popup .assign-popup-body table > thead > tr > th {
        border-right: 1px solid #F0F0F0;
        border-bottom: 1px solid #F0F0F0; }
        .assign-edit-popup .assign-popup-body table > thead > tr > th.format-field {
          padding-left: 24px; }
        .assign-edit-popup .assign-popup-body table > thead > tr > th.priority-field {
          text-align: center;
          width: 60px; }
      .assign-edit-popup .assign-popup-body table .empty-field {
        width: 25px; }

.is-section-social-settings #header {
  z-index: 100; }

body.hide-selection-toolbar #mceu_34 {
  display: none; }

.features-video-iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0 7px; }

.toggle-button {
  height: 20px; }
  .toggle-button .mode-list {
    margin-top: 2px; }
  .toggle-button .toggle-image.fa-th-large {
    font-size: 24px; }
  .toggle-button .toggle-selection {
    color: gray; }
  .toggle-button .toggle-double-view {
    color: black; }
  .toggle-button .toggle-image {
    height: 20px;
    float: right;
    margin-left: 5px; }
    .toggle-button .toggle-image:hover {
      cursor: pointer; }

.mce-item-table {
  word-break: break-all; }

.frankly-protocol-input::before {
  content: "" attr(frankly-protocol) ""; }

.frankly-protocol-input .mce-txt {
  display: none; }

.frankly-protocol-input .mce-caret {
  display: none; }

@media only screen and (max-width: 1366px) {
  .mce-window.mce-in {
    margin-top: 40px; } }

.FrmUniversalFind label.form-label {
  color: #2e4453;
  font-size: 13px;
  font-weight: 400; }

.FrmUniversalFind .form-fieldset {
  margin-bottom: 15px; }

.selectFull {
  width: 100%; }

.FrmUniversalFind select {
  font-weight: 400;
  font-size: 13px; }

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

.calendar-picker {
  float: left;
  max-width: 180px;
  width: 40%; }

.calendar-label {
  float: left;
  min-width: 50px;
  text-align: center; }

.section-title {
  color: #4f748e;
  font-size: 2rem;
  font-weight: 400;
  margin: 0.5em 0; }

.subtitle {
  font-size: 1.4rem; }

.mar0t {
  margin-top: 0; }

.heading-block {
  color: #354b5e;
  margin-bottom: 20px;
  position: relative;
  text-align: left;
  padding-bottom: 1px; }
  .heading-block:before, .heading-block:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    z-index: 9;
    background: #e9eff3; }
  .heading-block:after {
    margin: 20px 0 0;
    background: #6685a4 !important;
    z-index: 10;
    width: 80px; }

.checkbox-inline {
  display: inline-block;
  margin-right: 20px;
  color: #2e4453;
  font-size: 13px;
  font-weight: 400; }

.fullmain {
  max-width: 100%;
  font-size: 13px; }

.table-storyList select {
  font-size: 13px;
  font-weight: 400;
  padding: 2px 30px 3px 8px;
  margin-right: 3px; }

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

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

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

.table-storyList input[type="checkbox"] {
  float: none; }

.mar3l {
  margin-left: 3px; }

.mar20b {
  margin-bottom: 20px; }

.mar24tb {
  margin-top: 24px;
  margin-bottom: 24px; }

.mar10r {
  margin-right: 10px; }

.pd5t {
  padding-top: 5px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.story__list .story__title {
  color: #2e4453;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.33333em; }

.contentSource-label {
  float: left;
  padding-top: 10px;
  margin-right: 10px; }

.pagination-list {
  margin-right: 5px; }

.pagination-list li {
  display: inline-block;
  float: left;
  list-style: outside none none;
  margin: 0 2px; }

.pagination-list .pagination li a {
  padding: 3px 8px;
  min-width: 10px;
  text-align: center; }

.pagination > li > a, .pagination > li > span {
  background-color: #fff;
  border: 1px solid #c8d7e1;
  color: #777;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

.pagination > li.active a, .pagination > li:hover a {
  background-color: #2e4453;
  border: 1px solid #2e4453;
  color: #fff; }

.pg-input {
  max-width: 50px;
  display: inline-block;
  max-height: 27px;
  font-size: 13px !important;
  padding: 2px 5px !important;
  margin: 0 5px !important;
  border-radius: 3px;
  text-align: center; }

.pg-selbox {
  max-height: 27px;
  display: inline-block;
  min-width: 80px;
  font-size: 13px !important;
  padding-top: 2px; }

.listAction {
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

.table-storyList .table > tbody tr:hover td > .listAction {
  opacity: 1; }

.table-storyList .table > tbody tr:hover td > .story__title {
  color: #0087be; }

.listAction .button {
  background: none;
  text-transform: none; }

.itemName {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/**
 * App config
 *
 */
.item-app {
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e9eff3; }
  .item-app:last-child {
    margin-bottom: 14px; }
  .item-app select {
    font-weight: normal;
    width: 100%; }
  .item-app .app-title {
    display: block;
    width: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.1em;
    text-overflow: inherit;
    white-space: inherit; }
    .item-app .app-title span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block; }

.app-title {
  font-size: 1.2em;
  font-weight: 700;
  position: relative;
  top: 6px; }

.icon-app {
  box-sizing: border-box;
  float: left;
  height: 48px;
  margin-right: 15px;
  padding-top: 2px;
  position: relative;
  text-align: center;
  top: -3px;
  width: 48px; }
  .icon-app img {
    max-width: 40px; }

.button-group-app button, .button-group-app a {
  margin-top: 5px;
  padding: 7px 5px !important; }

.navbar-usermenu .dropdown-usermenu {
  z-index: 10; }
  .navbar-usermenu .dropdown-usermenu a {
    padding: 10px 16px 10px 55px !important; }

@media (max-width: 1150px) {
  .item-app {
    padding-bottom: 0;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
    border-bottom: none; }
  .none-bg {
    background: none;
    box-shadow: none; }
  .item-app .button-group-app {
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    font-size: 0.93333em;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    padding-left: 0;
    padding-right: 0;
    border-top: solid 1px rgba(200, 215, 225, 0.5);
    width: 100%; }
  .item-app .button-group-app > button {
    border: none;
    border-left: solid 1px rgba(200, 215, 225, 0.5);
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-align: center;
    margin-top: 0;
    padding: 10px 5px !important;
    font-weight: normal;
    text-transform: capitalize; }
    .item-app .button-group-app > button:first-child {
      border-left: none; }
  .item-app .col-sm-5 > select {
    width: 100%;
    margin: 15px 0;
    font-weight: normal; } }

.is-section-frankly-menus .menus__items .inputColor .form-text-input-with-affixes__suffix,
.is-section-edit-app .menus__items .inputColor .form-text-input-with-affixes__suffix {
  margin-top: -1px; }

.global-setting label.form-label {
  font-weight: normal;
  font-size: 12px; }

.global-setting .card, .global-setting .editor-drawer-well__placeholder {
  margin-bottom: 10px; }

.global-setting .form-fieldset {
  margin-bottom: 15px; }

.global-setting .form-text-input {
  font-size: 12px; }

.global-setting .foldable-card__header {
  padding: 0; }

.global-setting .form-legend {
  border-top: 1px dashed #ccc;
  padding-top: 15px;
  margin-bottom: 10px;
  clear: both;
  width: 100%; }
  .global-setting .form-legend:first-child {
    border: none;
    padding-top: 0; }

.global-setting input[type="checkbox"] + span, .global-setting .checkbox-tristate + span, .global-setting input[type="radio"] + span {
  font-size: 12px; }

.global-setting .form-fieldset.error {
  color: red; }
  .global-setting .form-fieldset.error input {
    border: 1px solid red; }

.global-setting div.border-top {
  padding-top: 15px;
  border-top: 1px dashed #ccc !important; }

.mar10b {
  margin-bottom: 10px; }

.list-channel li.item-channel {
  list-style: none;
  padding: 10px;
  margin-bottom: 10px;
  background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 50%) repeat scroll 0 0;
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%) repeat scroll 0 0; }
  .list-channel li.item-channel .form-fieldset:last-child {
    margin-bottom: 1px; }

.list-channel .delete-bnt {
  border: none;
  background: none; }
  .list-channel .delete-bnt:focus {
    border: none; }

.display-none {
  display: none; }

.subsection {
  margin-left: 45px; }

.txtExplanation .tip-inner {
  max-width: 260px !important; }

.txtExplanation svg {
  margin-left: 5px;
  position: relative;
  top: 4px; }

.resultLocation .collapse-card.card.isDefault .collapse-card__header:before, .resultLocation .collapse-card.isDefault.editor-drawer-well__placeholder .collapse-card__header:before {
  color: #0068ff; }

.resultLocation .form-input-validation.is-error {
  clear: both;
  margin-left: 0px;
  padding-bottom: 0;
  padding-top: 9px; }

.resultLocation .collapse-card__header {
  position: relative; }
  .resultLocation .collapse-card__header::before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f041";
    left: -6px;
    top: 12px;
    font-size: 20px; }

@media (max-width: 767px) {
  label.form-label.is-mobile {
    float: left;
    margin-right: 15px; } }

@media (max-width: 660px) {
  .global-setting label.form-label.is-mobile {
    float: left;
    margin-right: 15px; } }

.row-defaultLocation > div.pull-left .form-toggle__label {
  position: relative;
  top: -2px;
  margin-left: 15px; }

.social-modal-box {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: inherit !important; }

.doter {
  border-top: 1px dashed #ccc;
  height: 1px;
  width: 100%;
  margin: 10px 0px; }

.star_msg_summary {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 5px;
  display: block;
  text-align: right;
  margin-right: 10px; }

.resultLocation label.col-md-2.control-label {
  padding-right: 0px; }

.more-detail {
  font-style: italic;
  text-decoration: underline !important;
  font-weight: normal !important;
  color: #2a2e33 !important;
  display: block !important;
  background-image: none !important; }

.ul_summaryErrors {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease; }
  .ul_summaryErrors li {
    font-style: italic;
    margin-left: 20px; }
  .ul_summaryErrors.ul_summaryErrors_hide {
    opacity: 0;
    height: 0;
    overflow: hidden; }
  .ul_summaryErrors.ul_summaryErrors_show {
    opacity: 1;
    height: auto;
    overflow: auto; }

.row_removeable .col-sm-9 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex; }
  .row_removeable .col-sm-9 .form-text-input {
    width: 100%; }

.row_removeable .bnt_remove_link {
  padding: 10px;
  padding-right: 0;
  font-size: 16px;
  color: #2a2e33;
  cursor: pointer; }

select#defaultProvider {
  min-width: 160px; }

.setzipcode.button {
  background: #0068ff;
  font-size: 12px;
  padding: 2px 10px;
  height: 36px;
  color: #ffffff;
  top: 2px;
  right: 17px;
  position: absolute;
  cursor: pointer;
  border: none !important;
  overflow: inherit; }
  .setzipcode.button:hover {
    background: #0068ff !important; }
  .setzipcode.button:disabled:after {
    border-color: transparent #c6c9ce transparent transparent !important; }

.button.setzipcode[disabled]:hover, .editor-drawer-well__placeholder[disabled] .setzipcode.editor-drawer-well__button:hover {
  background: #c6c9ce !important; }

.button.setzipcode[disabled]:hover:after, .editor-drawer-well__placeholder[disabled] .setzipcode.editor-drawer-well__button:hover:after {
  border-color: transparent #c6c9ce transparent transparent !important; }

.setzipcode.button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #0068ff transparent transparent !important;
  width: 5px; }

.set-zip-code-content .has-feedback .form-control-feedback {
  right: 93px; }

.global-setting .panels-scripts .foldable-card__header {
  padding-left: 15px; }

.panel-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 64px; }
  .panel-header .panel-title {
    font-size: 14px !important;
    color: #2a2e33 !important;
    font-weight: 600 !important; }
  .panel-header button {
    height: 39px; }

.panel-extra {
  border: 1px solid #e9eff3;
  border-color: white;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  margin-bottom: 8px; }

.enabled-element-extra label {
  padding-left: 0; }

.enabled-element-extra div {
  padding: 0; }

div.long-label {
  margin-top: 10px; }

.react-colorpicker-panel-inner {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  border: 1px solid #ccc;
  padding: 8px; }

.react-colorpicker-panel-wrap {
  margin: 5px 0 0;
  height: 30px;
  width: 100%;
  position: relative; }

.react-colorpicker-panel-wrap-preview {
  position: absolute;
  right: 0px; }

.react-colorpicker-panel-wrap-ribbon {
  position: absolute;
  left: 0px;
  top: 10px;
  right: 35px;
  height: 12.5px; }

.react-colorpicker-panel-wrap-alpha {
  position: absolute;
  left: 0px;
  right: 35px;
  bottom: 0;
  height: 12.5px;
  display: none !important; }

.react-colorpicker-trigger {
  border: 1px solid #999;
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset; }

.react-colorpicker-trigger-open {
  box-shadow: 0px 0px 3px #999; }

.react-colorpicker-panel {
  width: 218px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  z-index: 9;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-colorpicker-panel * {
  box-sizing: border-box; }

.react-colorpicker-panel-open {
  display: block; }

.react-colorpicker-panel-close {
  display: none; }

.react-colorpicker-panel-preview {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw=="); }

.react-colorpicker-panel-preview span,
.react-colorpicker-panel-preview input[type=color] {
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  border-radius: 2px;
  border: 1px solid #dadada; }

.react-colorpicker-panel-preview input[type=color] {
  opacity: 0; }

.react-colorpicker-panel-board {
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-colorpicker-panel-board span {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 9px;
  height: 9px;
  left: -999px;
  top: -999px;
  box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);
  z-index: 2; }

.react-colorpicker-panel-board-hsv {
  width: 200px;
  height: 150px;
  position: relative;
  z-index: 1;
  border-radius: 2px; }

.react-colorpicker-panel-board-value {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%); }

.react-colorpicker-panel-board-saturation {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: linear-gradient(to right, #ffffff 0%, transparent 100%); }

.react-colorpicker-panel-board-handler {
  box-shadow: 0 0 2px #808080 inset;
  border-radius: 2px;
  cursor: crosshair;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }

.react-colorpicker-panel-ribbon {
  position: relative;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%); }

.react-colorpicker-panel-ribbon span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px; }

.react-colorpicker-panel-ribbon-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer; }

.react-colorpicker-panel-alpha {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
  background-repeat: repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-colorpicker-panel-alpha-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset; }

.react-colorpicker-panel-alpha span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px; }

.react-colorpicker-panel-alpha-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer; }

.react-colorpicker-panel-params {
  font-size: 12px; }

.react-colorpicker-panel-params-input {
  overflow: hidden;
  padding: 2px 0; }

.react-colorpicker-panel-params-input input {
  display: none; }

.react-colorpicker-panel-params-input input.react-colorpicker-panel-params-hex {
  display: block; }

.react-colorpicker-panel-params input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: center;
  padding: 1px;
  margin: 0;
  float: left;
  border-radius: 2px;
  border: 1px solid #CACACA;
  font-family: 'Helvetica Neue', Helvetica, sans-serif; }

.react-colorpicker-panel-params-hex {
  width: 52px; }

.react-colorpicker-panel-params input[type=number] {
  margin-left: 5px;
  width: 32px; }

.react-colorpicker-panel-params input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.react-colorpicker-panel-params-lable {
  display: none;
  padding: 2px 0;
  height: 22px;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-colorpicker-panel-params-lable label {
  float: left;
  text-align: center; }

.react-colorpicker-panel-params-lable-hex {
  width: 52px; }

.react-colorpicker-panel-params-lable-number,
.react-colorpicker-panel-params-lable-alpha {
  margin-left: 5px;
  width: 32px; }

.react-colorpicker-panel-params-lable-number:hover {
  border-radius: 2px;
  background-color: #eee;
  box-shadow: 0 0 0 1px #ccc inset;
  cursor: pointer; }

.react-colorpicker {
  position: relative;
  top: 3px;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif; }

.react-colorpicker-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000; }

.react-colorpicker-picker-slide-up-enter {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.react-colorpicker-picker-slide-up-appear {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.react-colorpicker-picker-slide-up-leave {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.react-colorpicker-picker-slide-up-enter.react-colorpicker-picker-slide-up-enter-active.react-colorpicker-picker-placement-bottomLeft,
.react-colorpicker-picker-slide-up-enter.react-colorpicker-picker-slide-up-enter-active.react-colorpicker-picker-placement-bottomRight,
.react-colorpicker-picker-slide-up-appear.react-colorpicker-picker-slide-up-appear-active.react-colorpicker-picker-placement-bottomLeft,
.react-colorpicker-picker-slide-up-appear.react-colorpicker-picker-slide-up-appear-active.react-colorpicker-picker-placement-bottomRight {
  -webkit-animation-name: rcDropdownSlideUpIn;
  animation-name: rcDropdownSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.react-colorpicker-picker-slide-up-enter.react-colorpicker-picker-slide-up-enter-active.react-colorpicker-picker-placement-topLeft,
.react-colorpicker-picker-slide-up-enter.react-colorpicker-picker-slide-up-enter-active.react-colorpicker-picker-placement-topRight,
.react-colorpicker-picker-slide-up-appear.react-colorpicker-picker-slide-up-appear-active.react-colorpicker-picker-placement-topLeft,
.react-colorpicker-picker-slide-up-appear.react-colorpicker-picker-slide-up-appear-active.react-colorpicker-picker-placement-topRight {
  -webkit-animation-name: rcDropdownSlideDownIn;
  animation-name: rcDropdownSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.react-colorpicker-picker-slide-up-leave.react-colorpicker-picker-slide-up-leave-active.react-colorpicker-picker-placement-bottomLeft,
.react-colorpicker-picker-slide-up-leave.react-colorpicker-picker-slide-up-leave-active.react-colorpicker-picker-placement-bottomRight {
  -webkit-animation-name: rcDropdownSlideUpOut;
  animation-name: rcDropdownSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.react-colorpicker-picker-slide-up-leave.react-colorpicker-picker-slide-up-leave-active.react-colorpicker-picker-placement-topLeft,
.react-colorpicker-picker-slide-up-leave.react-colorpicker-picker-slide-up-leave-active.react-colorpicker-picker-placement-topRight {
  -webkit-animation-name: rcDropdownSlideDownOut;
  animation-name: rcDropdownSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

.form-text-input-with-affixes__suffix.colorspicker {
  padding: 3px 5px 0 5px; }

.textUppercase {
  text-transform: uppercase; }

.row_Stylesheet .form-text-input {
  width: 100%; }

.row_Stylesheet .container_flex {
  padding-right: 15px; }

.row_Stylesheet .col-sm-9, .row_Stylesheet .container_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .row_Stylesheet .col-sm-9 .bnt_remove_link, .row_Stylesheet .container_flex .bnt_remove_link {
    padding: 10px;
    padding-right: 0;
    font-size: 16px;
    margin-right: -15px;
    color: #2a2e33; }
    .row_Stylesheet .col-sm-9 .bnt_remove_link:hover, .row_Stylesheet .container_flex .bnt_remove_link:hover {
      color: #0068ff; }

.list-platform {
  border-bottom: 1px solid #e9eff3;
  margin-bottom: 15px; }

.list-platform .col-sm-3 {
  margin-bottom: 25px; }

.item-platform {
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEFEFE', endColorstr='#FFF2F2F2', GradientType=0);
  cursor: pointer;
  width: 146px;
  height: 144px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  max-width: 146px;
  margin: 0 auto 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative; }
  .item-platform:before {
    width: 100%;
    height: 4px;
    background: #B3B3B3;
    content: '';
    position: absolute;
    bottom: -1px;
    border-radius: 0 0 5px 5px;
    left: 0; }
  .item-platform p {
    margin-bottom: 0; }

.title-platform {
  color: #2C88BD;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0; }

.list-platform label > input {
  display: none !important; }

.list-platform label > input + .item-platform {
  cursor: pointer; }

.list-platform label > input:checked + .item-platform, .item-platform.selected {
  background: #2C88BD; }

.list-platform label > input:checked + .item-platform .title-platform, .list-platform label > input:checked + .item-platform .fa, .item-platform.selected .title-platform, .item-platform.selected .fa {
  color: #fff; }

.list-platform a.col-sm-3 {
  cursor: pointer;
  display: inline-block; }

@media (max-width: 360px) {
  .item-platform {
    width: 125px; }
  .list-platform a.col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    float: left;
    width: 50%; }
  .list-platform.row {
    margin-left: -10px;
    margin-right: -10px; } }

.app-status {
  border-radius: 100%;
  display: block;
  float: right;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 8px;
  z-index: 1; }

.app-status.app-visible {
  background: #35AA47; }

.app-status.app-invisible {
  background: #8e9bae; }

@media (max-width: 768px) {
  .list-platform a.col-sm-3 {
    width: 33.333%; } }

.group-action-bnt button {
  margin-left: 5px; }

.iframe-app {
  width: 250px;
  float: left;
  margin-right: 25px;
  text-align: center; }
  .iframe-app img {
    max-width: 170px; }

.desc-app {
  text-align: justify;
  font-size: 12px; }
  .desc-app h2.app-title {
    clear: none;
    margin-bottom: 15px; }
    .desc-app h2.app-title .spinner {
      display: inline-block;
      padding-left: 10px; }
  .desc-app .decription-edit {
    word-wrap: break-word;
    white-space: pre-wrap; }
    .desc-app .decription-edit .spinner {
      display: inline-block;
      padding-left: 10px; }
  .desc-app .is-error {
    color: red; }
  .desc-app input.is-error, .desc-app textarea.is-error {
    color: red;
    border: 1px solid red; }
  .desc-app .form-input-validation.is-error {
    margin-top: 5px; }

.appStatus .txt-color {
  position: relative;
  display: inline-block;
  min-width: 102px;
  position: relative;
  top: 2px; }

.appID.mar10t {
  margin-top: 5px !important; }

.appID b {
  display: inline-block;
  min-width: 130px; }

.auditTrail {
  padding-top: 5px; }
  .auditTrail label {
    display: block;
    margin-bottom: 5px; }
    .auditTrail label b {
      min-width: 130px;
      display: inline-block;
      position: relative; }
      .auditTrail label b:after {
        content: ':'; }

/*app-menu-config*/
.onlyAppMenu {
  display: none; }

#app-menu-config {
  position: relative; }
  #app-menu-config .onlyGlobalMenu {
    display: none !important; }
  #app-menu-config .onlyAppMenu {
    display: block; }
  #app-menu-config .txt-more-info {
    padding-top: 0px; }
  #app-menu-config .backButton {
    float: left; }
  #app-menu-config .hidden {
    display: block; }
  #app-menu-config .txt-more-info {
    padding: 1% 3%;
    float: left; }

.appStatus {
  margin: 10px 0 0; }

.app-title {
  max-width: 350px;
  width: 100%;
  z-index: 4; }

.desc-app .heading-block {
  margin-bottom: 20px;
  position: relative;
  text-align: left;
  padding-bottom: 1px; }
  .desc-app .heading-block:before, .desc-app .heading-block:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    z-index: 9;
    background: #e9eff3; }
  .desc-app .heading-block:after {
    margin: 20px 0 0;
    background: #6685a4 !important;
    z-index: 10;
    width: 80px; }

.desc-app .section-title {
  font-size: 12px; }

.desc-app .heading-block {
  margin-bottom: 10px; }

.group-action-bnt {
  right: 10px;
  z-index: 2;
  position: absolute !important;
  padding: 0px 10px !important;
  margin-bottom: 20px; }

.ic-is-editable a.edit {
  margin-left: 4px;
  cursor: pointer; }
  .ic-is-editable a.edit:before {
    font-size: 16px;
    content: "";
    vertical-align: top;
    text-align: center;
    display: inline-block;
    font-family: Noticons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    color: #668eaa;
    vertical-align: baseline; }

.decription-edit {
  word-wrap: break-word; }

.panel-content .form-text-input-with-affixes__prefix, .themesConfig .form-text-input-with-affixes__prefix {
  min-width: 190px; }

.form-text-input-with-affixes button {
  font-size: 12px; }

.erroTheme {
  text-align: right; }
  .erroTheme .form-input-validation {
    float: right;
    padding-right: 0; }

.txt-color b, .auditTrail label b {
  color: #2a2e33; }

.mar10t {
  margin-top: 10px; }

.hiddenbnt .foldable-card__summary_expanded {
  display: none !important; }

.select_inline {
  display: inline-block;
  min-width: 200px; }

.app-row b {
  display: inline-block;
  min-width: 130px;
  position: relative;
  top: 12px; }

.myTabs .row_Stylesheet .control-label {
  position: relative;
  top: -5px; }

.field_style {
  display: table;
  width: 100%; }
  .field_style .field_style_input {
    width: 100%; }
  .field_style .control-label, .field_style .field_style_input {
    display: table-cell; }
    @media (max-width: 767px) {
      .field_style .control-label, .field_style .field_style_input {
        display: block; } }
  .field_style .control-label {
    min-width: 190px;
    padding: 10px 14px;
    box-sizing: border-box; }
    @media (max-width: 767px) {
      .field_style .control-label {
        min-width: 100%;
        padding: 0; } }

@media (max-width: 1170px) {
  .group-action-bnt {
    position: relative !important;
    width: 100% !important; } }

@media (max-width: 767px) {
  .tabs-menu-item a, .myTabs .tabs-menu-item span {
    padding: 14px 20px; }
  .imgThumb-app {
    text-align: center;
    margin: 25px 0 10px 0; }
    .imgThumb-app img {
      max-height: 250px; } }

@media (max-width: 800px) {
  .tabs-menu-item a, .myTabs .tabs-menu-item span {
    padding: 14px 18px !important; } }

@media (max-width: 480px) {
  .tabs-menu-item a, .myTabs .tabs-menu-item span {
    padding: 14px 15px !important; }
  .tabs-navigation {
    padding: 0 !important; } }

@media (max-width: 320px) {
  .tabs-menu-item a, .myTabs .tabs-menu-item span {
    padding: 14px 10px !important; } }

.control-label {
  padding-top: 12px; }

.previewComingsoon {
  position: relative;
  height: 200px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  color: #000;
  width: 300px;
  padding: 20px; }

.panel-hostname {
  position: relative;
  left: -14px;
  width: calc(100% + 14px); }
  .panel-hostname .form-fieldset {
    margin-bottom: 5px; }
  .panel-hostname .control-label {
    padding-top: 4px;
    height: auto;
    position: relative;
    top: -8px;
    min-width: 130px;
    padding-left: 0; }
  .panel-hostname .btn-small {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px !important; }
  .panel-hostname .foldable-card__main > div {
    font-size: 12px !important; }
  .panel-hostname .foldable-card__header {
    padding: 10px 14px; }
  .panel-hostname .foldable-card .foldable-card__header {
    min-height: 45px; }

.panel-hostname .form-text-input {
  width: 100%; }

.tabs-navigation {
  padding: 0 20px;
  max-height: 50px;
  border-bottom: 1px solid #ddd;
  margin-top: 25px;
  font-size: 13px; }

.tabs-menu {
  display: table;
  list-style: none;
  padding: 0;
  margin: 0; }

.tabs-menu-item {
  float: left; }

.tabs-menu-item a {
  display: block;
  padding: 14px 30px;
  border-bottom: 0;
  color: #a9a9a9;
  cursor: pointer;
  font-weight: bold; }

.tabs-menu-item:not(.is-active) a:hover {
  color: #3498db; }

.tabs-menu-item.is-active a {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #3498db;
  border-bottom: 0;
  color: #333;
  border-radius: 4px 4px 0 0; }

.tabs-panel {
  display: none;
  padding: 30px; }

.myTabs .tab-panel {
  display: none; }

.myTabs .tab-panel.is-active {
  display: block; }

.myTabs .tabs-menu-item span {
  display: block;
  padding: 14px 30px;
  border-bottom: 0;
  color: #a9a9a9;
  cursor: pointer;
  font-weight: bold; }

.myTabs .tabs-menu-item:not(.is-active) span:hover {
  color: #3498db; }

.myTabs .tabs-menu-item.is-active span {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #3498db;
  border-bottom: 0;
  color: #333;
  border-radius: 4px 4px 0 0; }

.tabs-panel.is-active {
  display: block; }

.tab-panel {
  padding-top: 15px;
  font-size: 13px;
  min-height: 200px; }

.form-text-input-with-affixes {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .form-text-input-with-affixes.no-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .form-text-input-with-affixes input[type="email"],
  .form-text-input-with-affixes input[type="password"],
  .form-text-input-with-affixes input[type="url"],
  .form-text-input-with-affixes input[type="text"] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .form-text-input-with-affixes input[type="email"]:focus,
    .form-text-input-with-affixes input[type="password"]:focus,
    .form-text-input-with-affixes input[type="url"]:focus,
    .form-text-input-with-affixes input[type="text"]:focus {
      -webkit-transform: scale(1);
              transform: scale(1); }

.form-text-input-with-affixes__prefix,
.form-text-input-with-affixes__suffix {
  background: #e9eff3;
  border: 1px solid #dbdbdb;
  color: #2a2e33;
  padding: 10px 14px;
  white-space: nowrap;
  height: 40px;
  box-sizing: border-box;
  -webkit-box-flex: 0;
          flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0; }

.form-text-input-with-affixes__prefix {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__prefix {
      border-bottom: none; } }
  .no-wrap > .form-text-input-with-affixes__prefix {
    border-bottom-left-radius: 2px;
    border-right: none;
    border-top-right-radius: 0; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__prefix {
      border-bottom-left-radius: 2px;
      border-right: none;
      border-top-right-radius: 0; } }

.form-text-input-with-affixes__suffix {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
  @media (max-width: 480px) {
    :not(.no-wrap) > .form-text-input-with-affixes__suffix {
      border-top: none; } }
  .no-wrap > .form-text-input-with-affixes__suffix {
    border-bottom-left-radius: 0;
    border-left: none;
    border-top-right-radius: 2px; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes__suffix {
      border-bottom-left-radius: 0;
      border-left: none;
      border-top-right-radius: 2px; } }

.form-text-input-with-affixes.inputColor .form-text-input {
  width: auto;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

@media (max-width: 1280px) {
  .form-text-input-with-affixes.inputColor .form-text-input {
    width: 100px; } }

@media (max-width: 730px) {
  .form-text-input-with-affixes.inputColor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .form-text-input-with-affixes.inputColor .has-feedback .form-control-feedback {
      right: 42px; }
  .inputColor.inputColor__prefix .form-text-input-with-affixes__suffix {
    top: 41px !important; }
  .inputColor .form-text-input-with-affixes__suffix {
    top: 0;
    position: absolute;
    height: 38px;
    position: absolute;
    right: 0; }
  .form-text-input-with-affixes.inputColor .form-text-input {
    width: 100%;
    border: none;
    padding-bottom: 0px;
    padding-top: 0px; }
  .form-text-input-with-affixes.inputColor button {
    margin-left: 0 !important;
    margin-top: 10px !important; }
  .inputColor .form-text-input-with-affixes__prefix, .inputColor .form-text-input-with-affixes__suffix {
    background: #f7f7f7 !important;
    border: 1px solid #dbdbdb !important;
    border-bottom: none !important; } }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .inputColor.inputColor__prefix .form-text-input-with-affixes__suffix {
    top: initial; }
  @media (max-width: 730px) {
    .form-text-input-with-affixes.inputColor .form-text-input-with-affixes__suffix {
      padding-right: 5px !important; }
    .form-text-input-with-affixes.inputColor .form-text-input-with-affixes__prefix {
      width: auto !important;
      max-width: 100% !important; } } }

.tooltip-defaultColor .txt-defaultColor {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 8px; }

.react-colorpicker-panel .react-colorpicker-panel-wrap:last-child {
  display: none; }

.react-colorpicker-panel-wrap-preview {
  pointer-events: none; }

.app-preview {
  opacity: 0;
  z-index: -999;
  position: fixed; }

.app-preview.is-visible {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
  z-index: 9999999;
  opacity: 1;
  -webkit-transition: 0s 0.2s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: 0s 0.2s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  background: rgba(135, 166, 188, 0.9);
  overflow-x: hidden;
  overflow-y: auto; }

.is-visible .app-preview__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.app-preview__content {
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  -webkit-transition: 0.1s transform cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: 0.1s transform cubic-bezier(0.25, 0.5, 0.5, 0.9);
  background: #e9eff3;
  z-index: 999; }
  .is-computer .app-preview__content {
    width: 100%; }
  .is-tablet .app-preview__content {
    width: 783px; }
  .is-platform-Android .app-preview__content {
    width: 370px;
    height: 704px;
    padding-top: 75px;
    background: transparent url("/calypso/images/app-config/android-thumb.png") no-repeat scroll 0px 0px/100% auto; }
    @media (max-width: 660px) {
      .is-platform-Android .app-preview__content {
        width: 305px;
        height: 470px;
        padding-top: 62px;
        overflow-y: auto; } }
    .is-platform-Android .app-preview__content .app-preview__placeholder {
      width: 100%;
      height: 496px;
      margin-top: -7px;
      border: none;
      box-sizing: border-box;
      padding: 0 15px; }
      @media (max-width: 660px) {
        .is-platform-Android .app-preview__content .app-preview__placeholder {
          height: 410px;
          padding: 0 12px;
          margin-top: -6px; } }
  .is-platform-iOS .app-preview__content {
    width: 370px;
    height: 704px;
    padding-top: 75px;
    background: transparent url("/calypso/images/app-config/iPhone_thumb.svg") no-repeat scroll 0px 0px/100% auto; }
    @media (max-width: 660px) {
      .is-platform-iOS .app-preview__content {
        width: 300px;
        height: 550px;
        padding-top: 55px;
        overflow-y: auto; } }
    .is-platform-iOS .app-preview__content .app-preview__placeholder {
      padding: 0 16px;
      margin-left: 2px;
      height: 495px; }
      @media (max-width: 660px) {
        .is-platform-iOS .app-preview__content .app-preview__placeholder {
          height: 402px; } }

@media (max-width: 660px) {
  .app-preview.is-computer .app-preview__content,
  .app-preview.is-tablet .app-preview__content,
  .app-preview.is-phone .app-preview__content {
    left: 0;
    right: 0;
    top: 0;
    width: 100%; } }

.app-preview.is-visible {
  height: 100%;
  opacity: 1;
  -webkit-transition: 0s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: 0s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9); }
  .app-preview.is-visible .app-preview__content {
    -webkit-transform: scale(1);
            transform: scale(1); }

.app-preview__frame {
  background: #f3f6f8;
  width: 100%;
  height: 100%; }

.app-preview__toolbar {
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.app-preview.is-computer .app-preview__toolbar {
  border-radius: 0; }

.app-preview__close,
.app-preview__external,
.app-preview__device-button {
  color: #87a6bc;
  border-right: 1px solid #c8d7e1;
  padding: 12px 16px;
  cursor: pointer; }
  .app-preview__close:hover,
  .app-preview__external:hover,
  .app-preview__device-button:hover {
    color: #2e4453; }
  .app-preview__close .gridicon,
  .app-preview__external .gridicon,
  .app-preview__device-button .gridicon {
    vertical-align: middle; }

.app-preview__close {
  cursor: pointer; }

.app-preview__external {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px; }

.app-preview__device-button {
  border-right: none;
  padding-left: 8px;
  padding-right: 8px; }
  .app-preview__device-button.is-active {
    color: #2e4453; }
  @media (max-width: 660px) {
    .app-preview__device-button {
      display: none; } }

.app-preview__toolbar-tray {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .app-preview__toolbar-tray .button {
    margin: 4px; }

.app-preview__frame {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .is-loaded .app-preview__frame {
    opacity: 1; }

.app-preview__placeholder {
  width: 100%;
  height: 480px;
  margin-top: 30px;
  border: none;
  box-sizing: border-box;
  padding: 0 10px; }

.app-preview .spinner {
  margin-left: -10px;
  position: absolute;
  top: 45%;
  left: 50%; }
  @media (max-width: 660px) {
    .app-preview .spinner {
      top: 20%; } }

.app-preview__loading-message {
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  display: block;
  margin: 48px 0; }

.app-preview__content .web-preview__toolbar {
  background: none;
  border: none; }

.app-preview__content .web-preview__device-button {
  border: none; }

@media (max-width: 660px) {
  .main {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: inherit;
    perspective: inherit; } }

/**
 * App config
 *
 */
.pageLayout {
  padding: 0 15px;
  margin: 15px; }
  .pageLayout div.col-sm-3, .pageLayout div.col-sm-9, .pageLayout div.col-sm-12 {
    min-height: 50px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box; }
  .pageLayout div.row {
    border: none !important; }
  .pageLayout div.col-sm-3, .pageLayout div.col-sm-9 {
    min-height: 400px; }

.layoutApp .headerApp {
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%; }

.layoutApp .logoApp {
  float: left;
  margin-left: 10px;
  display: table;
  height: 50px; }
  .layoutApp .logoApp .middleLogo {
    display: table-cell;
    vertical-align: middle; }

.layoutApp .contentApp {
  box-sizing: border-box;
  padding: 55px 6px 0; }

.layoutApp .feed-grid {
  -moz-column-width: 8em;
  -webkit-column-width: 8em;
  column-width: 8em;
  -moz-column-gap: 5px;
  -webkit-column-gap: 5px; }

.layoutApp .feed-item {
  display: inline-block;
  margin: 5px 0px;
  padding: 0;
  width: 100%;
  box-sizing: border-box; }

.layoutApp .item__new_app {
  background: #fff;
  display: block;
  padding: 4px;
  border: 1px solid #dedede;
  text-decoration: none; }
  .layoutApp .item__new_app .title {
    line-height: normal;
    color: #494949;
    margin-bottom: 0;
    font-size: 12px; }

.slicknav_menu ul ul {
  margin-left: 10px; }

.slicknav_menu .slicknav_btn {
  display: inline-block;
  height: auto;
  left: 6px;
  padding: 5px;
  position: relative;
  top: 10px;
  cursor: pointer; }
  .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 0.125em;
    width: 1.125em;
    background-color: #fff;
    margin-top: 3px; }

.slicknav_menu .slicknav_nav {
  background: #111 none repeat scroll 0 0;
  height: 100%;
  margin-left: 0;
  position: fixed;
  top: 50px;
  width: 200px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }
  .slicknav_menu .slicknav_nav.is-open-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .slicknav_menu .slicknav_nav li {
    list-style: none; }
    .slicknav_menu .slicknav_nav li a {
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      cursor: pointer;
      padding: 5px 10px;
      display: block; }
      .slicknav_menu .slicknav_nav li a:hover {
        color: red !important; }
      .slicknav_menu .slicknav_nav li a span:hover {
        color: red !important; }

.viewMenuData body {
  font-family: "Helvetica Neue"; }

.viewMenuData h3 {
  color: #BF616A; }

.viewMenuData .togglable {
  color: #D78770;
  cursor: pointer; }

.viewMenuData .togglable-down::after,
.viewMenuData .togglable-up::after {
  font-size: 8px;
  margin-left: 0.5em; }

.viewMenuData .togglable-down::after {
  content: "▼";
  display: inline-block; }

.viewMenuData .togglable-up::after {
  content: "▶";
  display: inline-block; }

input[type="email"].form-text-input,
input[type="password"].form-text-input,
input[type="url"].form-text-input,
input[type="text"].form-text-input {
  -webkit-appearance: none; }
  input[type="email"].form-text-input.is-valid,
  input[type="password"].form-text-input.is-valid,
  input[type="url"].form-text-input.is-valid,
  input[type="text"].form-text-input.is-valid {
    border-color: #4ab866; }
  input[type="email"].form-text-input.is-valid:hover,
  input[type="password"].form-text-input.is-valid:hover,
  input[type="url"].form-text-input.is-valid:hover,
  input[type="text"].form-text-input.is-valid:hover {
    border-color: #3a9551; }
  input[type="email"].form-text-input.is-error,
  input[type="password"].form-text-input.is-error,
  input[type="url"].form-text-input.is-error,
  input[type="text"].form-text-input.is-error {
    border-color: #d94f4f; }
  input[type="email"].form-text-input.is-error:hover,
  input[type="password"].form-text-input.is-error:hover,
  input[type="url"].form-text-input.is-error:hover,
  input[type="text"].form-text-input.is-error:hover {
    border-color: #c92c2c; }
  input[type="email"].form-text-input:focus.is-valid,
  input[type="password"].form-text-input:focus.is-valid,
  input[type="url"].form-text-input:focus.is-valid,
  input[type="text"].form-text-input:focus.is-valid {
    box-shadow: 0 0 0 2px #caead2; }
  input[type="email"].form-text-input:focus.is-valid:hover,
  input[type="password"].form-text-input:focus.is-valid:hover,
  input[type="url"].form-text-input:focus.is-valid:hover,
  input[type="text"].form-text-input:focus.is-valid:hover {
    box-shadow: 0 0 0 2px #a6dcb3; }
  input[type="email"].form-text-input:focus.is-error,
  input[type="password"].form-text-input:focus.is-error,
  input[type="url"].form-text-input:focus.is-error,
  input[type="text"].form-text-input:focus.is-error {
    box-shadow: 0 0 0 2px #f9e2e2; }
  input[type="email"].form-text-input:focus.is-error:hover,
  input[type="password"].form-text-input:focus.is-error:hover,
  input[type="url"].form-text-input:focus.is-error:hover,
  input[type="text"].form-text-input:focus.is-error:hover {
    box-shadow: 0 0 0 2px #f0b8b8; }

.has-feedback {
  position: relative; }
  .has-feedback input[type="text"] {
    padding-right: 32px;
    width: 100% !important; }
  .has-feedback .form-control-feedback {
    font-family: Noticons;
    font-size: 28px;
    height: 100%;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 32px;
    z-index: 1; }
  .has-feedback.is-error input[type="text"] {
    border-color: #d94f4f; }
  .has-feedback.is-error .form-control-feedback {
    color: #d94f4f; }
    .has-feedback.is-error .form-control-feedback:before {
      content: "\f405"; }
  .has-feedback.is-valid input[type="text"] {
    border-color: #4ab866; }
  .has-feedback.is-valid .form-control-feedback {
    color: #4ab866; }
    .has-feedback.is-valid .form-control-feedback:before {
      content: "\f418"; }

.confirm__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  z-index: 111; }
  .confirm__backdrop.confirm-enter, .confirm__backdrop.confirm-leave.confirm-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .confirm__backdrop, .confirm__backdrop.confirm-enter.confirm-enter-active, .confirm__backdrop.confirm-leave {
    background-color: rgba(0, 0, 0, 0.7); }
  .confirm__backdrop.is-full-screen {
    top: 0; }

.confirm.card, .confirm.editor-drawer-well__placeholder {
  color: #2a2e33;
  max-width: 90%;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  margin: auto 0;
  box-shadow: none;
  min-width: 300px;
  padding: 0; }
  .confirm-enter .confirm.card, .confirm-enter .confirm.editor-drawer-well__placeholder,
  .confirm-leave.confirm-leave-active .confirm.card,
  .confirm-leave.confirm-leave-active .confirm.editor-drawer-well__placeholder {
    opacity: 0; }
  .confirm.card, .confirm.editor-drawer-well__placeholder,
  .confirm-enter.confirm-enter-active .confirm.card,
  .confirm-enter.confirm-enter-active .confirm.editor-drawer-well__placeholder,
  .confirm-leave .confirm.card,
  .confirm-leave .confirm.editor-drawer-well__placeholder {
    opacity: 1; }
  .confirm.card .modal-title, .confirm.editor-drawer-well__placeholder .modal-title {
    font-size: 22px;
    color: #2a2e33;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px; }
  .confirm.card .modal-body, .confirm.editor-drawer-well__placeholder .modal-body {
    color: #2a2e33;
    font-size: 12px;
    background: #f7f7f7;
    padding: 15px; }
  .confirm.card .modal-footer, .confirm.editor-drawer-well__placeholder .modal-footer {
    text-align: right;
    padding: 15px; }
    .confirm.card .modal-footer .button, .confirm.editor-drawer-well__placeholder .modal-footer .button {
      margin-left: 10px; }

.confirm__content {
  color: #4f748e; }
  .confirm__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.confirm__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }

.confirm__action-buttons .button {
  margin-left: 10px;
  min-width: 80px; }
  .confirm__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.confirm__action-buttons .is-left-aligned {
  float: left; }

.collapse-card.card, .collapse-card.editor-drawer-well__placeholder {
  position: relative;
  -webkit-transition: margin .15s linear;
  transition: margin .15s linear;
  padding: 0; }
  .collapse-card.card:after, .collapse-card.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden; }
  .collapse-card.card.is-expanded, .collapse-card.is-expanded.editor-drawer-well__placeholder {
    margin-bottom: 8px; }
    .collapse-card.card.is-expanded .collapse-card__header, .collapse-card.is-expanded.editor-drawer-well__placeholder .collapse-card__header {
      min-height: 58px !important; }

.collapse-card__header {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-height: 58px; }
  .collapse-card__header.is-clickable {
    cursor: pointer; }
  .collapse-card__header.has-border .collapse-card__summary,
  .collapse-card__header.has-border .collapse-card__summary_expanded {
    margin-right: 48px; }
  .collapse-card__header.has-border .collapse-card__expand {
    border-left: 1px #f3f6f8 solid; }
  .collapse-card.is-compact .collapse-card__header {
    padding: 8px 16px;
    min-height: 40px; }
  .collapse-card.is-expanded .collapse-card__header {
    margin-bottom: 0px;
    height: inherit;
    min-height: 64px; }
  .collapse-card.is-expanded.is-compact .collapse-card__header {
    min-height: 40px; }
  .collapse-card.is-disabled .collapse-card__header {
    opacity: 0.2; }

.collapse-card__action {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
  .collapse-card.is-expanded .collapse-card__action {
    height: 100%; }
  .collapse-card.is-disabled .collapse-card__action {
    cursor: default; }
  .accessible-focus .collapse-card__action:focus {
    outline: thin dotted; }

button.collapse-card__action {
  cursor: pointer; }

.collapse-card__main {
  max-width: calc( 100% - 36px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 2;
  -webkit-flex: 2 1;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }
  @media (max-width: 480px) {
    .collapse-card__main {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1; } }

.collapse-card__secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.collapse-card__expand {
  width: 48px; }
  .collapse-card__expand .gridicon {
    fill: #2a2e33;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    vertical-align: middle;
    -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
    transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .collapse-card.is-expanded .collapse-card__expand .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .collapse-card__expand .gridicon:hover {
    fill: #87a6bc; }
  .collapse-card__expand:hover .gridicon {
    fill: #0068ff; }

.collapse-card__content {
  display: none; }
  .collapse-card.is-expanded .collapse-card__content {
    display: block;
    padding: 16px;
    border-top: 1px solid #f3f6f8; }
    .collapse-card.is-compact .collapse-card.is-expanded .collapse-card__content {
      padding: 8px; }

.collapse-card__summary,
.collapse-card__summary_expanded {
  margin-right: 40px;
  color: #87a6bc;
  font-size: 12px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  display: inline-block; }
  .collapse-card.has-expanded-summary .collapse-card__summary, .collapse-card.has-expanded-summary
  .collapse-card__summary_expanded {
    -webkit-transition: none;
    transition: none;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    text-align: right; }
  @media (max-width: 480px) {
    .collapse-card__summary,
    .collapse-card__summary_expanded {
      display: none; } }

.collapse-card__summary {
  opacity: 1;
  display: inline-block; }
  .collapse-card.is-expanded .collapse-card__summary {
    display: none; }
    .has-expanded-summary .collapse-card.is-expanded .collapse-card__summary {
      display: none; }

.collapse-card__summary_expanded {
  display: inline-block; }
  .collapse-card__summary_expanded button {
    text-transform: none !important; }
  .collapse-card.is-expanded .collapse-card__summary_expanded {
    display: inline-block; }

fieldset.fieldset {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  padding: 15px; }

fieldset.fieldset legend {
  padding: 5px 10px;
  margin-left: 20px;
  font-size: 15px;
  font-weight: bold;
  background: #fff;
  color: #0976b4; }

.txtInput-date {
  position: relative; }
  .txtInput-date .control-time {
    cursor: pointer; }
    .txtInput-date .control-time:before {
      content: "\f073";
      font-family: 'FontAwesome';
      width: 25px;
      height: 25px;
      position: absolute;
      top: 50%;
      margin-top: -9px;
      right: 5px;
      text-align: center;
      z-index: 1; }

.template-scheduled-share {
  font-size: 13px;
  padding: 15px 0; }
  .template-scheduled-share .headdingh2 {
    position: relative;
    margin: 0;
    font-size: 22px;
    text-align: center;
    font-weight: bold; }
    .template-scheduled-share .headdingh2 a {
      font-size: 16px;
      text-decoration: none;
      position: absolute;
      left: 10px; }
  .template-scheduled-share .form-fieldset {
    margin-bottom: 15px; }
  .template-scheduled-share input[type=checkbox] + span, .template-scheduled-share .checkbox-tristate + span, .template-scheduled-share .checkbox-tristate + span, .template-scheduled-share input[type=radio] + span {
    position: relative;
    top: 2px; }
  .template-scheduled-share .txt-radio {
    font-weight: normal; }
  .template-scheduled-share .select-style {
    border-radius: 0; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-group + .form-group {
    margin-left: 10px; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; } }

.tip-inner .chrono__container {
  display: none; }

.tip-inner .post-schedule__header {
  top: 12px; }

/**
 * App config
 *
 */
#section-post {
  margin-top: -64px; }
  #section-post .select-dropdown__header {
    border-radius: 0;
    border: 1px solid #e9e9e9; }
  #section-post .is-compact .select-dropdown__header {
    text-transform: none;
    font-size: 12px;
    color: #515151;
    font-weight: normal; }
  #section-post .select-dropdown__item {
    font-size: 12px; }
  #section-post .select-dropdown__item, #section-post .select-dropdown__item-text {
    padding: 4px 30px 4px 10px; }
  #section-post .selectAction {
    margin-right: 8px; }

.boxed-post {
  font-size: 12px; }

.header-post {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 4px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0;
  margin-bottom: 0; }

.btn-custom {
  padding: 5px 15px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  border-radius: 2px; }

.btn-blue {
  background-image: -webkit-linear-gradient(top, #2E84CD 0%, #1C42CC 100%);
  background-image: linear-gradient(to bottom, #2E84CD 0%, #1C42CC 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2E84CD', endColorstr='#FF1C42CC', GradientType=0);
  color: #fff; }

.item-header-post {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.marRight {
  margin-right: auto; }

.content-post {
  padding-left: 15px;
  padding-right: 390px;
  padding-top: 15px;
  text-align: justify; }
  .content-post .editor-title-post {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 15px; }

.aside-post {
  width: 370px;
  background: #fff;
  border-left: 1px solid #d9e1e9;
  position: absolute;
  min-height: 100%;
  right: 0;
  padding: 0 0 10px;
  box-sizing: border-box;
  top: 85px; }

.ic-settingAdvance {
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none; }

a.txt-back {
  color: #3b73af;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  top: -4px; }
  a.txt-back i {
    margin-right: 4px;
    font-size: 24px;
    position: relative;
    top: 3px; }

.navTab {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  font-size: 0.93333em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
  transition: transform 0.2s ease 0s, opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  width: 100%;
  margin-left: 0;
  background: #f2f2f2; }
  .navTab li {
    list-style: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid rgba(200, 215, 225, 0.5); }
    .navTab li.is-active {
      background: #fff;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: none;
      border-top: 2px solid #3498db; }
    .navTab li:first-child.is-active {
      border-left: none; }
    .navTab li:last-child.is-active {
      border-right: none; }
    .navTab li a {
      color: rgba(0, 0, 0, 0.55);
      font-size: 20px;
      display: block;
      text-decoration: none;
      cursor: pointer; }
      .navTab li a span {
        display: block;
        color: #515151;
        font-size: 12px; }

.tabConent {
  display: none;
  padding: 15px;
  padding-bottom: 40px; }
  .tabConent .editor-drawer-well__placeholder .gridicon {
    color: #2a2d32; }
  .tabConent.is-active {
    display: block; }
  .tabConent .form-fieldset {
    margin-bottom: 10px; }
  .tabConent input[type="text"] {
    border: 1px solid #e9e9e9; }
  .tabConent .editor-drawer-well {
    width: 100%;
    text-align: center;
    background: #e9eff3 none repeat scroll 0 0;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
    .tabConent .editor-drawer-well .editor-drawer-well__placeholder {
      width: auto;
      box-shadow: none;
      margin: 0 auto; }
    .tabConent .editor-drawer-well .button {
      background: white none repeat scroll 0 0;
      border-color: #c8d7e1;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px 1px 2px;
      color: #2e4453; }

input[type="text"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #999 !important; }

.select-container-custom .box-search-select {
  border: 1px solid #e9e9e9;
  position: relative; }
  .select-container-custom .box-search-select input[type="search"] {
    border: none; }
  .select-container-custom .box-search-select:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    text-align: center; }

.select-container-custom .select-result-sub {
  margin-left: 0;
  border: 1px solid #e9e9e9;
  border-top: none; }
  .select-container-custom .select-result-sub li.select-results {
    list-style: none;
    padding: 5px 10px; }
    .select-container-custom .select-result-sub li.select-results input[type="checkbox"] {
      float: right;
      margin-left: 15px; }

.sumary-post {
  padding: 16px;
  margin: 8px 0 24px 0;
  border-left: 2px solid #87a6bc;
  color: #4f748e;
  background: #e9eff3;
  line-height: 24px; }

.img-holder {
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  padding: 10px;
  float: left;
  width: 250px;
  margin-right: 15px; }

.content-post {
  font-weight: normal; }

.editor-post p {
  line-height: 24px; }

.modeVisual {
  border-bottom: 1px solid #d9e3ea;
  margin-bottom: 15px; }
  .modeVisual .labelVisual {
    float: right;
    padding: 6px 25px;
    border: 1px solid #d9e3ea;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    position: relative;
    bottom: -1px;
    z-index: 1;
    background: #fff;
    margin-right: 31px; }

.custom-dialog__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color 0.2s ease-in 0s;
  transition: background-color 0.2s ease-in 0s;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%; }

.containerSocailPublish {
  padding: 0;
  width: 469px;
  box-shadow: none !important; }

.post-header {
  padding: 10px 15px;
  background: #2a2d32;
  font-weight: bold;
  color: #fff;
  font-size: 20px; }

.post-body {
  padding: 15px;
  border: 1px solid #eee;
  border-bottom: none; }

.post-face {
  background: #f5f5f5;
  border: 1px solid #eee;
  border-bottom: none;
  padding: 10px 10px;
  color: #87a6bc;
  line-height: 32px;
  font-weight: bold; }

.post-detail {
  border: 1px solid #eee;
  padding: 10px; }

.post-title {
  margin: 5px 0;
  font-weight: bold;
  font-size: 17px; }

.post-desc {
  font-size: 13px; }

.post-link a {
  color: #CACCCF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px; }

.post-link {
  margin-bottom: 0; }

.marLeft304 {
  margin-left: -304px; }

.post-thumbImg {
  position: relative; }

.post-thumbImgHeight {
  max-height: 245px;
  overflow-y: hidden; }

.btnIcon {
  position: absolute;
  top: 50%;
  background: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-top: -15px;
  cursor: pointer;
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear; }

.btnIcon-prev {
  left: -10px; }

.btnIcon-next {
  position: absolute;
  right: -10px; }

.btnIcon i {
  color: #2E84CD; }
  .btnIcon i:hover {
    color: #0861AA; }

.post-footer {
  background: #f6f7f9;
  padding: 11px;
  padding: 10px;
  border: 1px solid #eee; }
  .post-footer button {
    font-size: 14px !important; }

.txt-headerConfig {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px; }

.modal-box {
  padding: 30px; }
  .modal-box:before {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #faf9fc;
    z-index: -1;
    content: ''; }
  .modal-box .social-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px; }

.header-modal-box {
  text-align: right; }
  .header-modal-box a {
    color: #2a2e33;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15px;
    text-decoration: none; }
    .header-modal-box a:hover {
      color: #2979BE; }

.headdingh1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px; }

.socialConnectWith {
  margin-top: 30px; }

.socialConnectWith .row {
  margin-left: -12px;
  margin-right: -12px; }

.socialConnectWith .col-sm-6 {
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px; }

.connect-box {
  width: 100%; }

.connect-block {
  height: 325px;
  vertical-align: middle;
  box-shadow: 0 0 3px 0 rgba(190, 190, 190, 0.4);
  background: #fff; }

.connect-facebook a .social-circle:hover {
  background: #3b5998 !important; }

.connect-twitter a .social-circle:hover {
  background: #55acee !important; }

.connect-google-plus a .social-circle:hover {
  background: #d34836 !important; }

.connect-linkedin a .social-circle:hover {
  background: #006699 !important; }

.front-connect-block a {
  text-decoration: none; }

.connect-block a .social-circle {
  text-align: center;
  width: 58px;
  height: 58px;
  color: #fff;
  font-size: 38px;
  line-height: 58px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: #BFBFBF;
  border-radius: 100%;
  display: inline-block;
  text-transform: none; }
  .connect-block a .social-circle:hover {
    box-shadow: 1px 1px 3px rgba(190, 190, 190, 0.4); }

.txt-tap-to-add {
  color: #BFBFBF;
  display: block;
  margin-top: 10px;
  font-size: 12px; }

.linkbitly {
  text-align: center;
  width: 220px;
  margin: auto;
  position: relative; }

.txt-Input {
  height: 32px !important;
  color: #2979BE !important; }

a.editor-permalink-bitly {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #2a2e33; }

.socialConnectWith p {
  margin-bottom: 0; }

.cardPost {
  border: 1px solid #dfdfdf;
  text-align: left;
  line-height: normal;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.cardPost-Summary {
  font-size: 11px;
  color: #726e6e;
  max-height: 48px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis; }

.cardPost-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #726e6e;
  max-height: 24px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis; }

.back-connect-block {
  padding: 10px 20px; }
  .back-connect-block .success {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    top: 0;
    opacity: .7;
    background: #fff;
    z-index: 1; }
    .back-connect-block .success .fa-check {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -20px 0 0 -20px;
      font-size: 40px;
      color: #4ab866; }

.contentContainer {
  border-top: 1px solid #dfdfdf;
  padding: 10px; }

.cardPost-img {
  position: relative; }
  .cardPost-img .thumbnail-Postimg {
    max-height: 90px; }
    .cardPost-img .thumbnail-Postimg img {
      max-height: 90px;
      max-width: 100%; }
  .cardPost-img .ic-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    display: block;
    background: #047bbc;
    top: 50%;
    border-radius: 100%;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-top: -10px; }
    .cardPost-img .ic-btn i {
      font-size: 20px;
      font-weight: bold;
      line-height: 20px; }
    .cardPost-img .ic-btn.ic-btn-Prev {
      left: -10px !important; }
    .cardPost-img .ic-btn.ic-btn-Next {
      right: -10px !important; }

.template-social-post {
  max-width: 1000px; }

.cardPost-link {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 5px;
  color: #ccc; }

.ic-close-back a {
  color: #030303;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .ic-close-back a:hover {
    color: #fd3c1c; }

a.iconSocialTop .social-circle {
  background: #030303;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 28px;
  position: absolute;
  z-index: 2;
  margin-left: -20px;
  left: 50%;
  top: 50%;
  margin-top: -34px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.connect-box.isCurrent a.iconSocialTop .social-circle {
  opacity: 1;
  margin-top: -12px;
  top: 0;
  z-index: 2; }

.txt-Location {
  margin-top: 45px;
  text-align: left;
  margin-bottom: 5px; }
  .txt-Location img {
    position: relative;
    top: 4px;
    width: 18px;
    height: 18px; }

.textarea-about {
  min-height: 200px;
  background: url("../calypso/images/social-publishing-v1/lines.png");
  font-size: 24px;
  color: #2979BE;
  border: none;
  line-height: 25px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  padding-top: 5px;
  resize: none; }
  .textarea-about:focus {
    box-shadow: none; }

.cardSummary--small {
  position: relative; }
  .cardSummary--small .cardPost-img {
    width: 70px;
    position: absolute; }
  .cardSummary--small .contentContainer {
    padding-left: 80px;
    border-top: 1px solid #dfdfdf; }

.front-connect-block {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -44px; }

.connect-box .front-connect-block {
  animation: SocialFade 1.5s ease-in-out;
  -moz-animation: SocialFade 1.5s ease-in-out;
  /* Firefox */
  -webkit-animation: SocialFade 1.5s ease-in-out;
  /* Safari and Chrome */
  -o-animation: SocialFade 1.5s ease-in-out;
  /* Opera */ }

.connect-box .back-connect-block {
  display: none;
  animation: SocialFade 1.5s ease-in-out;
  -moz-animation: SocialFade 1.5s ease-in-out;
  /* Firefox */
  -webkit-animation: SocialFade 1.5s ease-in-out;
  /* Safari and Chrome */
  -o-animation: SocialFade 1.5s ease-in-out;
  /* Opera */ }

.connect-box.isCurrent .front-connect-block {
  display: none; }

.connect-box.isCurrent .back-connect-block {
  display: block !important; }

.connect-box:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0px;
  border-style: solid;
  border-right-color: #faf9fc;
  border-top-color: #faf9fc;
  border-left-color: #fff;
  border-bottom-color: #fff;
  top: -2px;
  right: 9px;
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.connect-box.isCurrent:before {
  display: none !important; }

.connect-box:hover:before {
  border-width: 30px; }

.btn-social-publishing {
  margin-top: 15px; }
  .btn-social-publishing .button {
    margin: 0 8px; }

.cardCheckox {
  text-align: right;
  color: #2979BE; }
  .cardCheckox input[type="checkbox"] {
    position: relative;
    top: -2px; }

.txt-autosave {
  margin-top: 15px;
  font-size: 12px;
  color: #BFBFBF; }

.txt-Location img {
  width: 18px;
  height: 18px; }

.userNameTwitter {
  display: block;
  font-size: 11px;
  padding-left: 22px;
  margin-top: -5px;
  text-decoration: none;
  color: #726e6e; }

.connect-twitter .txt-Location img {
  top: 7px; }

@-webkit-keyframes SocialFade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes SocialFade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes formFade {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-loading .slick-list {
  background: #fff url("../calypso/images/social-publishing-v1/ajax-loader.gif") center center no-repeat; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Icons */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  background: #047bbc;
  border-radius: 50%; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  font-family: "FontAwesome";
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -10px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -10px; }

.slick-prev:before {
  content: "\f104"; }

[dir="rtl"] .slick-prev:before {
  content: "\f105"; }

.slick-next {
  right: -10px; }

[dir="rtl"] .slick-next {
  left: -10px;
  right: auto; }

.slick-next:before {
  content: "\f105"; }

[dir="rtl"] .slick-next:before {
  content: "\f104"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

/* Settings */
.sharing-service__description {
  margin: 0;
  color: #2a2e33;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  margin-top: 5px; }

.btn-footer {
  background: #efefef;
  padding: 15px;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center; }
  .btn-footer .button {
    min-width: 95px;
    margin: 0 5px; }

.sharing-service .button {
  text-transform: none;
  border-radius: 2px !important; }

.btn-connect {
  margin-right: 5px;
  height: 27px;
  overflow: hidden; }
  .btn-connect i.fa {
    margin-right: 5px;
    font-size: 14px;
    float: left;
    margin-top: -2px; }

.is-disconnect {
  color: #ffffff !important;
  background: #c6c9ce !important;
  border: 1px solid #c6c9ce !important; }

.is-connect {
  background: #EDAE46 !important;
  border: 1px solid #edae46 !important;
  color: #fff !important; }

.foldable-card.sharing-service {
  margin-bottom: 10px; }

.sharing-service__name h2 {
  font-weight: bold;
  font-size: 13px;
  position: relative;
  top: 2px; }

.sharing-service__description {
  font-size: 12px; }

.social-settings {
  padding: 15px; }
  .social-settings .collapse-card.is-expanded .collapse-card__content {
    padding: 15px; }

.social-setttings__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  z-index: 181;
  overflow-y: auto; }
  .social-setttings__backdrop.social-setttings-enter, .social-setttings__backdrop.social-setttings-leave.social-setttings-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .social-setttings__backdrop, .social-setttings__backdrop.social-setttings-enter.social-setttings-enter-active, .social-setttings__backdrop.social-setttings-leave {
    background-color: rgba(0, 0, 0, 0.7); }
  .social-setttings__backdrop.is-full-screen {
    top: 0; }

.social-setttings.card, .social-setttings.editor-drawer-well__placeholder {
  color: #2a2e33;
  max-width: 90%;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  margin: auto 0;
  box-shadow: none;
  min-width: 600px;
  padding: 0; }
  .social-setttings-enter .social-setttings.card, .social-setttings-enter .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-leave.social-setttings-leave-active .social-setttings.card,
  .social-setttings-leave.social-setttings-leave-active .social-setttings.editor-drawer-well__placeholder {
    opacity: 0; }
  .social-setttings.card, .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-enter.social-setttings-enter-active .social-setttings.card,
  .social-setttings-enter.social-setttings-enter-active .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-leave .social-setttings.card,
  .social-setttings-leave .social-setttings.editor-drawer-well__placeholder {
    opacity: 1; }
  .social-setttings.card .close, .social-setttings.editor-drawer-well__placeholder .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #030303;
    font-size: 22px; }
  .social-setttings.card .modal-title, .social-setttings.editor-drawer-well__placeholder .modal-title {
    font-size: 22px;
    color: #2a2e33;
    padding: 0; }
  .social-setttings.card .modal-body, .social-setttings.editor-drawer-well__placeholder .modal-body {
    color: #2a2e33;
    font-size: 12px;
    background: #f7f7f7;
    padding: 15px; }
  .social-setttings.card .modal-footer, .social-setttings.editor-drawer-well__placeholder .modal-footer {
    text-align: right;
    padding: 15px; }
    .social-setttings.card .modal-footer .button, .social-setttings.editor-drawer-well__placeholder .modal-footer .button {
      margin-left: 10px; }

.social-setttings__content {
  color: #4f748e; }
  .social-setttings__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.social-setttings__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }

.social-setttings__action-buttons .button {
  margin-left: 10px;
  min-width: 80px; }
  .social-setttings__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.social-setttings__action-buttons .is-left-aligned {
  float: left; }

#iframeTwitter {
  width: 100%; }

.btn-custom {
  background: white;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  font-weight: 500;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  padding: 7px 14px 9px; }

.add-account {
  margin-bottom: 15px; }

.social-settings .fieldset {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  padding: 15px; }
  .social-settings .fieldset label {
    color: #2a2e33; }
  .social-settings .fieldset legend {
    padding: 5px 10px;
    margin-left: 20px;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    color: #0976b4; }

.social-settings {
  color: #2a2e33;
  font-size: 13px; }

.social-setttings.card, .social-setttings.editor-drawer-well__placeholder {
  width: 650px; }

.share-services {
  padding-bottom: 15px !important;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 5px !important; }

.share-services li {
  float: left;
  list-style: none;
  margin: 0 8px; }
  .share-services li a.connect-facebook {
    background: #3b5998 !important; }
  .share-services li a.connect-twitter {
    background: #55acee !important; }
  .share-services li a.connect-google-plus {
    background: #d34836 !important; }
  .share-services li a.connect-linkedin {
    background: #006699 !important; }

.share-services {
  margin: 0;
  padding: 0; }

.share-services li:first-child {
  margin-left: 0px; }

.share-services li a {
  width: 45px;
  height: 45px;
  display: block;
  text-align: center;
  color: #fff;
  padding: 2px;
  box-sizing: border-box;
  font-size: 20px;
  position: relative;
  opacity: 0.7;
  line-height: 45px !important;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }
  .share-services li a:hover {
    opacity: 1; }
  .share-services li a.is-select {
    opacity: 1;
    line-height: inherit !important; }

.isCheck {
  z-index: 1;
  content: '';
  position: absolute;
  border-bottom: 30px solid #fff;
  border-left: 30px solid transparent;
  right: 1px;
  bottom: 1px; }
  .isCheck i {
    font-size: 15px;
    position: absolute;
    color: green;
    right: 2px;
    bottom: -30px; }

.modal-title.color-pink {
  color: #FC3B6F !important;
  border-bottom: 1px solid #FC3B6F !important;
  margin-bottom: 30px;
  padding-bottom: 30px; }

.social-setttings__content p {
  margin-bottom: 10px; }

.social-setttings__content .form-fieldset {
  margin-bottom: 10px; }

.social-setttings__content .col-sm-4.control-label {
  padding-right: 0px;
  padding-top: 8px; }

.social-setttings__content .has-feedback .form-control-feedback {
  top: 0; }

.social-setttings__content .form-text-input input[type="text"] {
  height: 32px; }

.social-setttings__content .btn-footer {
  padding: 10px; }
  .social-setttings__content .btn-footer .button {
    padding: 5px 14px; }

.global-notices {
  z-index: 182; }

.sharing-service__description {
  margin: 0;
  color: #2a2e33;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  margin-top: 5px; }

.btn-footer {
  background: #efefef;
  padding: 15px;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center; }
  .btn-footer .button {
    min-width: 95px;
    margin: 0 5px; }

.sharing-service .button {
  text-transform: none;
  border-radius: 2px !important; }

.btn-connect {
  margin-right: 5px;
  height: 27px;
  overflow: hidden; }
  .btn-connect i.fa {
    margin-right: 5px;
    font-size: 14px;
    float: left;
    margin-top: -2px; }

.is-disconnect {
  color: #ffffff !important;
  background: #c6c9ce !important;
  border: 1px solid #c6c9ce !important; }

.is-connect {
  background: #EDAE46 !important;
  border: 1px solid #edae46 !important;
  color: #fff !important; }

.foldable-card.sharing-service {
  margin-bottom: 10px; }

.sharing-service__name h2 {
  font-weight: bold;
  font-size: 13px;
  position: relative;
  top: 2px; }

.sharing-service__description {
  font-size: 12px; }

.social-settings {
  padding: 15px; }
  .social-settings .collapse-card.is-expanded .collapse-card__content {
    padding: 15px; }

.social-setttings__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  z-index: 181;
  overflow-y: auto; }
  .social-setttings__backdrop.social-setttings-enter, .social-setttings__backdrop.social-setttings-leave.social-setttings-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .social-setttings__backdrop, .social-setttings__backdrop.social-setttings-enter.social-setttings-enter-active, .social-setttings__backdrop.social-setttings-leave {
    background-color: rgba(0, 0, 0, 0.7); }
  .social-setttings__backdrop.is-full-screen {
    top: 0; }

.social-setttings.card, .social-setttings.editor-drawer-well__placeholder {
  position: relative;
  opacity: 1;
  margin: 46px 0 auto 0;
  padding: 0;
  min-width: 600px;
  color: #2a2e33;
  max-width: 90%;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  box-shadow: none; }
  .social-setttings-enter .social-setttings.card, .social-setttings-enter .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-leave.social-setttings-leave-active .social-setttings.card,
  .social-setttings-leave.social-setttings-leave-active .social-setttings.editor-drawer-well__placeholder {
    opacity: 0; }
  .social-setttings.card, .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-enter.social-setttings-enter-active .social-setttings.card,
  .social-setttings-enter.social-setttings-enter-active .social-setttings.editor-drawer-well__placeholder,
  .social-setttings-leave .social-setttings.card,
  .social-setttings-leave .social-setttings.editor-drawer-well__placeholder {
    opacity: 1; }
  .social-setttings.card .close, .social-setttings.editor-drawer-well__placeholder .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #030303;
    font-size: 22px; }
  .social-setttings.card .modal-title, .social-setttings.editor-drawer-well__placeholder .modal-title {
    font-size: 22px;
    color: #2a2e33;
    padding: 0; }
  .social-setttings.card .modal-body, .social-setttings.editor-drawer-well__placeholder .modal-body {
    color: #2a2e33;
    font-size: 12px;
    background: #f7f7f7;
    padding: 15px; }
  .social-setttings.card .modal-footer, .social-setttings.editor-drawer-well__placeholder .modal-footer {
    text-align: right;
    padding: 15px; }
    .social-setttings.card .modal-footer .button, .social-setttings.editor-drawer-well__placeholder .modal-footer .button {
      margin-left: 10px; }

.social-setttings__content {
  color: #4f748e; }
  .social-setttings__content h1 {
    color: #2e4453;
    font-size: 1.375em;
    font-weight: 600;
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em; }

.social-setttings__action-buttons {
  overflow: hidden;
  border-top: 1px solid #e9eff3;
  padding: 16px;
  margin: 0 -24px -24px;
  text-align: right; }

.social-setttings__action-buttons .button {
  margin-left: 10px;
  min-width: 80px; }
  .social-setttings__action-buttons .button .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.social-setttings__action-buttons .is-left-aligned {
  float: left; }

.ic-bitly .sharing-service__name h2 {
  color: #ee6123; }

.ic-bitly .sharing-service__logo {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxRUY4MUI3RUU3MTFFNkJCQTdEN0U1MTA0ODRCMUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxRUY4MUM3RUU3MTFFNkJCQTdEN0U1MTA0ODRCMUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjFFRjgxOTdFRTcxMUU2QkJBN0Q3RTUxMDQ4NEIxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjFFRjgxQTdFRTcxMUU2QkJBN0Q3RTUxMDQ4NEIxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKcO84AAAn7SURBVHja7JoJrFRXGYDPOffOzNtYBFqKFUEobqAg1LYQQ2iKCzQIcaWpBq2SClEaQU1qGqxKYxNTmya0odGKJrg0JrahJWqDlTZUWgzdqImxBgstxL6yVV7nzZu5c6/ff+6d4cyZhfeAmpD0kv+du/znnH9fzqCTJFEX8mXUBX5d8AyE7sNLnxrfhCAm1tc3SoW5nIqiikriRGljVLUaqXwur+IkVoEJJoM3U2l9lVZqFkY5RWs9luk9sgRQZKGjjAd4eJY3T2mt/hknyat2jzi2ezGnvmcQBHaM+VYqDSrX1Cf/rr81AyO7EtHex7U2yxkXw9T02hfdCl3rGfydz7frLUKSPA3BO2FiO09PnBcNDI9uK6lrwjB/E0Rfo1Mpj/zSei5z5yKFGxJjdqCFu3j7zJvrA0lykQmDO1HvdmCZOlviG/jQE4wxq4IwfJTHW0a6ZjgCwc9hk3swmflnQK0A/djsScaSFsNOVIEVxkDtRbwrtJk31gTBD5m3IKlW1/H8r3NmQBzHglKLoGMrCpvaBjUC8XHwHtOpGbySJPFRHL4IUYYFulltHGtdCsxC4gvEDMHrbaGRJcwRv7gBeHJEDOSIKg0fw1CZwFxtgvA3EDixxfxBCLofuM9ovR+c15XW7fY6BDwL7g6gJ46rM9DmF2BGCB3nMfE+ht+y3nWMe4btA6JtF8IgnAlTWyBuYgvtPFGNoqWMX4bk3bx6fQSmK2H1ORz324TmRdw/1AJnCkT8lPHdZ+vEo7TRm1ssUIHo24El3O9qZXa6vRZaXfuJ9Z+Oq9F3LWMuccbMxALuZs2+ujl7pU8DAyBbEALy+fy3CJOLvAkD2PY6NryZ+1O1mF8jOHYST7VaHQkjFeb9iL2+zv0brjCMCRYXurrWA6pQKFg4swkZLRHnJm+TKgt+k3GLmy196VuPjiJVKZfV0FDJMuRm2TNcW/GN7/hrYsbr8ce54pNhGHQ2ISaYXJjbwO0Y9z0L/wBifpbexyqqVDrF9vrmpcGiKpdLtvQYRlIAt3xPVClv9hgeg1g3sF6QJLp9FLLSV2oeprPUhu/MnpHowxBwexjmLPEx5pFdc/j+MZAmgXyC573AH/01xZxEKzIfzXbmQVkmNoK7kMkfrL835lr2uMKPSg2rUZQJ4nI2HVczB0bieXwzIa8shNQLL6W+Au4mvl9Skx4mhV8k23haZ3ODx4gUgyLYwOSV34Vg63bt1EzCE/jT94h+DzRoQesV4Oxpa0JwPp5VPuqqDwJ/yWYvZA+WEBLNR/JdXXfXiT9N5Cj+rsHhVnd39ygfenp6ba6xa0CwSMGNLlY4aVSQ+5282+lFpSXMvbi9Exs9XetgjhN5pCT4dc25xWkFkNCGdiWBxTPBCsmL7ey8rvEsCERxpKJqBlFkNcX9AGZ7P9ixM/v9WVXbJowaczlM5N1khVyeMyYl3klyfRnC4+BsVY2byDUJGN/GyBsKLKONJExF4GgCBPEYKAddK2f6lW19gIVc6aPFeJf4oC89cL7BsADYwcNU3n+xQRha5/yqUtfCbNLacRGcNVEvJr7Iu/2s9y5n7dntizmtpztPb+BEex1ncNX/DwupT0xrXbw2aaWtQiQBJpVqykSzxT2P9j/pvJreKYxOch4lovy7iSw3PttKmZK5mVh5rmb5w5qJ6pjIEhtqC2FBJZ6K0M0B6JIkGmQ0Xtwpkbnl7QlC50lAnYaWRJRrxDraqmaghndsk+YccWBhVjv/uP7Dt7KD3NepH3Dr6WKSNictrMNvYHTsYbBnEkvzn3nt26RhydaPs8q1v6mpkPrJGKssh+9yaEzSJgw0MeASLI4YNNhy2tz4TXukdKMGIH6IAHAqMGYeke3zUCQZ9DKVRi/Z4yD3f2XclmXvWuy3mpBk5miu27OUUicGRDKTMyLGVcpDYlIna3KV5BMEoW8Wke8DmFovye77jNcBb28huglSsjB+lu+3QfnmetmBGdVCdnZNbLSM5FRbBpDaYSbPymqg0WEu987TDGS2ETcFl9i3K+mogJnDMP5LdBDcpau2Jd1SOyMqD5XqgY+yfhr1k3FoONzJiZ93pNuLE33IcygbJbx/SQvHGMlph8FkboPh96alvJGEmmmbFGrMLDd4EHJf6LSRWyiFTLzaLxNsfERKDsTDiPklfHofqLsbNHr6Goe212J2UmfZqjWXy8k4jVw00zPZvZ0YkBOFw47FLGDyFN9gbEJ1oOPJRhxvg/CF4C1FW8uZwH38iN+0YCbLwB2dOnIKfJmP1KbWhJfIUWSSPN2+mFPqZZD+5Eh8hhxzSJKpQbrw8I6SmLtJp2XG37KweRx+9yOZ9dwf8faekMvn34PN25xjyyRtlmWRMCtDbHV6qFNLKeFQavBBp0/+6tDQ0NhisagGSyUpuc+YnGztX6lsLw0ObqrUOjedqtQ2REnyd9bwjxElbF8qAhJBxTHNC+Wza4bMewCodOoHiABDf2aBXU7on5cv5FdZyWT+KmdV+FcNtL8OxA1A+L2DxSJtcSkNiYnKnDMF3r3SzLcupNWK7bfXazfrJskevv/BeNWA8TMhTjlISv+xdrSQz+U3suAH4iRNNDBps2UGrfrqF2F6b9/o0aq7p8eanX/m5Hds1uSUputjD6U/x36fcWWLQO7AC4p+NdMoubhqgab6L+VKeWu9OafFJDpsJjKMtX2tTTT1Gkk3m6I6wtxjJkjL5LQ0SHvpGvBigl9JUPgd4MNEkqUcsWgnP/2C+TvEHCveYULbeC2NNRFhX82OIHphd3fvnYVCVzeQBv5UBU1rYL+D1QhtVoTYON0m0a7viKlM97TWT5Tqz8tJoDHTnA/PwPAtIz6ZQ27H4HytHNQ6L78EzT9hs5yuNSJKh7VI4RhzYP3EQloW2CpKp2dGtIrzeHeZt+VBZLEJ5BXOOi9Bw2puXxvW4a4s3qCFSnlvV76wpru391cQPTo73vgaminKuWYcRwSFpET482Pr1Ciq9oVBMOA3KelpW7hafoJyoxnPwtQiB+8oQeBGAsq+s/+Bgw1w6odZZBVPrzq9841sdok4Nc33MV697M2cjc/cqhobJCFqPH60McyF17cIxaMcZg5WyuWV5XLpkfPyAwfSfhARH2XhO4Ar2Hw3JvFfMQ+YKaHm3zPOcggw2cnF4iy7v2aklDbh5Xz7cGeZxU/iv2vTeWc+jhzJb2S7KXWXYELvEAmx04DO4iib3odAV0K3f5I9OwOVNjcdryEy3M+JRLfCff+b9TvxcalYpW8Q4gnOSjI0cIjcsAZmjpzV751yfBPHK6uJBA3dP5K55+2HbjTwKOFuGeb00HDnSHXKnLXAtXjEg/+fn1k7nY9QKRKWVnJ3FRr6BOOVWUdWKwkGIPoQ754CfSf48pPT8XPa9q3/7PEWA+d2/U+AAQDueiA4q/esIwAAAABJRU5ErkJggg=="); }
  .ic-bitly .sharing-service__logo g {
    display: none; }

.setting-header-bitly {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .setting-header-bitly .link-bitly {
    width: 370px;
    position: relative;
    margin-left: auto; }
    .setting-header-bitly .link-bitly .bitly-label {
      width: 35px;
      float: left;
      color: #2e4453;
      margin-top: 10px; }
    .setting-header-bitly .link-bitly input {
      width: 335px; }

.formRange-container {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 100%; }
  .formRange-container .lbRange.lbFromRange {
    padding-right: 15px;
    text-align: left; }
  .formRange-container .lbRange.lbToRange {
    padding-left: 15px;
    text-align: right; }
  .formRange-container .range {
    width: auto;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    -webkit-box-flex: 2;
            flex-grow: 2; }
  .formRange-container input[type=range]::-ms-tooltip {
    display: none; }

.hisTimeFormat {
  display: inline-block;
  margin-top: 15px; }
  .hisTimeFormat p {
    margin: 0; }

.txt-dateShared {
  font-weight: bold;
  font-size: 125%; }

.txt-timeShared {
  color: #ccc;
  text-align: center;
  font-size: 12px; }

.rowDateShare {
  margin-bottom: 10px;
  border: 1px solid transparent; }

.rowDateShare:hover {
  border: 1px solid #ccc; }

.rowDateShare.is-selected {
  background: #f1f1f1;
  border: 1px solid #ccc; }

.template-history-share {
  max-width: 800px;
  margin: 0 auto 5px; }
  .template-history-share .col-sm-6 {
    padding-left: 0;
    padding-right: 0; }

.stream-item-header {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  padding-left: 44px; }
  .stream-item-header .link-bit-ly a {
    text-decoration: none; }
  .stream-item-header .cardPost-message {
    line-height: normal;
    margin: 4px 0; }
  .stream-item-header.userInfo-danger .social-circle {
    background: #b4b4b4 !important; }
  .stream-item-header.userInfo-danger .profile-avatar:before {
    content: '\f071';
    position: absolute;
    color: #fff;
    font-family: FontAwesome;
    z-index: 1;
    right: -2px;
    bottom: -6px;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    text-align: center;
    background: red;
    font-size: 10px; }
  .stream-item-header.userInfo-danger .cardPost-message {
    color: #a94442;
    border-color: #ebccd1 !important; }
    .stream-item-header.userInfo-danger .cardPost-message:before {
      border-right-color: #ebccd1 !important; }

.stream-item-header .profile-avatar {
  float: left;
  width: 35px;
  height: 35px;
  margin-left: -44px;
  position: relative; }
  .stream-item-header .profile-avatar img {
    width: 100%;
    height: 100%;
    top: 0; }

.item-cardPreview {
  display: inline-block;
  padding: 0 0px 0 35px !important;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative; }
  .item-cardPreview p {
    margin-bottom: 0;
    line-height: 1.4; }
  .item-cardPreview .txt-Location {
    margin-top: 10px;
    padding-right: 0; }
  .item-cardPreview .thumbnail-Postimg {
    max-height: auto !important; }
  .item-cardPreview .social-circle {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #b4b4b4;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 4;
    left: -20px;
    top: 6px; }
    .item-cardPreview .social-circle.social-twitter {
      background: #55acee; }
    .item-cardPreview .social-circle.social-facebook {
      background: #3b5998; }
    .item-cardPreview .social-circle.social-linkedin {
      background: #006699; }
    .item-cardPreview .social-circle.social-google-plus {
      background: #d34836; }

.item-cardPreview .cardPost-img .thumbnail-Postimg {
  height: 110px;
  overflow: hidden; }
  .item-cardPreview .cardPost-img .thumbnail-Postimg img {
    max-height: none !important;
    display: block; }

.button.btn-pink {
  background: #F43D70;
  border: 1px solid #F43D70; }
  .button.btn-pink:hover {
    background: #db3060;
    border-color: #db3060; }

@media (max-width: 640px) {
  .item-cardPrivew {
    padding-right: 0 !important; }
  .hisTimeFormat {
    margin-top: 10px; } }

.history-share-block-scroll {
  /*max-height:460px;*/
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 15px; }

.footer-block {
  padding-left: 30px;
  padding-right: 30px; }

.list-cardPreview-posts-block {
  /*overflow-x: scroll;*/ }

.list-cardPreview-posts {
  overflow: hidden; }

.list-cardPreview-posts-block .stream-item-header .cardPost-message {
  position: relative;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #ccc;
  min-height: 12px;
  background: #fff; }

.list-cardPreview-posts-block .stream-item-header .cardPost-message:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: -6px;
  top: 4px;
  border-right: 6px solid #ccc;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; }

.list-cardPreview-posts-block .stream-item-header .cardPost-message:after {
  content: '';
  position: absolute;
  z-index: 0;
  left: -5px;
  top: 4px;
  border-right: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; }

.template-history-share .contentContainer {
  border-top: none; }

.unsuccess-send {
  text-decoration: line-through; }

.template-history-share .btn-social-publishing .button {
  margin: 0; }

.template-history-share .cardPost {
  padding-top: 15px; }

@font-face {
  font-family: 'rosettaicons';
  src: url("/calypso/fonts/rosetta/rosetta-icons-Regular.eot");
  src: url("/calypso/fonts/rosetta/rosetta-icons-Regular.eot?#iefix") format("embedded-opentype"), url("/calypso/fonts/rosetta/rosetta-icons-Regular.woff") format("woff"), url("/calypso/fonts/rosetta/rosetta-icons-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "utmavo";
  src: url("/calypso/fonts/utm-avo/utmavo.eot");
  src: url("/calypso/fonts/utm-avo/utmavo.ttf") format("truetype"); }

@font-face {
  font-family: "gothamHTF-Book";
  src: url("/calypso/fonts/gotham/gothamHTF-Book.ttf") format("truetype"); }

@font-face {
  font-family: "gothamHTF-Book-bold";
  src: url("/calypso/fonts/gotham/gothamHTF-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "TisaPro-Regular";
  src: url("/calypso/fonts/tisapro/TisaPro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "arial-mt-condensed";
  src: url("/calypso/fonts/arial-mt-condensed/arial-mt-condensed.ttf") format("truetype"); }

.dashboard-page {
  margin-top: 47px; }

.is-section-layout-cms-dashboard .container-fluid {
  padding-left: 304px !important;
  padding-right: 32px !important;
  padding-top: 20px !important; }

.is-section-layout-cms-dashboard .container-fluid .sidebar, .is-section-layout-cms-dashboard .container-fluid .post-editor__sidebar {
  padding: 32px 20px 20px !important;
  box-sizing: border-box; }

.main-sidebar .sidebar__menu a {
  font-family: "utmavo";
  color: #666666;
  text-decoration: none;
  font-size: 14px !important;
  padding: 5px 16px 5px 14px; }

.main-sidebar .sidebar__heading {
  font-family: "utmavo";
  margin-top: 30px; }

.sidebar__menu:first-child .sidebar__heading {
  margin-top: 0; }

#page-title {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding-top: 0px;
  padding-bottom: 30px; }

.page-header {
  font-size: 30px;
  font-family: inherit;
  font-weight: bold; }

.searchbox button {
  border: 0;
  background: 0;
  padding: 2px 5px;
  margin-top: 2px;
  position: absolute;
  right: 10px;
  font-size: 22px;
  z-index: 2;
  background: #fff; }
  .searchbox button:active {
    margin-top: 3px; }

.custom-search-form {
  position: relative; }
  .custom-search-form .form-control {
    font-size: 22px !important;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #dbdbdb; }
    .custom-search-form .form-control:focus {
      box-shadow: none;
      font-size: 13px !important; }
  .custom-search-form .form-control::-webkit-input-placeholder {
    color: #A9A9A9;
    opacity: 1; }

@media (min-width: 768px) {
  .searchbox {
    width: 300px; } }

@media (min-width: 768px) {
  .page-header, .searchbox {
    display: table-cell;
    vertical-align: middle; } }

.widget {
  padding: 20px 0;
  /*font-family: "utmavo";*/
  /*font-family: 'Product Sans', Arial, sans-serif;*/
  font-family: "gothamHTF-Book";
  font-size: 14px; }
  .widget.borderRadius {
    border-radius: 10px; }
  .widget p {
    margin: 0; }

.widget-heading {
  margin-bottom: 10px;
  font-family: 'ProgothamHTF-Book', Arial, sans-serif; }

.widget-title {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  clear: none; }

.widget-control {
  float: right;
  padding-right: 20px; }

.bg-black {
  background-color: #3d3d3d;
  color: #fff;
  padding: 20px; }
  .bg-black .fa-cog {
    color: #ffffff; }

.info-contact {
  margin-top: 15px; }
  .info-contact a {
    color: #fff;
    text-decoration: none; }

.heading-small {
  text-transform: uppercase;
  color: #a3a3a3;
  font-family: 'gothamHTF-Book', Arial, sans-serif; }

span.wiTemperature {
  font-size: 400%;
  text-align: center;
  color: inherit;
  font-weight: bold;
  float: left; }
  span.wiTemperature sup {
    font-size: 30%;
    vertical-align: baseline;
    top: -2.4em;
    left: -1em;
    position: relative; }

.wiImgStatus {
  position: relative;
  top: 8px; }
  .wiImgStatus img {
    width: 75px; }

.wiText {
  text-transform: uppercase;
  font-weight: bold;
  color: #585858;
  font-size: 20px; }

.system-alert .col-sm-6:first-child:before {
  content: '';
  height: 100%;
  right: 4px;
  width: 1px;
  background: #515151;
  position: absolute; }

.system-alert h3 {
  font-weight: bold;
  font-family: 'gothamHTF-Book', Arial, sans-serif;
  margin: 0; }

.system-alert .date-time {
  margin: 5px 0; }

.size-small, .date-time {
  font-size: 13px; }

.list-most-popular-news {
  margin: 0; }
  .list-most-popular-news li {
    list-style: none;
    margin-bottom: 20px;
    position: relative; }
  .list-most-popular-news .score-down, .list-most-popular-news .score-up {
    position: absolute;
    right: 0;
    bottom: 0; }
  .list-most-popular-news .story-gallery {
    float: left;
    max-width: 110px;
    margin-right: 10px;
    width: 100%;
    position: relative; }
  .list-most-popular-news .story-gallery > a {
    display: block;
    line-height: 0; }
  .list-most-popular-news .headline {
    padding-right: 115px;
    margin: 0 9px 0;
    font-size: 18px; }
  .list-most-popular-news .date-story {
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 10px;
    font-weight: bold; }
  .list-most-popular-news .attachment-post-thumbnail {
    height: 97px; }

.attachment-post-feature_image {
  overflow: hidden;
  position: relative;
  display: block;
  height: 480px; }
  .attachment-post-feature_image img {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto; }

.headline {
  clear: none;
  font-weight: bold;
  font-family: "utmavo"; }
  .headline a {
    text-decoration: none;
    color: #131313;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .headline a:hover {
      color: #007cbc; }

.feature-story .headline {
  font-size: 28px;
  margin: 15px 0; }

.score-down, .score-up {
  font-size: 22px;
  font-family: "gothamHTF-Book-bold";
  font-weight: bold; }

.score-up {
  color: #2cba68; }

.score-down {
  color: #fc3c6f; }

.story-meta {
  margin-top: 20px; }
  .story-meta .score-down, .story-meta .score-up {
    position: relative;
    margin-left: 18px; }

.format-video .story-gallery a {
  position: relative;
  display: block; }
  .format-video .story-gallery a:before {
    font-family: 'FontAwesome';
    content: "\f04b";
    position: absolute;
    font-size: 32px;
    left: 50%;
    top: 50%;
    color: #fff;
    line-height: 0;
    margin-left: -9px;
    margin-top: 0;
    z-index: 2; }

.intro-widget {
  margin-top: -10px !important;
  margin-bottom: 30px !important; }

.dashboard-page .page-content > div[class*="col-sm"], .block-most-popular div[class*="col-sm"] {
  padding-right: 30px;
  padding-left: 30px; }

.dashboard-page .page-content.row, .block-most-popular .row {
  margin-left: -30px;
  margin-right: -30px; }

.list-twitter-posts {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  margin-left: 0; }
  .list-twitter-posts li {
    display: inline-block;
    background: #fff;
    margin: 0 0 1.5em;
    width: 100%;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.22);
    border-radius: 5px;
    list-style: none;
    box-sizing: border-box; }
  .list-twitter-posts .SummaryCard-image img {
    border-radius: 5px 5px 0 0; }
  .list-twitter-posts .ProfileCardMini {
    position: relative; }
  .list-twitter-posts .short-timestamp {
    position: absolute;
    top: 0;
    right: 0;
    color: #aeb8c1; }
  .list-twitter-posts .ProfileCardMini-details {
    line-height: 15px; }
    .list-twitter-posts .ProfileCardMini-details a {
      text-decoration: none;
      color: #000; }
    .list-twitter-posts .ProfileCardMini-details .ProfileCardMini-screenname {
      display: block;
      color: #aeb8c1;
      font-size: 12px; }
  .list-twitter-posts .ProfileCardMini-avatar img {
    width: 28px;
    border-radius: 4px;
    float: left;
    margin-right: 5px; }
  .list-twitter-posts .twitter-content {
    padding: 15px;
    font-family: 'Arial'; }
  .list-twitter-posts .TweetTextSize {
    margin: 10px 0 !important; }
    .list-twitter-posts .TweetTextSize a {
      text-decoration: none; }

.ProfileTweet-action {
  width: 80px;
  color: #aab8c2;
  cursor: pointer;
  text-align: left; }
  .ProfileTweet-action.ProfileTweet-reply:hover {
    color: #2b7bb9; }
  .ProfileTweet-action.ProfileTweet-retweet:hover {
    color: #19cf86; }
  .ProfileTweet-action.ProfileTweet-favorite:hover {
    color: #E2264D; }
  .ProfileTweet-action.ProfileTweet-action-more:hover {
    color: #2b7bb9; }

.ProfileTweet-actionCount {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  position: relative;
  top: -2px; }

.Icon {
  background: transparent;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  position: relative; }

.Icon:after, .Icon:before {
  display: block;
  font-family: "rosettaicons";
  font-weight: normal;
  font-style: normal;
  text-align: center;
  -webkit-font-smoothing: antialiased; }

.Icon--reply:before {
  content: "\f151"; }

.Icon--retweet:before {
  content: "\f152"; }

.Icon--favorite:before {
  content: "\f148"; }

.Icon--dots:before {
  content: "\f150"; }

.block-network-score .score-up, .block-network-score .score-down {
  position: relative;
  margin-left: 10px;
  top: -2px; }

.block-network-score table tr th {
  font-size: 16px;
  font-family: "gothamHTF-Book-bold";
  color: #848484; }

.fz-score {
  font-size: 32px;
  font-family: "gothamHTF-Book-bold";
  line-height: normal; }

.txt-label {
  font-size: 16px;
  font-family: "gothamHTF-Book-bold";
  color: #c3c3c3;
  text-transform: uppercase; }

.filter-group {
  margin-left: 0;
  margin-bottom: 30px; }
  .filter-group li {
    margin: 0px 30px;
    list-style: none;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .filter-group li:first-child {
      margin-left: 0; }
    .filter-group li a {
      color: #838383;
      display: block;
      text-decoration: none;
      padding-bottom: 10px;
      position: relative;
      font-family: "gothamHTF-Book-bold";
      font-size: 18px;
      text-transform: uppercase;
      line-height: normal; }
      .filter-group li a:before {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        background: #007cbc;
        bottom: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    .filter-group li.isActive a, .filter-group li:hover a {
      color: #007cbc; }
      .filter-group li.isActive a:before, .filter-group li:hover a:before {
        width: 100%; }

.dashboard-page .layout .row > div[class*="col-sm"] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.dashboard-page .layout > div > div {
  overflow: hidden;
  margin-bottom: 10px; }

.dashboard-page .layout .row > div[class*="col-sm"].active {
  border: 2px  dashed blue; }

.layout > div div.active {
  border: 2px dashed #27ae60; }

.layout > div div.passive {
  border: 2px dashed #c0392b; }

.chart-horizontal img {
  max-width: 100%; }

a.button-add-statCounter {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-height: 90px;
  background: #f9f9f9;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
  color: #a8a8a8;
  box-sizing: border-box; }
  a.button-add-statCounter:hover {
    background: #ddd;
    color: #000; }
  a.button-add-statCounter .fa {
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px; }

.story-gallery {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden; }
  .story-gallery img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.story-gallery:hover:before {
  width: 50%; }

.story-gallery:hover::after {
  height: 50%; }

.story-gallery:hover img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2); }

.story-gallery:before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #F4BF1E;
  content: "";
  display: block;
  height: 2px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 10px;
  z-index: 2; }

.story-gallery:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #F4BF1E;
  content: "";
  display: block;
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 2px; }

.item-statCounter:nth-child(5):before, .item-statCounter:last-child:before {
  display: none; }

.item-statCounter::before {
  width: 1px;
  content: '';
  position: absolute;
  height: 100%;
  background: #e5e5e5;
  right: 15px; }

.layoutColumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px; }
  .layoutColumn li {
    list-style: none;
    width: 22%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #f2f2f2;
    position: relative;
    padding-bottom: 18px; }
    .layoutColumn li:first-child {
      width: 34%; }
    .layoutColumn li figure {
      margin-bottom: 15px; }
  .layoutColumn .blog-post-desc {
    font-family: "TisaPro-Regular";
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 20px; }
  .layoutColumn .blog-post-headline a {
    font-family: 'Roboto Condensed';
    line-height: normal;
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    display: block;
    margin-bottom: 5px; }
  .layoutColumn .itempropAuthor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .layoutColumn .itempropAuthor, .layoutColumn .stream-facebook-footer {
    color: #aeb8c1;
    font-size: 12px; }
  .layoutColumn .stream-facebook-footer {
    position: absolute;
    bottom: 0; }
    .layoutColumn .stream-facebook-footer span {
      display: inline-block;
      margin-right: 10px; }
  .layoutColumn .first-article {
    position: inherit; }
    .layoutColumn .first-article figure {
      width: 50%;
      float: left; }

.tags {
  margin-bottom: 5px !important; }
  .tags .topic-tag {
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    border-bottom: 1px solid #333;
    display: inline-block;
    padding-bottom: 2px; }

@media (max-width: 1600px) {
  .list-most-popular-news .story-gallery {
    width: 70px;
    height: auto; }
    .list-most-popular-news .story-gallery img {
      height: auto; }
  .list-most-popular-news .headline {
    font-size: 14px; }
  .attachment-post-feature_image {
    height: 350px; }
  .feature-story .headline {
    font-size: 20px; }
  .fz-score {
    font-size: 24px; }
  .score-down, .score-up {
    font-size: 16px; }
  .wiImgStatus img {
    width: 65px; }
  span.wiTemperature {
    font-size: 300%; }
  .wiText {
    font-size: 15px; } }

.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.equal > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

@media screen and (min-width: 768px) {
  .equal2, .equal2 > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }

@media (max-width: 660px) {
  .is-section-layout-cms-dashboard .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .list-twitter-posts {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
  .ProfileTweet-action {
    width: 65px; }
  .item-statCounter {
    padding-top: 15px;
    padding-bottom: 15px; }
    .item-statCounter::before {
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0; } }

#wpcom #Story > header:before, .panelTool .section-nav .section-nav-tabs__list:after, .panelTool .section-nav .section-nav-tab.is-selected:first-child:after, .widget-tabs .tabs-nav li:before, .widget-tabs .tabs-nav:before, .item-account.disable-account:before, .disable-comment:before, .is-section-layout-cms-dashboard:after, .dashboard-new-layout .equalHeight:after, .isResize:before, .popover-layout .popover-layout_box:before, .google_Analytics:after, .layout-page .panelTool-page:after {
  content: '';
  position: absolute; }

html, body {
  min-height: 100vh; }

.wpcom-site {
  min-height: 100%;
  position: relative; }

.modal-custom {
  width: 90%;
  margin: 30px auto;
  max-width: 1024px;
  box-sizing: border-box;
  min-height: 45vh; }
  @media (max-width: 640px) {
    .modal-custom {
      padding: 0;
      padding-top: 40px; } }

.widget-tabs .tabs-nav {
  margin: 0;
  position: relative; }
  .widget-tabs .tabs-nav li {
    float: left;
    position: relative;
    background-color: #e4e4e4;
    cursor: pointer;
    font-size: 15px;
    padding: 8px 30px;
    color: #888;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    list-style: none; }
    .widget-tabs .tabs-nav li:before {
      width: 0;
      height: 2px;
      background: #000000;
      left: 0;
      top: 0px;
      -webkit-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out; }
    .widget-tabs .tabs-nav li:first-child {
      border-left: none; }
      .widget-tabs .tabs-nav li:first-child.isCurrent {
        border-left: 1px solid #e0e0e0; }
    .widget-tabs .tabs-nav li.isCurrent {
      background: #faf9fc;
      z-index: 2;
      color: #000000;
      border-left: 1px solid #797979;
      border-right: 1px solid #797979; }
      .widget-tabs .tabs-nav li.isCurrent:before {
        width: 100%; }
  .widget-tabs .tabs-nav:before {
    width: 100%;
    height: 2px;
    bottom: 0;
    z-index: 1;
    background: #000; }

.widget-tabs .tabs-container {
  border: none;
  margin: -1px 0 0px;
  width: 100%;
  line-height: 21px;
  background: #faf9fc; }
  .widget-tabs .tabs-container .tab-panel {
    padding: 10px 20px 5px;
    width: 90%;
    margin: 0  auto 0px;
    display: none;
    visibility: hidden;
    font-size: 13px; }
    .widget-tabs .tabs-container .tab-panel.is-active {
      display: block;
      visibility: visible; }

.header-top {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .header-top .linkbitly {
    margin: inherit;
    margin-left: auto;
    margin-top: 10px; }
    .header-top .linkbitly .form-text-input {
      height: 35px; }
  @media (max-width: 640px) {
    .header-top {
      display: block; }
      .header-top .linkbitly {
        margin: 15px auto !important; } }
  @media (max-width: 960px) {
    .header-top {
      margin-bottom: 5px; } }

.social-comment + .social-comment {
  margin-top: 4px; }

.social-comment .title-social_comment {
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #686868; }
  .social-comment .title-social_comment b {
    color: #666666; }

.social-comment .superwarn {
  color: #fc3b6f; }

.social-comment .form-textarea {
  background: none;
  border: none;
  font-size: 13px !important;
  resize: vertical;
  color: #000;
  min-height: 115px; }
  .social-comment .form-textarea::-webkit-input-placeholder {
    color: #cccccc; }
  .social-comment .form-textarea:focus {
    box-shadow: none; }
  .social-comment .form-textarea .hightlight {
    color: #fc3b6f; }

.cardPost {
  border: 1px solid #dfdfdf;
  text-align: left;
  line-height: normal;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.cardPost-Summary {
  font-size: 11px;
  color: #726e6e;
  max-height: 48px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis; }

.cardPost-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #726e6e;
  max-height: 24px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis; }

.cardPost-link {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 5px;
  color: #ccc; }

.socialCardsGrid.cardPost {
  border: none;
  margin-top: 10px;
  font-family: "Open Sans";
  background: none;
  max-width: 1040px;
  margin: 10px auto 0; }
  .socialCardsGrid.cardPost .cardPost-title {
    font-size: 20px;
    max-height: inherit;
    line-height: normal;
    color: #333333;
    font-family: "Times New Roman";
    font-weight: normal;
    padding-right: 20px; }
    @media (max-width: 640px) {
      .socialCardsGrid.cardPost .cardPost-title {
        font-size: 18px; } }
  .socialCardsGrid.cardPost .contentContainer {
    border-top: none;
    padding: 10px 0px 0px 30px; }
  .socialCardsGrid.cardPost .cardPost-Summary {
    font-size: 12px;
    line-height: normal;
    max-height: inherit;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #3f3f3f; }
  .socialCardsGrid.cardPost .cardPost-link {
    font-size: 15px;
    color: #9c9c9c;
    margin-bottom: 0; }
  .socialCardsGrid.cardPost .slick-prev, .socialCardsGrid.cardPost .slick-next {
    width: 25px;
    height: 25px; }

.list-connected-accounts {
  margin: 0;
  float: left; }
  .list-connected-accounts li {
    list-style: none;
    margin-right: 8px;
    display: inline-block; }

.item-account {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  float: left;
  position: relative;
  border: 1px solid #eaeaea; }
  @media (max-width: 640px) {
    .item-account {
      width: 40px;
      height: 40px; } }
  .item-account .author-avatar {
    max-width: 100%;
    border-radius: 50%; }
  .item-account.disable-account:before {
    width: 100%;
    height: 100%;
    left: -5px;
    top: -5px;
    padding: 5px;
    border-radius: 50%;
    background: rgba(250, 249, 252, 0.8);
    z-index: 1; }

.style-icon-text {
  line-height: 50px;
  text-decoration: none; }
  .style-icon-text .add-socialAccount {
    margin-right: 15px; }

.add-socialAccount {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  background: #cccccc;
  color: #666666 !important;
  float: left;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  line-height: 45px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  @media (max-width: 640px) {
    .add-socialAccount {
      width: 40px;
      height: 40px;
      line-height: 40px; } }
  .add-socialAccount:hover {
    background: #000;
    color: #fff !important; }

.ic-social {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  color: #fff;
  bottom: 0;
  right: 2px; }
  @media (max-width: 640px) {
    .ic-social {
      width: 16px;
      height: 16px;
      font-size: 12px;
      line-height: 16px; } }
  .ic-social.ic-facebook {
    background: #3a589b; }
  .ic-social.ic-twitter {
    background: #2aaae0; }
  .ic-social.ic-linkedin {
    background: #1d75bb; }
  .ic-social.ic-google-plus {
    background: #df4a32; }

a.ic-remove {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  right: 0px;
  color: #666666;
  line-height: 16px;
  z-index: 2;
  border: 1px solid #666666;
  text-decoration: none;
  border-radius: 50%;
  text-align: center; }

.summaryCard-image a.ic-remove {
  right: 20px;
  border: 1px solid #fff;
  color: #fff; }

.ic-remove-modal {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: 32px;
  position: absolute;
  top: 16px;
  right: -16px;
  text-align: center;
  border: 2px solid #333333;
  text-decoration: none;
  font-size: 30px;
  color: #333333; }
  @media (max-width: 640px) {
    .ic-remove-modal {
      width: 25px;
      height: 25px;
      line-height: 25px;
      top: 0;
      right: -6px; } }

.ic-remove-modal:before, .ic-remove:before {
  content: '×';
  font-weight: 300;
  font-family: Arial, sans-serif; }

.count-characters {
  text-align: right;
  color: #000;
  font-size: 18px;
  margin-bottom: 0; }
  .count-characters .fa {
    margin-right: 10px; }

.social-comment {
  position: relative; }

.disable-comment:before {
  width: 100%;
  height: 100%;
  background: #faf9fc;
  opacity: 0.5;
  z-index: 1;
  left: 0;
  top: 0; }

.targetSocial-comment .item-comment {
  position: relative; }
  .targetSocial-comment .item-comment .item-account {
    position: absolute;
    z-index: 1; }
  .targetSocial-comment .item-comment .social-comment {
    padding-left: 65px; }
    .targetSocial-comment .item-comment .social-comment .title-social_comment {
      border-bottom: 1px solid #000; }
  .targetSocial-comment .item-comment .textarea-comment .form-textarea {
    padding-left: 0;
    color: #757575 !important; }

.targetSocial-comment #social-notice-area .notice-custom {
  border-radius: 0; }

.targetSocial-comment #social-notice-area .gridicons-cross {
  margin-top: 0; }

.targetSocial-comment #social-notice-area .notice__text {
  padding: 0 0 0 40px; }

.textarea-comment .form-textarea em {
  color: #fc3b6f; }

.btn-dropdown .ladda-button.is-primary {
  border-radius: 0;
  background-color: #027bbc !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-color: #027bbc !important;
  padding: 3px 10px 5px; }
  .btn-dropdown .ladda-button.is-primary:focus {
    background-color: #0796e1 !important; }
  .btn-dropdown .ladda-button.is-primary:hover {
    background-color: #0796e1 !important; }

.btn-dropdown .btn-primary {
  color: #fff;
  background-color: #027bbc !important;
  border: none;
  font-weight: bold !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .btn-dropdown .btn-primary:focus {
    background-color: #0796e1 !important; }
  .btn-dropdown .btn-primary:hover {
    background-color: #0796e1 !important; }

.btn-dropdown .ladda-button.is-primary[disabled], .btn-dropdown .btn-primary[disabled] {
  border-color: #c6c9ce !important;
  background: #c6c9ce !important; }

.btn-dropdown {
  position: relative; }
  .btn-dropdown.open .fa-chevron-down:before {
    content: '\f077'; }
  .btn-dropdown.open > .dropdown-menu {
    display: block; }
  .btn-dropdown .btn {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 30px;
    cursor: pointer; }
  .btn-dropdown .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .btn-dropdown .btn .caret {
    margin-left: 0; }

.dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  color: #333;
  text-decoration: none; }
  .dropdown-menu > li > a:hover {
    color: #027bbc; }

.btn-dropdown .dropdown-menu {
  bottom: 110%;
  margin-right: 5px;
  width: 140px;
  top: auto !important; }

.btn-dropdown > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-dropdown > .btn:last-child:not(:first-child), .btn-dropdown > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-dropdown .btn + .btn {
  margin-left: -1px;
  border-left: 1px solid #003366; }

.btn-action {
  margin-top: 30px; }
  @media (max-width: 960px) {
    .btn-action {
      margin-top: 10px; } }

.clear {
  clear: both; }

.account-notice {
  position: relative;
  font-size: 12px;
  padding: 9px 10px 9px 28px;
  margin: 1px;
  margin-top: -14px;
  margin-left: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.account-notice .icLinkbreak {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  color: #FF4136;
  width: 22px;
  height: 22px;
  font-size: 10px;
  border-radius: 100%;
  text-align: center;
  font-weight: bold;
  font-family: "FontAwesome";
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }

.account-notice .icLinkbreak > .gridicon {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px; }

.account-notice > p {
  margin-bottom: 0; }

.account-notice.warning {
  color: #b94a48; }

.isShared {
  position: absolute;
  color: green;
  right: 30px;
  top: 0;
  font-size: 14px !important;
  background: #fff;
  border-radius: 100%;
  padding: 1px;
  width: 14px;
  height: 14px;
  z-index: 1; }

.summaryCard-image {
  margin-left: -15px; }

.instant-article .form-checkbox {
  position: relative;
  top: 2px; }

.instant-article .form-checkbox[type=checkbox] + span {
  margin-left: 16px; }

.instant-article b {
  margin-left: 10px;
  color: #666666; }

.instant-article .gridicon {
  color: #027bbc;
  position: relative;
  top: 4px; }

.is-tooltip-instant-articles {
  max-width: 290px; }
  .is-tooltip-instant-articles p {
    margin: 0; }
  .is-tooltip-instant-articles .tip-inner {
    width: 290px;
    margin-left: -290px; }

.social-settings .collapse-card__main {
  margin-left: -8px; }

.social-settings .modal-title {
  margin-bottom: 15px; }

.social-settings .btn-footer {
  background: none; }

.modal-box {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 1040px !important;
  overflow-x: hidden; }
  .modal-box:before {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #faf9fc;
    z-index: -1;
    content: ''; }
  .modal-box .social-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px; }

.hwt-container {
  position: relative;
  overflow: hidden !important;
  -webkit-text-size-adjust: none !important; }
  .hwt-container .hwt-backdrop {
    position: absolute !important;
    top: 0 !important;
    right: -99px !important;
    bottom: 0 !important;
    left: 0 !important;
    padding-right: 99px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important; }
  .hwt-container .hwt-highlights {
    width: auto !important;
    height: auto !important;
    border-color: transparent !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    color: transparent !important;
    overflow: hidden !important;
    font-size: 13px !important; }
  .hwt-container .hwt-content {
    background: none transparent !important; }
    .hwt-container .hwt-content span {
      border-radius: 3px;
      background: #fc3b6f;
      color: transparent !important;
      opacity: .7; }
  .hwt-container .hwt-input {
    display: block !important;
    position: relative !important;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font: inherit;
    overflow-x: hidden !important;
    overflow-y: auto !important; }

.notice-custom.notice.is-warning {
  background: -webkit-linear-gradient(top, #fff, #f9f9f9);
  background: linear-gradient(to bottom, #fff, #f9f9f9);
  border: 1px solid #f1daab;
  color: #d68000;
  padding: 1px 0px !important;
  margin-top: 0px;
  position: relative; }
  .notice-custom.notice.is-warning:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d68000;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    left: 24px;
    z-index: 1;
    margin-top: -5px;
    background: #fc9700;
    content: ''; }
  .notice-custom.notice.is-warning .notice__text {
    font-size: 12px;
    padding: 8px 20px 8px 45px; }
  .notice-custom.notice.is-warning .notice__icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    background: #fc9700;
    color: #fff;
    height: 100%;
    box-sizing: border-box;
    width: 30px;
    border: 1px solid #d68000;
    display: block !important; }
  .notice-custom.notice.is-warning .notice__dismiss {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 2px 5px; }
  .notice-custom.notice.is-warning .notice__dismiss .gridicons-cross {
    color: #777777;
    width: 18px;
    height: 18px;
    margin-top: 6px; }

.slick-slide {
  max-height: 228px; }

.panel_scroll_message {
  max-width: 450px; }
  .panel_scroll_message .modal-body {
    max-height: 180px;
    overflow: auto;
    margin-right: 2px; }
  .panel_scroll_message p {
    margin-bottom: 8px; }

@media (min-width: 700px) {
  .noImage {
    background: #f1eff0;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    overflow: hidden; }
    .noImage img {
      max-height: 100%; }
  .summaryCard-image .slick-track, .summaryCard-image .noImage {
    height: 180px;
    overflow: hidden; }
    .summaryCard-image .slick-track img, .summaryCard-image .noImage img {
      max-width: 344px;
      margin: 0 auto; } }

.hwt-container .hwt-content.hwt-lock-bitly {
  position: absolute;
  top: 0;
  font-size: 13px;
  width: 100% !important;
  padding-right: 99px;
  box-sizing: border-box; }

.hwt-lock-bitly em.lock-bitly {
  color: #0084B4 !important;
  position: relative;
  z-index: 1;
  font-style: normal;
  cursor: not-allowed;
  text-decoration: underline; }

.btn-social-publishing {
  margin-top: 15px; }
  .btn-social-publishing .button {
    margin: 0 8px; }

.publishing-notice.notice-custom.notice.is-warning {
  text-align: left;
  padding-left: 40px !important;
  padding-right: 30px !important;
  border-radius: 0; }
  .publishing-notice.notice-custom.notice.is-warning .notice__text {
    padding: 8px 20px 8px 0px; }
  .publishing-notice.notice-custom.notice.is-warning .notice__dismiss {
    top: -5px; }

#social-notice-area {
  max-width: 830px; }
  #social-notice-area .notice__text {
    max-width: 100%;
    padding: 0; }
  #social-notice-area .notice__content {
    padding: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-loading .slick-list {
  background: #fff url("../calypso/images/social-publishing-v1/ajax-loader.gif") center center no-repeat; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Icons */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  background: #047bbc;
  border-radius: 50%; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  font-family: "FontAwesome";
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -10px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -10px; }

.slick-prev:before {
  content: "\f104"; }

[dir="rtl"] .slick-prev:before {
  content: "\f105"; }

.slick-next {
  right: -10px; }

[dir="rtl"] .slick-next {
  left: -10px;
  right: auto; }

.slick-next:before {
  content: "\f105"; }

[dir="rtl"] .slick-next:before {
  content: "\f104"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

.custom-scroll .outer-container {
  overflow: hidden;
  position: relative; }
  .custom-scroll .outer-container:hover .custom-scrollbar {
    opacity: 1;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s; }

.custom-scroll .inner-container {
  overflow-x: hidden;
  overflow-y: scroll; }
  .custom-scroll .inner-container:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 60%, transparent 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 60%, transparent 100%);
    pointer-events: none;
    -webkit-transition: height 0.1s ease-in;
    transition: height 0.1s ease-in;
    will-change: height; }
  .custom-scroll .inner-container.content-scrolled:after {
    height: 5px;
    -webkit-transition: height 0.15s ease-out;
    transition: height 0.15s ease-out; }

.custom-scroll.scroll-handle-dragged .inner-container {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.custom-scroll .custom-scrollbar {
  position: absolute;
  height: 100%;
  width: 6px;
  right: 3px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
  padding: 6px 0;
  box-sizing: border-box;
  will-change: opacity;
  pointer-events: none; }

.custom-scroll.scroll-handle-dragged .custom-scrollbar {
  opacity: 1; }

.custom-scroll .custom-scroll-handle {
  position: absolute;
  width: 100%;
  top: 0; }

.custom-scroll .inner-handle {
  height: calc(100% - 12px);
  margin-top: 6px;
  background-color: #8a8a8a;
  border-radius: 3px; }

.custom-scroll .inner-container::-webkit-scrollbar {
  display: none !important; }

.is-section-layout-cms-dashboard {
  font-family: "Averta"; }
  .is-section-layout-cms-dashboard #content.wp-content {
    padding: 0;
    margin: 0; }
  .is-section-layout-cms-dashboard .sidebar, .is-section-layout-cms-dashboard .post-editor__sidebar {
    top: 0; }
  .is-section-layout-cms-dashboard:after {
    width: 100%;
    height: 100%;
    z-index: -2;
    background: #f1f1f1;
    top: 0;
    left: 0;
    position: fixed; }
  .is-section-layout-cms-dashboard .badge {
    display: none; }
  .is-section-layout-cms-dashboard .sidebar, .is-section-layout-cms-dashboard .post-editor__sidebar {
    width: 220px;
    border-right: 1px solid #e4e5e7 !important;
    background-color: #f3f3f3;
    padding-top: 0 !important; }
    .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar-button:start:decrement, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar-button:start:decrement, .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar-button:end:increment, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar-button:end:increment {
      display: block;
      height: 0;
      background-color: transparent; }
    .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar-track-piece, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px; }
    .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar-thumb:vertical, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar-thumb:vertical, .is-section-layout-cms-dashboard .sidebar::-webkit-scrollbar-thumb:horizontal, .is-section-layout-cms-dashboard .post-editor__sidebar::-webkit-scrollbar-thumb:horizontal {
      background-color: #c8d7e1;
      -webkit-border-radius: 8px;
      border: 1px solid white; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__heading, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__heading {
      color: #2a2e33;
      font-family: "Averta";
      text-transform: uppercase;
      font-size: 16px;
      font-weight: normal; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__menu li a, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu li a {
      color: #2a2e33;
      font-family: "Averta";
      cursor: pointer; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__menu li:hover:not(.selected), .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu li:hover:not(.selected) {
      background: none; }
      .is-section-layout-cms-dashboard .sidebar .sidebar__menu li:hover:not(.selected) a, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu li:hover:not(.selected) a {
        font-weight: normal; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__menu li span, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu li span {
      font-weight: 600; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__menu .has_sub > a:before, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu .has_sub > a:before {
      width: 7px;
      height: 7px;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-color: #2a2e33;
      content: '';
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      position: absolute;
      font-size: 22px;
      top: 50%;
      right: 8px;
      margin-top: -4px;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
    .is-section-layout-cms-dashboard .sidebar .sidebar__menu .has_sub:hover a:before, .is-section-layout-cms-dashboard .post-editor__sidebar .sidebar__menu .has_sub:hover a:before {
      border-color: #039BF9; }
    .is-section-layout-cms-dashboard .sidebar .custom-select, .is-section-layout-cms-dashboard .post-editor__sidebar .custom-select {
      font-family: "Averta"; }
  .is-section-layout-cms-dashboard .container-fluid {
    padding-right: 10px !important; }
  .is-section-layout-cms-dashboard .masterbar {
    background: #2a2e33;
    min-height: 47px; }

.no_sub {
  position: relative; }
  .no_sub:hover a.btn_add_menu {
    display: block;
    color: #039BF9; }
  .no_sub a.btn_add_menu {
    position: absolute;
    width: 25px;
    height: 18px;
    display: none;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    right: -12px;
    text-align: center;
    box-shadow: 0 0 5px #c6c6c6;
    box-sizing: inherit;
    top: 0px;
    background: #f1f1f1;
    padding: 5px 10px; }

.badge {
  display: inline-block;
  position: relative;
  top: 2px;
  min-width: 30px;
  height: 20px;
  margin-left: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  line-height: 18px;
  color: #fff;
  border-radius: 12px;
  font-weight: bold;
  background: #24ab95;
  font-size: 12px; }

.badge.badge-defautl {
  background: #24ab95; }

.form-select-cms {
  font-family: "Averta"; }

.dashboard-new-layout {
  margin: 15px 0;
  padding: 0 15px; }
  .dashboard-new-layout .page-header {
    font-size: 24px;
    font-weight: normal;
    float: left;
    margin-left: calc(220px + 10px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
  .dashboard-new-layout #page-title {
    border-bottom: 1px solid #d1cece;
    margin-bottom: 14px;
    padding: 5px 20px;
    position: fixed;
    top: 42px;
    background: #f7f7f7;
    width: 100%;
    float: left;
    box-sizing: border-box;
    left: 0;
    z-index: 3; }
  .dashboard-new-layout .group-widget {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox; }
    @media (max-width: 991px) {
      .dashboard-new-layout .group-widget {
        display: inherit; } }
  .dashboard-new-layout .section-group > .row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      .dashboard-new-layout .section-group > .row {
        margin-bottom: 0; } }
  .dashboard-new-layout .section-group > .row > div[class*="col-md"] {
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 991px) {
      .dashboard-new-layout .section-group > .row > div[class*="col-md"] {
        margin-bottom: 20px; } }
  .dashboard-new-layout .col-md-12.equalHeight:after {
    display: none; }
  .dashboard-new-layout .equalHeight:after {
    width: auto;
    height: 100%;
    background: #fff;
    bottom: 0;
    left: calc(10px - 1px);
    width: calc(100% - (10px * 2));
    z-index: -1;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0); }
  .dashboard-new-layout .widget {
    min-height: 100px;
    padding: 15px;
    font-size: 13px;
    padding-top: 0;
    background: #fff;
    border-radius: 0px;
    font-family: "Averta"; }
    .dashboard-new-layout .widget .widget-heading {
      padding: 15px 0;
      margin-bottom: 0px;
      border-bottom: 0;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
    .dashboard-new-layout .widget .widget-control {
      position: relative;
      padding: 2px 0;
      z-index: 1;
      float: none;
      text-align: right;
      float: right; }
      .dashboard-new-layout .widget .widget-control a.ic-control:hover, .dashboard-new-layout .widget .widget-control .ic-control:hover .fa.fa-cog {
        color: #ce0000;
        cursor: pointer; }
      .dashboard-new-layout .widget .widget-control .ic-control {
        display: inline-block;
        padding: 1px 5px;
        min-width: 20px;
        text-align: center;
        color: #c2c2c2;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .dashboard-new-layout .widget .widget-control .ic-control.isCurrent .fa.fa-cog {
          color: #ce0000; }
      .dashboard-new-layout .widget .widget-control .ic-control + .ic-control {
        margin-left: 5px; }
    .dashboard-new-layout .widget .widget-title {
      font-size: 20px;
      color: #000;
      font-family: "Averta-Semibold";
      font-weight: bold;
      font-style: normal;
      padding: 4px 0;
      padding-top: 25px; }
      .dashboard-new-layout .widget .widget-title span.widget-title_lb {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .dashboard-new-layout .widget .widget-title .title_gaAccount {
        float: right;
        font-size: 13px;
        color: rgba(0, 0, 0, 0.3);
        font-family: "Averta";
        margin-top: 6px;
        margin-left: 10px;
        font-weight: normal; }
    @media (max-width: 992px) {
      .dashboard-new-layout .widget .widget-content {
        min-height: 100px !important; } }
    .dashboard-new-layout .widget a.ic-remove {
      display: none; }
  .dashboard-new-layout .widget-control .fa-cog {
    font-size: 16px; }
  .dashboard-new-layout .col-md-12 > .widget > .widget-content {
    min-height: 100px !important; }
  .dashboard-new-layout .switch-on .ic-control {
    color: #ce0000 !important; }
  .dashboard-new-layout .switch-on a.ic-drag {
    right: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    background: #000;
    color: #ccc;
    font-size: 24px;
    line-height: 25px;
    border: 1px solid #000;
    display: block !important; }
    .dashboard-new-layout .switch-on a.ic-drag span {
      font-size: 0; }
  .dashboard-new-layout .isOpenTool .col-md-4 .widget {
    padding: 5px; }

.main-content {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .main-content.isOpenTool {
    margin-right: 180px; }

.dashTools {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 5px;
  float: right; }
  .dashTools .ic-modDrag {
    margin-right: 10px; }
  .dashTools a {
    color: #999999;
    display: inline-block;
    float: left;
    height: 20px;
    min-width: 20px;
    text-align: center; }
    .dashTools a.isActive, .dashTools a:hover {
      color: #ce0000; }

.box__input-addWidget {
  outline: 2px dashed #f2f2f2;
  outline-offset: -10px;
  background-color: #fff;
  min-height: 100px;
  line-height: 100px;
  text-align: center;
  color: #999; }
  .box__input-addWidget.choose {
    background: #dcedf6;
    outline: 2px dashed #ccc;
    outline-offset: -10px; }

.moduleCategories {
  position: fixed;
  width: 180px;
  right: -180px;
  background: #f0f0f0;
  top: 88px;
  font-size: 13px;
  font-family: "Averta-Semibold";
  height: calc(100% - 100px);
  border: 1px solid #ccc;
  overflow-y: auto;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  z-index: 1; }
  .moduleCategories::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  .moduleCategories::-webkit-scrollbar-button:start:decrement, .moduleCategories::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  .moduleCategories::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  .moduleCategories::-webkit-scrollbar-thumb:vertical, .moduleCategories::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid white; }
  .moduleCategories.isOpenTool {
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }

.item-moduleCategorie h3 {
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
  font-size: 15px; }

.item-moduleCategorie .component {
  padding: 10px 5px 10px 10px;
  margin: 0 5px 5px 10px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px !important;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  text-align: left; }
  .item-moduleCategorie .component:hover {
    background: #f2f2f2;
    border-color: #e4e4e4;
    color: #000; }

/* =============== end dashboard=================*/
.item-moduleCategorie .choose {
  background: #ccc; }

.box__input-addWidget.choose {
  background: #ccc; }

.quick-action-tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px 0;
  margin-top: 85px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .quick-action-tool.isOpenTool {
    margin-right: 180px; }
  .quick-action-tool .btn-quick-action {
    margin-right: auto; }
  .quick-action-tool a {
    padding: 10px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: rgba(0, 0, 0, 0.4);
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.06);
    font-family: "Averta-Semibold";
    margin-bottom: 2px;
    height: 40px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
    .quick-action-tool a:hover, .quick-action-tool a.isActive {
      background: #1db6ff;
      border: 1px solid #1db6ff;
      color: #fff; }
    @media (max-width: 660px) {
      .quick-action-tool a {
        padding: 5px 7px;
        margin-right: 5px;
        margin-bottom: 5px;
        text-transform: none; } }

.content-quick-action-tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 15px; }
  .content-quick-action-tool .content-btn-quick-action {
    width: 125px;
    border: 1px solid #dbdbdb;
    text-transform: uppercase;
    font-size: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    margin-right: 15px;
    cursor: pointer; }
    .content-quick-action-tool .content-btn-quick-action .fa {
      font-size: 13px;
      position: relative;
      top: 1px;
      margin-right: 5px; }
    .content-quick-action-tool .content-btn-quick-action:last-child {
      margin-right: 0; }

.ic-settings {
  cursor: pointer;
  position: relative; }

.btn-default {
  padding: 5px 15px;
  text-decoration: none;
  border: 1px solid #ccc;
  color: #999;
  margin-right: 10px;
  border-radius: 4px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px; }

.btn-default + .btn-default {
  margin-left: 5px; }

.btn-default.btn-pink {
  background: #fc3b6f;
  color: #fff;
  border: 1px solid #fc3b6f; }
  .btn-default.btn-pink:hover {
    color: #fff; }

.btn-default.btn-gray {
  background: #333333;
  color: #fff;
  border: 1px solid #333333; }
  .btn-default.btn-gray:hover {
    color: #fff; }

.hidden {
  display: none; }

.visible {
  display: block; }

.main-content.isOpenTool.switch-on .moduleCategories.isOpenTool {
  display: none; }

.ondragNew::before {
  position: absolute;
  content: '';
  width: calc(100% - (10px * 2));
  height: calc(100%);
  background: #dcedf6;
  outline-offset: -4px;
  top: 0;
  z-index: 2; }

.boxViews .fz-score {
  font-size: 15px;
  font-family: "Averta";
  color: #000000; }

.boxViews table {
  width: 100%;
  table-layout: fixed;
  font-family: "Averta"; }
  .boxViews table tr td, .boxViews table tr th {
    padding: 5px; }
  .boxViews table tr td:first-child div {
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }
  .boxViews table tr td:last-child {
    text-align: right !important; }
  .boxViews table tr:nth-child(odd) td {
    background: rgba(0, 0, 0, 0.02); }
  .boxViews table tr:last-child {
    padding-right: 15px; }

.right {
  text-align: right; }

.intro-txt {
  margin-bottom: 5px; }

.chart-horizontal {
  position: relative; }
  .chart-horizontal .intro-txt {
    position: absolute;
    z-index: 1; }

/*===============================*/
.menu-widgetLibrary {
  margin: 0; }

.menu-widgetLibrary > .submenu {
  padding: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }
  .menu-widgetLibrary > .submenu h3 {
    position: relative;
    padding: 15px 8px;
    cursor: pointer;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    font-family: "Averta-Semibold";
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    letter-spacing: 0.2px; }
  .menu-widgetLibrary > .submenu h3:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 22px;
    top: 50%;
    right: 8px;
    margin-top: -16px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }

.submenu_widgetLibrary {
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  margin-left: 0;
  height: 0;
  margin: 0;
  overflow-y: hidden;
  -webkit-transition: height .5s;
  transition: height .5s;
  -webkit-transition: height .5s, padding-top .5s, padding-bottom .5s;
  transition: height .5s, padding-top .5s, padding-bottom .5s; }

.submenu.isExpand h3 {
  color: #000000; }

.submenu.isExpand h3:before {
  content: "\f107"; }

.submenu.isExpand .submenu_widgetLibrary {
  height: auto;
  padding-top: 10px; }

.grid-group {
  margin-bottom: 15px; }

.isResize {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 15px;
  bottom: 0;
  z-index: 1;
  text-align: right;
  padding-right: 2px;
  box-sizing: border-box;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  display: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .isResize:before {
    width: auto;
    height: auto;
    bottom: 0;
    right: 0;
    border-bottom: 32px solid #ce0000;
    border-left: 32px solid transparent;
    z-index: -1; }

.row div[class*="col-md"] + div[class*="col-md"] .isResize {
  left: 17px;
  right: auto;
  text-align: left; }
  .row div[class*="col-md"] + div[class*="col-md"] .isResize:before {
    border-left: none;
    border-right: 32px solid transparent; }

.row div[class*="col-md"] + div[class*="col-md"] .popover-layout {
  right: -68px; }

.popover-layout {
  position: absolute;
  text-align: left;
  bottom: 30px;
  right: -99px;
  color: #fff;
  line-height: normal;
  display: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  padding-bottom: 12px; }
  .popover-layout .popover-layout_box {
    padding: 10px;
    border-radius: 5px;
    background: #333333;
    width: 198px; }
    .popover-layout .popover-layout_box:after {
      content: " ";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; }
    .popover-layout .popover-layout_box:before {
      bottom: -9px;
      right: 50%;
      border: 10px solid transparent;
      border-top: 12px solid #333;
      z-index: -1;
      margin-right: -20px; }
  .popover-layout .choose_layout .layout_predefined {
    width: 46px;
    height: 15px;
    display: inline-block;
    margin: 10px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; }
  .popover-layout .choose_layout .layout_predefined_1 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYzNTIzQ0I2MzkxMTFFNjk1MERCQkIwMDA1NTlDQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYzNTIzQ0M2MzkxMTFFNjk1MERCQkIwMDA1NTlDQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjM1MjNDOTYzOTExMUU2OTUwREJCQjAwMDU1OUNCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjM1MjNDQTYzOTExMUU2OTUwREJCQjAwMDU1OUNCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqFH45IAAAA6SURBVHjaYpwgIvKfgQYg//VrRhB9npGRJuYzMQxRMOrwUYePOnzU4aMOH3X4qMNHHT7qcBoAgAADAA1jBes0VOKLAAAAAElFTkSuQmCC"); }
    .popover-layout .choose_layout .layout_predefined_1.choose {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNDgzNUJDNTUxNjNFNjExQUEzN0ZDMjIxNzhFODdBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMzA5NzA1MDY1MTcxMUU2ODhGMDk5MzdDNTRGNDY5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMzA5NzA0RjY1MTcxMUU2ODhGMDk5MzdDNTRGNDY5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+38AjQAAAADpJREFUeNpiMa6f+Z+BBuBMQxojiDY5y0AT85kYhigYdfiow0cdPurwUYePOnzU4aMOH3U4DQBAgAEAVeQGHkrFJ8sAAAAASUVORK5CYII="); }
  .popover-layout .choose_layout .layout_predefined_2 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0VCMTgxRkI2MzkxMTFFNkI0MDNEQTk2RERBNTc4QjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0VCMTgxRkM2MzkxMTFFNkI0MDNEQTk2RERBNTc4QjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RUIxODFGOTYzOTExMUU2QjQwM0RBOTZEREE1NzhCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RUIxODFGQTYzOTExMUU2QjQwM0RBOTZEREE1NzhCMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqtcM0MAAAA6SURBVHjaYpwgIvKfYQBB/uvXjCD6PCMjSe5gYhiiYNThow4fdfiow0cdPurwUYePOnzU4TQAAAEGAGnkBevdFc2aAAAAAElFTkSuQmCC"); }
    .popover-layout .choose_layout .layout_predefined_2.choose {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNDgzNUJDNTUxNjNFNjExQUEzN0ZDMjIxNzhFODdBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNjg4NTE2RTY1MTgxMUU2QjA5MUEwOTYyMEREREZGMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNjg4NTE2RDY1MTgxMUU2QjA5MUEwOTYyMEREREZGMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IwFBMwAAADpJREFUeNpiMT7z/z/DAIIzxgyMINqkYRZJ7mBiGKJg1OGjDh91+KjDRx0+6vBRh486fNThNAAAAQYANCgGa+h7X64AAAAASUVORK5CYII="); }
  .popover-layout .choose_layout .layout_predefined_3 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNDgzNUJDNTUxNjNFNjExQUEzN0ZDMjIxNzhFODdBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OURFRDY3QzY1MTgxMUU2OUUxNTlCMzY3QzQ5QTA0MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OURFRDY3QjY1MTgxMUU2OUUxNTlCMzY3QzQ5QTA0MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0ODM1QkM1NTE2M0U2MTFBQTM3RkMyMjE3OEU4N0E2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6tXPJgAAADtJREFUeNpiPMfA8J+BBGD4/z8jiJ4oKkqSPmoDJoYhCkYdPurwUYePOnzU4aMOH3X4qMNHHU4DABBgAMsUBdXKH9ZaAAAAAElFTkSuQmCC"); }
    .popover-layout .choose_layout .layout_predefined_3.choose {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAPCAYAAACbSf2kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTMwRUI0RTc2MzkxMTFFNjg1MkE4RTkxMTJENkM2QzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTMwRUI0RTg2MzkxMTFFNjg1MkE4RTkxMTJENkM2QzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzBFQjRFNTYzOTExMUU2ODUyQThFOTExMkQ2QzZDNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzBFQjRFNjYzOTExMUU2ODUyQThFOTExMkQ2QzZDNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmJNSOAAAAA7SURBVHjaYjSun/mfgQRwpiGNEUSbnGUgSR+1ARPDEAWjDh91+KjDRx0+6vBRh486fNThow6nAQAIMADJVwYbPIaebQAAAABJRU5ErkJggg=="); }

.isResize:hover > .popover-layout {
  display: block;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

.viewLayout {
  text-align: right; }
  .viewLayout button {
    cursor: pointer;
    margin: 0 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .viewLayout button:hover {
      color: red; }
    .viewLayout button:last-child {
      margin-right: 0; }

.button-group-custom {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  margin-left: -24px;
  margin-right: -24px; }
  .button-group-custom button {
    width: 49%;
    display: inline-block;
    padding: 15px 10px;
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer; }

.google-analytic-popup {
  margin: -24px;
  padding: 24px;
  text-align: center;
  padding-bottom: 0;
  color: #535353;
  max-width: 320px;
  min-width: 290px; }
  .google-analytic-popup h3 {
    text-transform: uppercase;
    margin: 10px 0; }
  .google-analytic-popup .button-group {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    margin-left: -24px;
    margin-right: -24px; }
    .google-analytic-popup .button-group button {
      width: 49%;
      display: inline-block;
      padding: 15px 10px;
      box-sizing: border-box;
      text-transform: uppercase; }
      .google-analytic-popup .button-group button:enabled {
        cursor: pointer; }
  .google-analytic-popup .overview,
  .google-analytic-popup .report-card {
    display: inline-block;
    padding: 15px 10px 10px; }
    .google-analytic-popup .overview.active,
    .google-analytic-popup .report-card.active {
      border: 1px solid #33bbe3; }
  .google-analytic-popup .layoutViews_chart {
    width: 110px;
    height: 110px;
    margin: 0 auto; }
    .google-analytic-popup .layoutViews_chart.ic-overview {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABZCAIAAADaaR/4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ4RURCQTM2NTMyMTFFNjlDNDRFOUI1RjdDNEQ3MEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ4RURCQTQ2NTMyMTFFNjlDNDRFOUI1RjdDNEQ3MEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDhFREJBMTY1MzIxMUU2OUM0NEU5QjVGN0M0RDcwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDhFREJBMjY1MzIxMUU2OUM0NEU5QjVGN0M0RDcwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvW0wZAAAB1FSURBVHja7FwHfBTV1t+ZLakklCSUEJAivT4Q6QEpAhZ4dEXEAFJFEFFQkaKASFdRUVB5WEDpgoD0LiotMT0hCYH0kF63zfe/987cnd0sBJOg3/v5xrjcnTlz7jm3nf8959wVMjMzd+3adfHixcLCQs0/8vLw8OjevduIESN1CxctCb52FbcEQZAkSS7gH5QFgdDii4D/NLanzslIoUJk5O49yQRKZnXOjdKVV2k5KiQnp+CbLjIiHF8nTppcu3YdSk5fJew1eoMuLDz6P19vX7hgrru7O3lfkPkyMq1Oe/bcL2fPX3pz/iuS1Yr7kpVoxclEQThz7mLsjfiJE54lL1MJ1GR6vf6rrd/hXtCEZ0xms4q5TCaKwpavvnmoYYP+/QLxlcvGCMg3UVi9bmPXLp179+xmpTKoVcDT4qKSd99b8/xzY1u3bGY2WxTZmDBQQbd581eZGcmYGTqz2aw36MeMHqmSgl+SweC2/8dDj/Xt7eLiotxUk0l5uQWhYZG9e3UXHJ/KhfT0TKPRGNi7J+8kByanT59DqUe3R9WP1WRHj51s1qxpYK8edxvkX3z5TYd2bSCDMxU0xcUlH36yuXOnjp06tNMIZVXQnD9/8VxGMpYIUdDI99Eo7JnFYmFDiJehDGlyjUzGnuIRPk30K+0xMgI5E05mtlisFvKulV4OZBgdVqv8OnsKtg5kuEH6U5HHgYxxYZRq2TgTCK+hrASlrSmZhqtgsch8xPJWFrwlVXJxkv5LFlGxPEEFjUYon43wtyohVU1ri1Wj5t/c9VXTFTobP2U6CfRS33S4w2+W/XRCplHTSw5kDvU6FeMetfOmcKAsWxBFW6/zMitwVnJblJaWYn3SamEEBawlKJBnOh0WHiw/JSWlWq0O5g1l9pSR6fU6k8mEta+ktESkHMFEp9OqyUBgMVvA30otIquek+l0eqy+Al04TXR5Y2uemgyrLy5wYOucSLgKlJuGlkW8YjSZHFRgZNAU91ERzEReXr6ksSpMiLx4EUa9tNQoN2mv3oGFhUUPt2iLu0xzg95ggfhWq4vBkJObFxkVA4vl6uZqhDSCYDAYTDArlAwGICUlLeNOVrs2LbE4owItbT5BIYO8Wdk52dk5TRo/pNNq0YFmk0yGp+Dm6uIC/kajqUmTh8ABOqN1BGKeTCDTk5YyJdy85euDq6ZERCeyQQf0E14HE7CKioqt7u3lV9uXqYDlAwVYL9JbOh3+uXItpF7dOjVqeMO+Ygy5uBqgPzRF7ag08VZSTS+9r6+PDm+6u7m+s/gNvKOFuBJpLRHjQtLo9NrfrwRv+PCTN+bPAVAVKHYDGWlUDelAEBw+cuLAT0cWLZzP5gMZDuhSFdnBQ0fPX7j47uI3rRTbiIKoJkON6zZ8DIFmTp+MEWQHQ8kFAnHRkvd69Og6fNiTTDY27K0UhoIbyq/Me2vggL6DHu+nlo08oQIXFBTMnP36zBmTO3dojwaixltiU4e2qR4KXr/2G5kHqBqa161T2x4LMQBo9alVE/3pX6+Oh4cnM932ZNaaNWtgCOB1ehMkggpDk0L16l6urq5166r528jw6enhgTuNGgSQLwLHpqxAlPH0cPfyqoYq7GWTlCUTo0AHMe6iglRQ4KnT6nxq1fLz82X4gNfAyDw9PVR2RAU8FHwlzyA6Lcn0s3/KsRbpAdp/ch1lyeTndljLRgYOrP81pKspW8qRCWWmZGDOYRUFUax2q3KTtCAHYCqspRbJxsFBU6aC3BZVY44eqE2V/iJ8oZP+bqAkCEJl0UMVsLivcXEfGFyoTJdLpcpmR6zEGJWqYtSWOy7YDvyBTJDYG3GfbfnPmbMX3FxddXr9pKDnavv5Voi/JFRFZ+n4EMNqzBYeLTWobEwYDHp0l5ubK+80BzJYclEU2VP8T0CEPRkIOPJTbIcABJWfXzBv/uLk1LSiouLCouJ9+w9FREZ/8dkHBr2eK8C4iVpBr9zksmk5jqQLL2yZUxXABMLDvrq4uBAPi1hWU4lAFVZj796BQCA9ej8GWZlRgM1nBUiQlp5x+cq1x/r0hl00m4n9B1AyWwhSBBlGeHz8zcTEpD59elooasRNsn1GQSG7nZSC/m/buqXIcIfZQpGYPj09MyQ03M3Nrbi4mMAeN1eTydyzW5c6dWqjdqzwpC6tFmwv/PJrfX//hg0DNEw24iJgwFEgZKJ48ZdfAaUaNmyASoHEqJIyGQpge/zk6X91bF+3bh0G8NRk+Lx6PcRSmucHrMXwRZvWLVG1zY9Gmw29hyYI+SOsVctmKCh+MTSZRVAuk9EErVq3bF7GfSaTUTRp6tu3t0aFCgAHI6JiQsLC1VsKqNqsWdOA+vWoFjaUERzyR53afmhNxd9hVSqnqEkUr10Pqe9fry1Vgcsmk4liSXHJufO/NHqoYdMmjZibg2hKPWCUQIhPuJmZlkvXC0nC+Bk9chhXQ+WYsl65Fnr67Pkxo4bRQSiotWVk6NiExFujRgxVwRuNmgwdiKE+avjTDjBpiMkUFR0TFh7FKPE5eFC/ObOm2bvFCLcTJ0+1b98GEtrLZiscPHikR7dHnxgy0JkKEuD29h/2DOjft2O71hrBiQox0bHnUhM51iK3MJYUBGLlWIvclLBzM8odRckUPGOlX01WCo8YG+6A4mToCgUIWVX4h85C0jmCf726APgY8hOeG+tAxrjhq8rnZlVhLVlhTFWI4SAbZ4KNJfNuYQyoZNMoKggcepVvxyqPY8pywKK1Z98BbJlc9PpV7y3uG9gTI+PkqXN/L9YTq4CL8OdEBXlKSuqWL7/WCCI2VO3athn8eD/stQ7/fAL7KK1iif5MS1QNWhSrWtP74CFotn69PT0j06dm9fHjxuBGl0c6NWoYcDs55cIvv1WoM/4qH1/lx4XD87DwyEOHj2EOvzDh2YYN6qPg7u42aGA/GMmDh35+MCNTuu+2oKw45MAo5QCfjFjqmOF+MZCxp2wws6/cocaZcDIYEZF6ySgkg9mWNn6ypdRkbtmi2bixIznS6xPYE3Dm0qXLcfEJogM3is24PEwSXmCqMkq1bNx/B+GxaoI5D3RQMg1Xgc9KHXXDmWGBKW4hsSZuGCFBWER0cVHxqTPnPNzd2UZafkrDdoAJYeERQJBnz1/UqL0bNOTFXDWRMbGpaekgsFpgvA2gv3jpd1jiKZMmnL9wKTsnB7J27NC2SeOGnf/V7uyF377bvqt/v0DmdwM32JesrJzYGwmQULEcWB4E7gKBzHl5BWBbs4a3HOmgsilOUaGomFynz5xLup1konBRI2+xJIo/xJjYOFlfgdrFn4+eAKC0WM3UlURwp5Woqs3IyMovKNi77ydgEKPRxCAjCgyVwiomJ6cWFBQeP3FaRoqiSAvAyDqzhfjpEm8lJyUnH/n5BHqjqKjo52OnwL9vn57duj7yyWdf5OblHTt+Zurk5ycFjX/qiUFnz1/ad+BwfmGhlnkyKRTOysoODQ03G40WiiOxytLYosh8ImiLgsLCX3+/eutWEnXQyrKRCJXFqtMTH19eXn5kZHR2dg7xANJtAQUQxAkENdPSMxnuIF8wXZe9s9BpDPH3KyGJt26vX73cw9ND8Wtx1xUR5sefjm7/Yfc7i98UBOcxxF17Dhw/cXLFu2+jvO2bHUePnwaEDXp+nKenx+uvvgxWN24ksMBaj+5d6/vXzbyTPXrE0E7/6sCZTJk+u0XzZnPnzLzbPB8fNH3k8KeHPjXYXjbZyQXbNHrc5KlTJt4lhiiteH/d+bOnFHxRXgyRurUsKiTGHFAW5lCSZM+U8xgidzHBjm7dth3Uz4z+d7OHGzMy5m1mZS+vagP798WXfQcOcSas89XylI0hMs+lg2xWRSR28+4xRMHKY4h/WZTn8y+35eYXBPjXnTB+rGTvieJfBg8agDUI6wga7k85c/7f2NTymhNLzJWr1w8fOQ7QPWPqxOre3jyca+81kpo3a9qxfZu8/MITJ8/cv+euXG/TfTZVORic2lebrapAVXi3sLDw40+3mEyWRx7pOOjx/mVzCwSlLbAiYosF1X46csxEF+P700HQVQCt/qlxgV1NaGhYYVFxVHTsfYrl4IXEUI+JjQ0Jjfjt8jWDQTf9xSC1nXd69erRrUZ1r4jI6LDQ8HvjcSZSaFhETk5e/M1EtDhHN5Xdj/CKGdYKD48MevGljz7ZnJGROWXG3GUr1pSUlKiRGKMXZePHzLmGgyKYK4zzcROmwY6QhBuN8FDDgDayD8JGhgKznRpJNpPe3l59AntgyT7083Fb/FUZe6BndWmpuV2xct2ESTOTUlI2f7EN1uR6cEhZrEV9TnbxVLWmdvFU4qWQpIzMTOytaRiVdJvValn23tromDjWh2iF/QeP1Klbe9jTQ8wmi0jmDbEgeoMeAKGkuARgUZ64sGo0YAVLtnLNB+mZma4uBnrfGhubcOnX31u3anHnTjaBSDQ6CyalpaUZmXdu3rotCmL9+vWII+PxAWhBbFvHjhoO4wJbk5OXGx9/k7KXWOaRTqu79Nvlb3fshsxAa+ATcyN+zfqNq1YswVeGG4mzBkgsN99iMQNc3MnKIoaD+NZIYJAqTmKRQGI2H19BYVHzFu1EndZEoQh44TE21KzZIAoKuOnqamgQUJ8HYw16PWtEDFH/erVNNFCK4YCnzFkSn5CIT0BMo8loMVtcXFxnTg+CDoeOHAcANVIycIuIivaq5lkXV22/pYvfANgxWywTp8wKDg5t2DDA08M9Lv5mtWqe7m5uUBhi0EQfi95ggHrp6RlENhcDwDG4AQQF+NeDelitzSQiTFTFZ2RUdEBA/ereXkxyghtLSyW6qONp4u3kaq4a4uODPh4ebhvWrQBigyYcU8yaMz80PEqy2XDhqSGPT582CYuIHOmmqO6nw8f2/Xho08a1osD6WUJHYSRHRMXMmPVaCQmO84idtWmTxlgORo0YymL0rKEnTZ3dN7Dni5Oeh1iQkoSXteJTQwYFh4RX8/TYsGbFawsWde3aZczIYWwc0ZQ4EU2244c9a9Z/rF4+avv5rlu9rJqnp5m6M9n2B7B46sy5s2a82Klje4JYwcRCBi+0YCqsXb/x6uVL8hzBWELvod/YVLRSz+qb8+cuWbZKWTXJffRn+3ZtAAFUi5/kVa0atKpVsyabdFaaeYcNyLZvvmchbxYUdXd1fWbscDQEOLu7uzMyBofpaNLbr6lCYK/uGz/djJGVlp4BtfFXo0Z1Neq9fOX67r0H2SimCJPs31JT0z/bvPWtBXNruHtz8+ZicMH2wtvbu2aNGs7iqRo3V1fHXBTaBFpWHzH1zR/esmnD5avBhQUFfn6+X3/7w8nT5xa8/W5ScuqkoOfY8MEQ4LiTzQtoiIX9rUXL0Rw1a1R/7dVZmPDomYebNn64SRNFFInXJWNHe3SPm35+Pn179zh89OTBw0c1NvekfO3Zd3Ddhk+KS0u7dun06isvYbuBSYddFYbJgUPHklPS3lm0ICDAn9dlq0gBr2z6s4Jt/3oPG+Ph4RHYqxtD761btlj7wcff79z/2Zb/JKekzHvlJQwlR4eVoDl56uziZe/n5uS3aN508cLXsVLyoDvmhSA4D/c5tbFPDhmItoAxwmoiKq5KSL/x0y1bvvwaawQW8nlzZmKU8Z31+jXL316y4rfL11+eu2D50rdasdqrCndi87fly21YStzc3Ra+MW/2S1MwFHfu/nHe/EWZmXd4EhAb8N/v3Ldo6cqc7LxOHduuX72MNcSuPT8CX1QAF7Zr3xajKSUlDRt2GCzcyc8vWLps9dZtO1DjpAnjFi6YRxpCo4mNi4c5Q8G/bt0P1q14YlC/20mpM15+DQMZLe+QiFThtpBuJaVu/34PzTAiY2zyxPEL33jVw8Mdm+vZr7558+YtPIIFyc/PX7fh4+Xvry81GZ8cMuDD9e/7+/szFoePHg8Lj6wA8jHodIMGPsbWIJPRhO3yzNmvHTl6EuZs6aL5M6dP5totX7n2zJkLGpps6unhufydhUETxmbn5KHDdvywt6ioyGI2AxZI5YH6cuKpaFRVxi+5nhg80M/H563Fy6Njbjw/cYaZZFIZR4+bhBGEZeyF8WOnvRjEomcMUGFRZNlff3pDI2hq1arFMsG3bvtu85fbsrJzAur7L1n42qNdOrO+EZQkMYuyHLC434wpE7GcY/lYtfYjrOIpqWnvLFs1aFD/KROfx/pV/rjgEmsplmIyMvOppRffs3fu3PGjDStrVPfOyc3LycnFHE5Ly4Bgk4LGzZw2WXGcidzUKV45W9jVVhcjFkUeZ9fS7DMNCT4mf7BxE9t65+UXoCFcDPq335j7aJdOzJ3FFxE+EVjiGr0ljhk17PVXZ+Hl1PQMNFx65p0fdu17b9V6BezKmmq4ywP38Taw1vRZ82AamVMIIMpC3QPoUqgKizBn3lsuBoPRRJ6OHT38sT69MFg4XNMo+fekfyUpJjZu/UebaCCTxG8wfNJS04+fPKOlhgOWX6tKcdPp9Qk3E3fvPxASGm6kKXF0YdcMfWoQhkNWVo7iNSSYEwMQEkLRsPCITZ9vxdyx0Ihh4q2krdu2Hzl6gqvALHRaWjrf7FJYYQUsAMbFKqNk6REy7H1c9YIcQwRMHv/saCgvKklSbNQCtIVFRCWnpI4a8TSxGvRm40YPsUeiw8ZJoKZeEADVxz0zkiAIOgiwo4EheH7cGDKMlU5glRBXoE4nWSwAKcOGPmE2myjCJmo3bdIkPiFBjTjYtqQaHeH1/euNHTOcGGaau7Z6/cZuj3bu2b0raRolOIud6979P8XFJ7I8RoHC/qZNGr0w/hlVpJOQYRLdjIuUbSqwV/duXZz6+LQ6/Z69B3r37M5XDSZevbp1MEDQOQKVBoI2b9r4adKZEmAfSfpXuH2zfaefT03wv9s5gRMnTvv5+LKRr75q1arRr2+vg4eO0ipIw44d9e8O7dqgCgAnWoV8Vdvs0apF87IqNGrUEBMtMiqWcUCXzH15Wo8eXR3ITp06m8DaQlJCLXy1kzMDqeDY1WBwYUQxgMghFp5OnTyh0UMNTp0+X1Ja0qpli+FDn/D19WHZqWpuNIFARjtsYlO/m0zGslZZjhrDu9yHjAG85O356Iar10NQe+dO7fsG9uKBaE6m9gbiU8l1tVBI7vfxh6sPHT6GaVi9unf/x/o0e7iJQkaWDIa1+Lpb7ob/Xrnxgwb2wx+HOnc1WkJFvGISsUGGIYMH4E+gAWTWE86Qwl0DZ9W9vZ8dO/LbHTsHDewPy3JvH1zFc6SY5tgsRkXHqBFuFca8WBWxN+JS0tIqLGRubt6XX33LgyAPzt8pnbtwacnyVQ80F3DVmg+OHj9VGY8rFrvK407ZTt7jMc9gfXDXfVRRNfFUHd++2mV0KSxY5hl2gc5z12RYqXXq4+N5OSr0JTmQYWEmiTvETykpWMuGoBgZgIld7pp9gWUcsIy3siqAiaurCwsJkwwsJ5pKtngqHmNPseOHPTQdmeVZalnSMN65EZeYl1fw3Y497u5uLFyEtVtSHWu4dj0k60729zv3Misg0TfVZLBq2FODPzsAKdmTQcSomNik5JTdew+y4xdaJTjIo4RJKalXr4VoqQFiZoh6EslTwk2rzcrJOXfhl/yCApUKMhn0LC4ugQo/HzsRdyPeaDIqshEow/LzIyJj2AQivhzYvNDwSB3ZRFhYzJoNS5bHV2osjYyKQeuyBD1ChkahqYAknpqSWlJaGh4RDetLLDGMokymI84lSfL18UlLTw8Ni9BqdSSzmxlshcyFuuqKCosA6kwmo2SVmKtWTVZUXJyRkQkJaaUkUMqaQMPIqLZoL0BYXikhI945K90ZWaACtpFGbByNpWrZQAaa7JxcNsuoj8/dbdmSN+0yuuQTnNarwWGJibeWLX2DDuMyiV8kkHEcFmvp2/PZUVj5TKyKbPfeA8HBf7yz5E2NjGQENRnKK95f7+frO3niczxxjwfy2ZCeOmN2YGDvZ8eMsJfNlug3YdLM0aP+/QRMrxMVJGwdrof8MfXFoA5tWmlEJyqsXL3h7JkTsk2VyuauKbMN8B5YCA3vPHdNoLlrZTL71WTYbjPvI03sdyRDz5OUR+xc1OcEOBnNXYM4bGsjJ6XZHyfQ0KnHAuh2uWuKSBAeww3rgCA6y11TznNWUQyxPPxw7yzqvyBYep/ByAffFlWUuP7g0/j+kra4t6xClYy9Kokt/wUtIVROX6nSjfFnzkww68ohB7VqbJFn2z4dhVOS8lQjcDKJhVeVo6gk0ZttojgZyVxjTidRwVoqMg1FCgxlMXcWPwDAzwmo96M6xYWvFdW9KDETayebJHEmLHqiWCgHFWyhVoovzJbomBt0qy6wA2CCkj3HvLuR0bFy7hoBipKgkAFz3k5KwkIdE3uDRjrpz0JQ00TOJ4ikmtS0tJzc3OiYWAqC2E8x2Mj0On12djao4+ITqLGwGUsWOkVLFhYUAl9gc8ViMQK3uJQMMpeUlEIMENBzoYoKcmKbkF9QCBUSEhK9vbyUs2dyHJsekNVmZWcLtnhqQWGDRs3ZmVGiocFgpUFLYC2AOWz+mz3c1JXkrskHT40KGbgCjOXm5YGAnZnQKc47PT2figIaAtIE+NdjLWgh4qIqrczNxSUuLh6Dq2GDAJPZDOyk1Wkxp1DWUjI0UGxcPABbjereFhJG1RN7Sf0O3E+RkHjL08Pdx8dHZ1NBJmPYLCIyqkGDAOzfjbCsimyyK1AjxcXf9HIX5Xiqp6fHF59/yA/9Kq4OAV8vXrqy/L01H3/wvru7OwsxsSPBaFeQGQz6vfsP79yz7/NP1vNTzfzcMiP7fue+sPAIev7VysC/mgxf312+2ten1ozpk9E6zJfDPMCcbOrMV3r26D7+2VHMDcPyRDkZPidOeXnok4OHPj0YKnDZeDppfn7Bcy9Me23urC6dOrKhy84tg5KqYFi+cu2li2dtvhzqttKyLY0qjVTem+EFvu3lJ7zZlgzAV8kn1aif8gIjoFs42xlu/pQNJcBzhYnA0zo4mZZs3uTtGV+e1GSUv85BBb6KMRVQCxsFGtUZbqYpX3pER1+2Ek/l+0jlhuNTp593IZPuxv9uDMtyc0qs5uHwtGzBqabqr+J9WCvhgdp/qQpsatUkx4vCX4EvHnw+4n8P7nyQoLLqMLiO18acS+rULmUR0jicE1CRkfT4MucEJDWZ+pyA6kymji8iNPnKthDy2jmZYH9OwKEgr/3KOQEHFdiSzH68SuJYy56Mr50Ed2JbffrMOXr4S1L9NhV5Pyw8Kic378TJM25ubhL1pslZJ5QMIl4L/iPrTvaZs+etkpVmg8mHexkZ7FtYRGRi4u1TZ86xzDaN6lcQBFpFQsKt7Oyc8xd+AZSQHMI4FJKlpWVERcUSCVnimmD3K1xo4KysnOvBf3hW8yDJR/YqQAhAwdzc3F9/u1yQn8+OibLoHQvRQYUbCTflhuvff0BhUVHjpq0osDGzMBqQKHGoEaMpW3L+lP4WikxmpX4CQCINDf+wDlSRERypwB4CsTg6UpOZaV0soZ/5tXgchJExk2yi0Vwum5qM/QQIi0iamWz0J0A4GTufSUO8RrQSqZSTES+ZlJ5y09vbS4f/8ffpxrU8h0pShZ5VeUOSks3lSMZ/vaOKyCSeTHCfZDw6WWFuQUFBdnEz7ul2+sM+/GlZMmVfVlVkQlmR7k3GixXm9l9jR/5Om5qamjpnzpwBAwbgE+UKMK0kh8q8Xpl3nbTFypUrg4ODsW/BJ8oVaItKcqjM65V510mcPSwsrGzZy8vL6ft5NIGuajlU5vXKvOukLVq3bo1G5eV76Hy3q5IcKvN6Zd7VtmrVCv8MGzaM3+rQoUNsbOydO3fatm27YMECT0/PPzvIK8mhMq9X7N39+/cTszJiBIlHffXVV/9kC8Lwxf9sqsqOeJCfPdNgXP1jm4DpjtkkbNq06dixY/8bFIAk2m3btpWUlKSlpfH47T/twszo06fP6NGj/0+AAQD5S+T+EIdohQAAAABJRU5ErkJggg==") no-repeat;
      background-size: 110px; }
    .google-analytic-popup .layoutViews_chart.ic-report_card {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABZCAIAAADaaR/4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUFBMjBFNEI2NTMyMTFFNkFGM0ZDMjRERjFGRkQyNDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUFBMjBFNEM2NTMyMTFFNkFGM0ZDMjRERjFGRkQyNDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QUEyMEU0OTY1MzIxMUU2QUYzRkMyNERGMUZGRDI0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QUEyMEU0QTY1MzIxMUU2QUYzRkMyNERGMUZGRDI0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj2vIagAAAhTSURBVHja7Fx7SFNtHHZun5VOM03T0myhZSoqrJtSZJkRGaVkM6MrVkR3uyB0gSIk/KObZExSohmkIsYqqRhqWCkuhe6ZmqZR3srUFKfp7Pl8+Q5js7lsm2ffeX9/zPd9d37Hvc/5XZ5nOxuvra0tJyenpKSku7vbipNmZ2cXGhoqkUj4IpFIoVD8/PnTiquGvdfW1qpUKgEiAvMTJ054e3tzE4uampqkpCTgYE1Sg7NAMHsHDtZW1P4zigXFgmJBsaBYUCwoFhQLY5tgxCO+fv1aVlZWVVUlFAojIiJmzJiBRSi6J0+egMZ7eXmJxeLp06frOr5//76wsHDWrFnh4eGGuLx48QJEeNWqVTiAjVgAiHPnzmEbZKpUKo8fP+7s7JycnNzS0sLn87GBu3fvHj58OCAggPEaGBiQy+X5+flqtVogEACLzs5O/S6gwNevX+/o6IBkHCssRsgRa2trV1fX7du3p6amLl26tL+/v7i4GAGyevXqbdu2paWlRUdHDw4OInA0vbKysrBbe3t7ZsUQFwDB6hxxcnJKTEwk46CgoKKiIihcALR48WKyOG3aNDxOmjRJ02v58uXjxo3z8fG5dOkSg6kelzdv3iB98L+YAGRpvWDs6dOneJw9ezaZNjQ0ZGZm1tXVTZ06lVQExqZMmRITE/P69WutMwzr0tfXd+PGDTc3t0WLFuXm5lpAH3nw4MGzZ8/8/PzwipmigCqAR2zmx48fhpxkWJfbt2+3trZu3rzZxsbGAnoqIiInJweFY9euXTwejyyKRCKUw4SEBNRXZLsh59F1QYwoFAoUUYRSV1cXVhobGwENS7GoqKhAhUd6Hzt2bOLEiaQ74mI2Nzdj7OLigsdPnz7pP8nvXAoKChAmyKajR4/euXMHK9nZ2ffv32djvQBHkEqleLmohUCE7CQ4OPjevXuoo+AONTU1WPT19SUXGeUgJCQENES3UgzrgoNnzpxJjkEOVlZWLlu2bP78+WzE4sOHD+ijJHRhGHh6eqI1xsfHY2PPnz/Hyrx585DtGDQ1NQEO9E7d8wC+YV38h4wcA3dgERgYyJRnMxtv3bp1+EOu+Z9ab28vqBToE5mCU4BipaSk2NraGujCEgOB+rOeqmtIHM0pIggcRA8Qui4WpkcMNxBKqlOpZuegZkf9X7JkyZYtW5KSktBc0fMgulAXyLPQEZh++/YNVHLlypVavmBNeArFEvQEcqO+vh5jQkAhRj9+/IgppAo0DtoTBiqVCq0ETYe0MA8PD1RZDMzTWfig1fgTFRWlp9plZGRs3Lhx7969Z86cgU6FoMQ2oDiw/y9fvmB6/vx5mUyG/VRXV5P1hQsXWg19bAtJ6uDgACzQkgHH5MmTMQXFREMBBBAm4G/jx49HQ8UAxzg7O8MFfNzR0RG4gKRB4wEmk6KA9mdQjkB0Yod5eXnYCQiSasiUSuWCBQsiIyPJVCKRHDlyZP369cy67nl6enqwZzIGRsCLeQo7x0n+7fA8HsD6/v07kbZACoiQUGJFvcBLwSYhIuLi4phFxAhS49ChQ4wkx1Z11zXN3d0dF5+MEU24/sxTLS0tEDvIJoQYYgFqBaGB9X+GjF21EwmCqAYimm+9PH78mOQX4ZFpaWkQF1rrmgbeAbyqqqrKy8uRJiRGUAvARIECEqS9vR0cFKHn7e1NlIvF8E61Wq2ZxsxUa13LcMEZpcs23jn6mqS1YWaqv86xEAjKLygWFAuKBcWCYkGxoFhQLPQbhExpaanJ379gv0H7p6Sk1NbW9vb2hoWFcTouMjIyAISLi4tYLOZ0jsjl8rKysgkTJhw8eFDzLgfOYaFUKoEFn8/fvXs3uZWBo1jU1dUhOwYHB2NjYwMDA7nbR9ra2lAv+/r6UCx1P77lEBboFwCivb3dz89v06ZNnOYX165dq6+vd3Nz27NnjxE/mrU8LHJzcysqKoRCIRqHnZ0dd3lnSUlJfn4+YgERgbjgLgevrq4m71GjRsyZM4e7eqS1tfXKlSv9/f3oGn9DtC0ei56ensuXL3d2doJHbNiwgbs6Va1WS6XSz58/g1mCX5rus1ULwCIrK+vly5cODg5oHNAd3H3/4tGjRwqFQiAQ7Nu3j9wMacFYQDXs2LGjoKBgFL7v3r27efOm1dBnfD4+PqZ+qabFAqohOTm5oaEhNTUVgxFvidW0pqamq1evDgwMREZGhoaGmiEGTYgFUQ14DAgI8PDwqKysPH36tEwmM+Tm8e7ubjSOrq4usVgcExNjnnw04Xt8jGo4efIkj8eTy+WFhYVFRUVKpXLNmjXh4eG/kxKIBUQE4sLLy2vnzp1mq02migst1WBraxsXF3f27FkQBFzzW7dunTp16tWrV8P6oka8ffvW0dHxwIED5rwf1CRY/E41YJwwZO7u7o2NjRcuXLh48SJzsw4xdA30DhsbGwDh5ORkzp5l/BwZUTUgNPz9/dFZkDUgDggB5MvatWvBHRAp2dnZSKj4+HiRSGTm/m1kLBjVsGLFCj2qASGDA0JCQvLy8oqLix8+fFhaWorjERQoFtHR0WPyVQFj5oimaoiNjR3xeHt7+61bt6K5+Pr6wis9PR21Njg4GJV1THid0eJi1KrB09MzMTGxvLw8MzOzo6MDJWasOK7RsPhL1TB37tygoCBEhzlvYjRJjjCqYf/+/aNWDUBB86ZPi8RCUzVY9G8Q/S0W5lcNLMViTFQDG7EYK9XA0rhwdXU1v2pgY08FdwRTioqKIl/g5XpcwP43QFjRe9coFhQLigXFgmJBsTAaFuTWFvL7HNw0snehUMiTSqUKhYIGRUREBF8mk6lUqubmZs7+LDYyIywsTCKR/BJgAAgNZna6gKc5AAAAAElFTkSuQmCC") no-repeat;
      background-size: 110px; }
  .google-analytic-popup .gr-pos-left {
    border-right: 1px solid #ccc; }
  .google-analytic-popup p {
    font-size: 12px;
    margin-bottom: 10px; }
  .google-analytic-popup h1 {
    font-weight: 300;
    line-height: 1.3em;
    height: auto; }
    .google-analytic-popup h1.header-dialog {
      margin: 10px 10px 20px; }
  .google-analytic-popup .select-type.row {
    margin: 0 -5px; }
  .google-analytic-popup select.custom-select {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ccc; }
  .google-analytic-popup .header h1.title {
    margin-bottom: 15px; }
  .google-analytic-popup .header hr {
    border: none;
    margin: 0 -24px; }
  .google-analytic-popup .dialog-content {
    margin: 20px auto;
    min-height: 120px; }
    .google-analytic-popup .dialog-content h3 {
      font-size: 1.6em;
      font-weight: 300; }

.channel-popup .dialog-content {
  margin: 0 auto; }
  .channel-popup .dialog-content .form-fieldset {
    margin-bottom: 0; }

.channel-popup .button-group {
  margin-top: 0; }

.chart-horizontal button {
  margin: 0 5px;
  cursor: pointer; }

.dialog.card, .dialog.editor-drawer-well__placeholder {
  border: none;
  border-radius: 5px; }

.number-data {
  font-weight: bold;
  font-size: 16px; }

ul.group-btn-time {
  list-style: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc; }
  ul.group-btn-time li {
    text-transform: uppercase;
    padding: 5px;
    margin-left: 2px; }
    ul.group-btn-time li.active, ul.group-btn-time li:hover {
      background: #e1e1e1;
      border-radius: 5px; }
    ul.group-btn-time li button {
      font-size: 75%; }

.cursor-point {
  cursor: pointer; }

.chart__box .info-bold {
  font-weight: bold; }
  .chart__box .info-bold .number-total {
    font-size: 32px;
    margin-right: 7px; }

.chart__box .report-area-time {
  color: #ccc;
  text-transform: uppercase;
  margin-left: 7px; }

.chart__box .percent {
  color: #ccc; }

.chart__box .number-detail {
  font-size: 25px; }

.chart__box .mgt10 {
  margin-top: 10px; }

ul.list-inline {
  list-style: none; }

ul.list-inline > li {
  display: inline-block;
  padding: 0 5px; }

ul.list-inline > li:first-child {
  padding-left: 0; }

ul.overview-chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

ul.overview-chart > li {
  vertical-align: top;
  padding: 1px 5px; }
  ul.overview-chart > li .legend-value {
    font-size: 20px; }

.col-md-6 ul.overview-chart, .col-md-4 ul.overview-chart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 0; }
  .col-md-6 ul.overview-chart li, .col-md-4 ul.overview-chart li {
    width: 25%;
    float: left;
    box-sizing: border-box; }
    @media (max-width: 1366px) {
      .col-md-6 ul.overview-chart li, .col-md-4 ul.overview-chart li {
        width: 33.333%; } }

.col-md-4 ul.overview-chart {
  margin-left: 0; }
  .col-md-4 ul.overview-chart li {
    width: 50%; }
    @media (min-width: 1600px) {
      .col-md-4 ul.overview-chart li {
        width: 33.333%; } }

@media (max-width: 991px) {
  .col-md-12 ul.overview-chart, .col-md-4 ul.overview-chart, .col-md-6 ul.overview-chart {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .col-md-12 ul.overview-chart li, .col-md-4 ul.overview-chart li, .col-md-6 ul.overview-chart li {
      padding: 5px 10px;
      width: auto !important; }
      .col-md-12 ul.overview-chart li .legend-label, .col-md-4 ul.overview-chart li .legend-label, .col-md-6 ul.overview-chart li .legend-label {
        font-size: 12px; }
      .col-md-12 ul.overview-chart li .legend-value, .col-md-4 ul.overview-chart li .legend-value, .col-md-6 ul.overview-chart li .legend-value {
        font-size: 18px; } }

.cms-group-search {
  max-width: 600px; }
  .cms-group-search .content {
    border: 1px solid #ccc;
    padding: 5px; }
    .cms-group-search .content .form-group {
      margin-bottom: 10px; }

.message-content {
  padding: 15px;
  background-color: #FFFFFF;
  border-color: #ebccd1;
  border-radius: 4px;
  color: #1E3A5E;
  font-size: 13px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .message-content.isOpenTool {
    margin-right: 180px; }
  .message-content p {
    margin-bottom: 0; }
  .message-content a.close {
    text-decoration: none !important;
    line-height: 1.2;
    float: right;
    color: #000;
    opacity: 0.2;
    font-weight: bold;
    font-size: 15px;
    margin: -10px;
    padding: 0 5px; }
    .message-content a.close:hover {
      opacity: 1; }

.col-md-4 .google_Analytics::after {
  display: none; }

.google_Analytics {
  padding-bottom: 20px; }
  .google_Analytics:after {
    width: 50%;
    height: 18px;
    background: url("/calypso/images/cms-dashboard/analytics_icon_horizontal_black_2x.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    bottom: 10px; }

.block-network-score table tr th {
  font-size: 13px !important;
  font-family: "Averta"; }

.ic_dashboard_cms {
  display: none; }

.quick_start h2 {
  margin-top: 0 !important; }

.searchAdvanced {
  margin-bottom: 10px; }

.is-section-layout-cms-dashboard a {
  text-decoration: none; }

.is-section-layout-cms-dashboard .sidebar, .is-section-layout-cms-dashboard .post-editor__sidebar {
  z-index: 4; }

.container-fluid .sidebar .sub_menu, .container-fluid .post-editor__sidebar .sub_menu {
  display: none; }

.container-fluid .sidebar .sidebar__menu i.fa, .container-fluid .post-editor__sidebar .sidebar__menu i.fa {
  position: absolute;
  right: 0px;
  top: 0;
  width: 57px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-left: 3px solid transparent; }

.container-fluid .sidebar, .container-fluid .post-editor__sidebar, .container-fluid {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

.form-select-cms {
  width: 100%;
  border-width: 1px 1px 1px; }

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

.widget-for-channels .channels-header {
  display: inline-block;
  width: 100%;
  margin: -23px 0 10px 0; }
  .widget-for-channels .channels-header .title {
    padding-left: 0;
    font-size: 18px;
    font-weight: bold;
    cursor: initial; }
    .widget-for-channels .channels-header .title .channel-title span {
      color: #000;
      font-size: 20px;
      font-family: "Averta-Semibold", "Arial", "inherit";
      cursor: pointer; }
      .widget-for-channels .channels-header .title .channel-title span:hover {
        color: #077fc0;
        -webkit-filter: brightness(1.2);
                filter: brightness(1.2); }
  .widget-for-channels .channels-header .guide {
    margin-top: 6px;
    padding: 0px 25px 0 0;
    text-align: right; }
    .widget-for-channels .channels-header .guide span {
      margin-left: 5px;
      text-align: right;
      font-weight: 600;
      font-size: 11px;
      color: rgba(0, 0, 0, 0.3);
      cursor: pointer; }
      .widget-for-channels .channels-header .guide span.selected {
        color: rgba(0, 0, 0, 0.5);
        font-weight: 700;
        text-decoration: underline; }
      .widget-for-channels .channels-header .guide span:hover {
        color: rgba(0, 0, 0, 0.5);
        font-weight: 700;
        text-decoration: underline; }

.widget-for-channels .content-channels {
  position: relative; }
  .widget-for-channels .content-channels .video-content {
    width: 100%;
    padding-bottom: 56.25%; }
    .widget-for-channels .content-channels .video-content img, .widget-for-channels .content-channels .video-content video, .widget-for-channels .content-channels .video-content iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }

.widget-for-channels .metric-content .channel-health {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .widget-for-channels .metric-content .channel-health .health-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .widget-for-channels .metric-content .channel-health .health-list div {
      margin: 15px 0; }
  .widget-for-channels .metric-content .channel-health .health-chart {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    border: 1px solid #ddd; }

.widget-for-channels .create-clip-btn {
  padding: 15px 10px 5px 0;
  text-align: right;
  color: #4c8ddf; }
  .widget-for-channels .create-clip-btn span {
    border: 2px solid #4c8ddf;
    padding: 3px;
    border-radius: 30px;
    cursor: pointer; }
    .widget-for-channels .create-clip-btn span i {
      margin-left: 3px;
      font-size: 15px; }
    .widget-for-channels .create-clip-btn span:hover {
      color: #3e6eb0;
      border-color: #3e6eb0; }

@media (max-width: 1365px) {
  div.col-md-4 .widgetSearchHome .form-fieldset {
    margin-bottom: 10px; }
  div.col-md-4 .widgetSearchHome .col-sm-3.control-label {
    width: 100%;
    padding-top: 0;
    margin-bottom: 10px; }
  div.col-md-4 .widgetSearchHome .col-sm-9 {
    width: 100%; } }

@media (min-width: 1400px) {
  .chart_line {
    max-width: 1000px; } }

.chart_line {
  margin-bottom: 20px;
  margin: 10px auto;
  overflow-x: hidden;
  clear: both; }
  .chart_line canvas {
    margin: 10px auto; }

@-webkit-keyframes open-sheet {
  0.00% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes open-sheet {
  0.00% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.layout--action-sheet {
  transition: left .25s linear;
  -webkit-transition: left .25s linear;
  -moz-transition: left .25s linear;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 50;
  height: 100%;
  width: 100%; }

.layout--action-sheet.open {
  left: 0; }

.action-sheet--wrapper-MAIN {
  width: 220px;
  position: fixed;
  height: 100%;
  left: -220px;
  font-family: "Averta"; }

.action-sheet--MAIN {
  background-color: #f3f3f3;
  min-height: 100%;
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.1); }

.auto-show-cms-menu {
  -webkit-transform: translate3d(-220px, 0, 0);
  transform: translate3d(-220px, 0, 0);
  animation-name: open-sheet;
  animation-delay: 0ms;
  animation-direction: normal;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-timing-function: ease;
  -webkit-animation-name: open-sheet;
  -webkit-animation-delay: 0ms;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 600ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -webkit-animation-timing-function: ease; }

.action-sheet--header {
  margin-top: 47px;
  background: #f3f3f3;
  font-weight: bold;
  padding: 8px 15px 9px;
  color: #000;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px; }

.action-sheet--content-wrapper {
  padding: 15px; }

.close_icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -99px;
  top: 3px;
  color: rgba(255, 255, 255, 0.7); }
  .close_icon:hover {
    color: #ce0000; }
    .close_icon:hover::before, .close_icon:hover::after {
      background: #1ebcc5; }
  .close_icon::before, .close_icon::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000; }
  .close_icon::before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .close_icon::after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  .close_icon.pointy::Before, .close_icon.pointy::after {
    width: 200%;
    left: -50%; }

.sidebar__Subheading .go_back {
  cursor: pointer; }
  .sidebar__Subheading .go_back:hover .ic_go_back {
    border-color: #ce0000; }

.sidebar__Subheading a {
  cursor: pointer; }

.sidebar__Subheading span {
  font-size: 14px; }

.action-sheet--content-wrapper {
  margin: 0;
  padding: 0; }
  .action-sheet--content-wrapper li {
    list-style: none;
    padding: 7px 25px; }
    .action-sheet--content-wrapper li.no_sub .btn_add_menu {
      right: 5px; }
    .action-sheet--content-wrapper li.has_sub a::before {
      width: 7px;
      height: 7px;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-color: #2a2e33;
      content: '';
      transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      position: absolute;
      font-size: 22px;
      top: 50%;
      right: 8px;
      margin-top: -4px;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
    .action-sheet--content-wrapper li.has_sub:hover a::before {
      border-color: #039BF9; }
    .action-sheet--content-wrapper li .btn_add_menu {
      padding: 5px 10px;
      width: 35px; }
    .action-sheet--content-wrapper li a {
      color: #333333;
      position: relative;
      display: block;
      cursor: pointer;
      font-family: "Averta-Semibold";
      font-size: 14px; }
      .action-sheet--content-wrapper li a:hover {
        color: #039BF9; }

.title_group_widget {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  padding: 15px 8px;
  font-family: "Averta-Semibold";
  text-transform: uppercase;
  padding-bottom: 5px; }

.lineChartjs {
  max-width: 100%; }

.label_date {
  color: rgba(0, 0, 0, 0.3);
  font-size: 11px;
  text-transform: uppercase;
  margin: 2px 5px;
  cursor: pointer;
  font-family: "Averta-Semibold"; }
  .label_date:last-child {
    margin-right: 0; }
  .label_date:hover, .label_date.label_date_select {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline; }

.date_corner_right {
  position: absolute;
  right: 30px;
  bottom: 10px; }

.hasTooltip {
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .hasTooltip:hover .tooltip_title_cms {
    display: block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
  .hasTooltip .tooltip_title_cms {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    display: none;
    left: auto !important;
    right: 5px;
    top: 15px; }
    .hasTooltip .tooltip_title_cms .tip-inner {
      white-space: nowrap; }
    .hasTooltip .tooltip_title_cms .tip-arrow {
      right: 0; }

.text-uppercase {
  text-transform: uppercase; }

.accountNameGA {
  text-align: right; }

.legendtemplate {
  font-size: 14px; }
  .legendtemplate .lable_chats {
    text-transform: capitalize; }
  .legendtemplate .value_chats {
    text-align: right; }
  .legendtemplate ul {
    margin-left: 0; }
    .legendtemplate ul li {
      list-style: none; }
  .legendtemplate .colors_box {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 15px; }

.chart_Doughnut {
  max-width: 650px; }
  .chart_Doughnut canvas {
    margin: 10px auto; }

.col-md-6 .chart_Doughtnut_layout, .col-md-12 .chart_Doughtnut_layout {
  max-width: 800px;
  margin: 10px auto 0; }

.col-md-6 .chart_Doughnut, .col-md-12 .chart_Doughnut {
  width: 60%;
  float: left; }

.col-md-6 .legendtemplate, .col-md-12 .legendtemplate {
  width: 40%;
  float: left;
  margin-top: 40px; }

@media (max-width: 1366px) {
  .col-md-6 .chart_Doughnut {
    width: 100%;
    float: left; }
  .col-md-6 .legendtemplate {
    width: 100%;
    float: left;
    margin-top: 20px; } }

.col-md-4 .title_gaAccount, .col-md-6 .title_gaAccount {
  text-align: right; }

.col-md-4 span.widget-title_lb, .col-md-6 span.widget-title_lb {
  white-space: normal !important; }
  .col-md-4 span.widget-title_lb .customLabel, .col-md-6 span.widget-title_lb .customLabel {
    display: block; }

.timeframe_data_table select {
  margin-left: 5px;
  margin-top: -5px;
  padding-top: 4px !important;
  padding-bottom: 7px !important;
  height: auto !important; }

.ga-settings_page {
  margin-top: 47px; }

.ic_go_back {
  font-size: 20px;
  float: left;
  width: 20px;
  display: inline-block;
  color: #999;
  line-height: 0;
  margin-top: -2px;
  position: relative;
  top: 2px;
  height: 20px; }
  .ic_go_back:before {
    width: 7px;
    height: 7px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 0;
    right: auto;
    content: '';
    position: absolute;
    border-color: rgba(0, 0, 0, 0.3);
    top: 50%;
    margin-top: -2px; }
  .ic_go_back:hover {
    color: #039BF9; }
    .ic_go_back:hover:before {
      border-color: #039BF9; }

@-webkit-keyframes close-sheet {
  0.00% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes close-sheet {
  0.00% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.auto-hidden-cms-menu {
  -webkit-animation-name: close-sheet;
          animation-name: close-sheet;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  min-height: 100%; }

.mm-title-cmsmenu {
  width: 160px;
  float: left;
  text-align: left;
  font-family: "Averta";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center; }

.pnl-active-users > div {
  display: inline-block; }

.pnl-active-users > div + div {
  margin-left: 5px; }

.pnl-active-users {
  height: 40px; }
  .pnl-active-users iframe + iframe {
    margin-left: 5px; }
  .pnl-active-users iframe {
    max-height: 50px; }

.is-section-layout-cms-dashboard .container-fluid {
  padding-left: 240px !important; }

.is-section-layout-cms-dashboard .container-fluid-wp {
  padding-left: 20px !important;
  padding-right: 20px !important; }

@media (max-width: 660px) {
  .dashboard-new-layout .page-header {
    -webkit-transform: 'inherit';
    transform: none; }
  .is-section-layout-cms-dashboard .container-fluid {
    padding-left: 10px !important; } }

#cover-all-data {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
  top: 0; }

.group_active-user {
  position: relative; }
  .group_active-user .view-user {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    text-align: left;
    background: #fff;
    line-height: 40px;
    padding: 12px 10px;
    box-sizing: border-box;
    font-family: 'Averta';
    background: #f4f2f1;
    border: 1px solid #d4d2d0;
    border-radius: 4px;
    font-weight: 300;
    white-space: nowrap;
    font-size: 13px;
    height: 40px;
    box-sizing: border-box;
    line-height: normal; }

/*After merge Calypso 2017*/
.is-section-layout-cms-dashboard .tooltip_title_cms {
  width: 105px;
  right: 4px; }
  .is-section-layout-cms-dashboard .tooltip_title_cms .popover__arrow {
    right: 0 !important; }
  .is-section-layout-cms-dashboard .tooltip_title_cms .popover__inner {
    color: white !important; }

.is-section-layout-cms-dashboard .glance-widget .input-group-addon:last-child {
  border: 1px solid #ccc; }

@media screen and (max-width: 1320px) {
  .widget-for-channels .channels-header .guide label {
    display: block; } }

@media screen and (max-width: 991px) {
  .widget-for-channels .channels-header .guide label {
    display: inline; } }

.is-section-media-library .container-fluid {
  background: white; }

.edge-browser .content-form-range .form-range {
  height: 22px; }

.edge-browser .media-list-area .spinner.blank-page {
  padding: 0px;
  top: 30px; }

.ie-browser .media-list-area .spinner.blank-page {
  padding: 0px;
  top: 30px; }

.ie-browser .media-library-search .search-advance .search-card .spinner .spinner__progress {
  top: 0px; }

#media-library-page {
  padding: 0px 5px 0px 0px;
  margin-top: 47px; }
  #media-library-page .is-full-screen .dialog.card, #media-library-page .is-full-screen .dialog.editor-drawer-well__placeholder {
    padding: 15px; }
  #media-library-page .float-right {
    float: right; }
    #media-library-page .float-right-padding {
      float: right;
      padding-right: 10px; }
  #media-library-page .float-left {
    float: left;
    padding-left: 10px; }
  #media-library-page .padding-top-5 {
    padding: 5px 5px 0px 5px; }
  #media-library-page .padding-5 {
    padding: 5px; }
  #media-library-page .margin-horizontal-10 {
    margin: 0px 10px; }
  #media-library-page .text-click-item {
    display: inline-block;
    vertical-align: top;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */ }
    #media-library-page .text-click-item.text-active {
      color: #077FC0; }
    #media-library-page .text-click-item.background-active {
      background: #077FC0; }
    #media-library-page .text-click-item i {
      text-align: center;
      width: 28px;
      padding: 4px 0px;
      font-size: 20px;
      border-radius: 50%;
      cursor: pointer; }
      #media-library-page .text-click-item i:hover {
        background: rgba(0, 0, 0, 0.12); }
    #media-library-page .text-click-item.small-text i {
      text-align: center;
      width: 28px;
      padding: 6px 0px;
      font-size: 16px;
      border-radius: 50%;
      cursor: pointer; }
      #media-library-page .text-click-item.small-text i:hover {
        background: rgba(0, 0, 0, 0.12); }
  #media-library-page .text-item {
    margin-left: 10px;
    margin-top: 5px;
    display: inline-block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */ }
    #media-library-page .text-item-first {
      margin-left: 0px;
      margin-top: 5px;
      display: inline-block;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently */ }
  #media-library-page .count {
    vertical-align: top;
    padding: 1px 6px;
    cursor: pointer;
    font-size: 11px;
    width: 94px; }
  #media-library-page button {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-family: inherit;
    display: inline-block;
    background-color: #F7F7F7;
    cursor: pointer;
    vertical-align: top;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */ }
    #media-library-page button.button-item {
      padding: 4px 11px;
      border: 1px solid #CCC; }
    #media-library-page button.right-space-5 {
      margin-right: 5px; }
    #media-library-page button.active {
      background: #077FC0;
      color: white; }
      #media-library-page button.active:hover {
        background: #077FC0;
        color: white; }
    #media-library-page button:hover {
      background: #D9D9D9;
      color: #333; }
  #media-library-page .action-area {
    height: 28px; }
  #media-library-page .gray {
    background: #F7F7F7; }
  #media-library-page p {
    margin-bottom: 10px; }
  #media-library-page .media .wait-loading.center .spinner__image {
    margin: 0 auto; }
  #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar-button:start:decrement, #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar-thumb:vertical, #media-library-page .frankly-treebeard .treebeard ul li span ul::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid white; }
  #media-library-page .expand {
    margin-left: -15px; }
  #media-library-page .folders-area .upload-file {
    cursor: pointer; }
    #media-library-page .folders-area .upload-file span {
      color: #0087be; }
      #media-library-page .folders-area .upload-file span i:first-child {
        font-size: 25px; }
      #media-library-page .folders-area .upload-file span i:last-child {
        vertical-align: top;
        margin: 5px;
        font-size: 15px; }
  #media-library-page .folders-area .media-folders {
    height: 30px; }
  #media-library-page .border {
    padding: 5px;
    border: 1px solid #c8c8c8; }
  #media-library-page .scroll-y {
    overflow-y: scroll;
    overflow-x: hidden; }
  #media-library-page .full-height {
    height: 100%; }
  #media-library-page .file-detail-full-screen-height {
    height: calc(100vh - 190px); }
    #media-library-page .file-detail-full-screen-height::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    #media-library-page .file-detail-full-screen-height::-webkit-scrollbar-button:start:decrement, #media-library-page .file-detail-full-screen-height::-webkit-scrollbar-button:end:increment {
      display: block;
      height: 0;
      background-color: transparent; }
    #media-library-page .file-detail-full-screen-height::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px; }
    #media-library-page .file-detail-full-screen-height::-webkit-scrollbar-thumb:vertical, #media-library-page .file-detail-full-screen-height::-webkit-scrollbar-thumb:horizontal {
      background-color: #c8d7e1;
      -webkit-border-radius: 8px;
      border: 1px solid white; }
  #media-library-page .space {
    margin-bottom: 10px; }
  #media-library-page .token-field {
    position: relative; }
    #media-library-page .token-field .token-field__input-container {
      height: 25px; }
    #media-library-page .token-field .token-field__suggestions-list {
      position: absolute;
      width: 100%;
      z-index: 10;
      border: 1px solid lightgray;
      visibility: hidden; }
      #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar {
        width: 9px;
        height: 9px; }
      #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar-button:start:decrement, #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar-button:end:increment {
        display: block;
        height: 0;
        background-color: transparent; }
      #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px; }
      #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar-thumb:vertical, #media-library-page .token-field .token-field__suggestions-list::-webkit-scrollbar-thumb:horizontal {
        background-color: #c8d7e1;
        -webkit-border-radius: 8px;
        border: 1px solid white; }
      #media-library-page .token-field .token-field__suggestions-list.is-expanded {
        visibility: visible; }

.videoUploader {
  margin-top: 27px; }
  .videoUploader iframe {
    height: calc(100vh - 47px); }

.row-custom {
  margin-left: 10px;
  margin-right: 10px; }
  .row-custom div[class*="col-sm"] {
    padding-left: 10px;
    padding-right: 10px; }

.badge_txt-danger {
  background-color: #d9534f; }

.badge_txt {
  display: inline;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  padding: 1px 7px; }

.fieldUpload {
  margin-top: 22px; }
  .fieldUpload input[type="file"] {
    display: none; }
  .fieldUpload .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    height: 40px;
    border-radius: 4px;
    background-color: #269ce9;
    border: 1px solid  #269ce9;
    color: #fff;
    line-height: 25px; }
    .fieldUpload .custom-file-upload i {
      font-size: 15px;
      margin-right: 5px; }

.import-data-item:nth-child(even) {
  background: #f3f6f8;
  border: 1px solid #d9e3ea;
  color: #2e4453;
  box-shadow: none !important; }
  .import-data-item:nth-child(even) textarea {
    border: 1px solid #d9e3ea; }
  .import-data-item:nth-child(even) .tab-panel-custom {
    border: 1px solid #d9e3ea; }

.import-data-item {
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3 !important;
  padding: 10px;
  margin: 25px 4px !important; }
  .import-data-item textarea {
    min-height: 250px; }
  .import-data-item .form-fieldset {
    margin-bottom: 0px; }
  .import-data-item .tab-panel-custom {
    background: #fff;
    margin-top: -1px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    padding: 15px 0 !important; }
    .import-data-item .tab-panel-custom.tab-panel-error textarea {
      color: #d9534f; }
  .import-data-item .tabs-navigation {
    border-bottom: none; }

.notice-custom {
  padding: 10px;
  border-radius: 34px;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ccc; }
  .notice-custom i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 2px; }
  .notice-custom b {
    color: #3c763d; }
  .notice-custom.notice-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
  .notice-custom.notice-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }

.global-setting label.form-label {
  font-weight: normal;
  font-size: 12px; }

.global-setting .card, .global-setting .editor-drawer-well__placeholder {
  margin-bottom: 10px; }

.global-setting .form-fieldset {
  margin-bottom: 15px; }

.global-setting .form-text-input {
  font-size: 12px; }

.global-setting .foldable-card__header {
  padding: 0; }

.global-setting .form-legend {
  border-top: 1px dashed #ccc;
  padding-top: 15px;
  margin-bottom: 10px;
  clear: both;
  width: 100%; }
  .global-setting .form-legend:first-child {
    border: none;
    padding-top: 0; }

.global-setting input[type="checkbox"] + span,
.global-setting .checkbox-tristate + span,
.global-setting input[type="radio"] + span {
  font-size: 12px; }

.global-setting .form-fieldset.error {
  color: red; }
  .global-setting .form-fieldset.error input {
    border: 1px solid red; }

.mar10b {
  margin-bottom: 10px; }

.list-channel li.item-channel {
  list-style: none;
  padding: 10px;
  margin-bottom: 10px;
  background: -webkit-linear-gradient(left, rgba(233, 239, 243, 0), #e9eff3 50%) repeat scroll 0 0;
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%) repeat scroll 0 0; }
  .list-channel li.item-channel .form-fieldset:last-child {
    margin-bottom: 1px; }

.list-channel .delete-bnt {
  border: none;
  background: none; }
  .list-channel .delete-bnt:focus {
    border: none; }

.display-none {
  display: none; }

.subsection {
  margin-left: 45px; }

.txtExplanation .tip-inner {
  max-width: 260px !important; }

.txtExplanation svg {
  margin-left: 5px;
  position: relative;
  top: 4px; }

.resultLocation .collapse-card.card.isDefault .collapse-card__header:before, .resultLocation .collapse-card.isDefault.editor-drawer-well__placeholder .collapse-card__header:before {
  color: #0068ff; }

.resultLocation .form-input-validation.is-error {
  clear: both;
  margin-left: 0px;
  padding-bottom: 0;
  padding-top: 9px; }

.resultLocation .collapse-card__header {
  position: relative; }
  .resultLocation .collapse-card__header::before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f041";
    left: -6px;
    top: 12px;
    font-size: 20px; }

@media (max-width: 767px) {
  label.form-label.is-mobile {
    float: left;
    margin-right: 15px; } }

@media (max-width: 660px) {
  .global-setting label.form-label.is-mobile {
    float: left;
    margin-right: 15px; } }

.row-defaultLocation {
  padding-top: 25px; }
  @media (max-width: 767px) {
    .row-defaultLocation {
      padding-top: 0px; } }

.row-defaultLocation > div.pull-left .form-toggle__label {
  position: relative;
  top: -2px;
  margin-left: 15px; }

.social-modal-box {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: inherit !important; }

.doter {
  border-top: 1px dashed #ccc;
  height: 1px;
  width: 100%;
  margin: 10px 0px; }

.star_msg_summary {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 5px;
  display: block;
  text-align: right;
  margin-right: 10px; }

.resultLocation label.col-md-2.control-label {
  padding-right: 0px; }

.more-detail {
  font-style: italic;
  text-decoration: underline !important;
  font-weight: normal !important;
  color: #2a2e33 !important;
  display: block !important; }

.ul_summaryErrors {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease; }
  .ul_summaryErrors li {
    font-style: italic;
    margin-left: 20px; }
  .ul_summaryErrors.ul_summaryErrors_hide {
    opacity: 0;
    height: 0;
    overflow: hidden; }
  .ul_summaryErrors.ul_summaryErrors_show {
    opacity: 1;
    height: auto;
    overflow: auto; }

.columlayout {
  background: #f5f5f5;
  min-height: 80px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical; }

.row-layout {
  padding-right: 35px;
  position: relative;
  border: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-left: 15px; }
  .row-layout:last-child {
    margin-bottom: 0px !important; }

.lefttool {
  position: absolute;
  width: 20px;
  background: #f5f5f5;
  top: 0;
  right: 0;
  content: '';
  height: 100%;
  border-left: 1px solid #ccc;
  text-align: center; }

.foldable-card__header.Routes .panel-heading {
  padding: 2px !important; }

.Routes .foldable-card__content .form-label {
  font-weight: normal; }

.panel_glance-widget > .col-sm-4, .panel_glance-widget .col-sm-8 {
  padding: 0; }

.glance-widget {
  font-family: "Averta"; }
  .glance-widget .panel_glance-widget {
    border: 1px solid #eee; }
  .glance-widget .empty_data {
    padding: 15px; }
  .glance-widget .m-l-15 {
    margin-left: 15px; }
  .glance-widget .m-r-15 {
    margin-right: 15px; }
  .glance-widget .btn-slider {
    color: #bbb;
    cursor: pointer;
    text-transform: uppercase; }
  .glance-widget ul.list-content {
    list-style: none;
    margin: 0;
    border-bottom: none;
    border-right: 1px solid #eee; }
    .glance-widget ul.list-content li {
      border-bottom: 1px solid #eee;
      padding: 3px 10px; }
      .glance-widget ul.list-content li:last-child {
        border-bottom: none; }
      .glance-widget ul.list-content li img.profile-image {
        position: absolute;
        border-radius: 0px;
        width: 48px;
        height: 44px; }
      .glance-widget ul.list-content li .content {
        margin-left: 70px; }
        .glance-widget ul.list-content li .content .title {
          font-weight: bold;
          margin-bottom: 3px;
          cursor: pointer; }
          .glance-widget ul.list-content li .content .title a {
            color: #2a2e33; }
          .glance-widget ul.list-content li .content .title :hover {
            color: #4a90e2; }
        .glance-widget ul.list-content li .content .status-label {
          border-radius: 4px;
          padding: 2px 10px;
          color: #fff;
          text-transform: uppercase;
          font-size: 12px;
          font-family: "Averta-Semibold"; }
          .glance-widget ul.list-content li .content .status-label.Draft {
            background-color: #ff9000; }
          .glance-widget ul.list-content li .content .status-label.Live {
            background-color: #3c763d; }
          .glance-widget ul.list-content li .content .status-label.Archive {
            background-color: #2C3126; }
        .glance-widget ul.list-content li .content .time-label {
          margin: 0 10px;
          color: #666666;
          font-size: 11px; }
    .glance-widget ul.list-content.ps-left > li {
      height: 70px;
      cursor: pointer; }
      .glance-widget ul.list-content.ps-left > li.active {
        color: #4a90e2;
        font-weight: bold;
        background-color: #f9f9f9; }
    .glance-widget ul.list-content.ps-right {
      border: none; }
      .glance-widget ul.list-content.ps-right li {
        position: relative;
        height: 45px; }
    .glance-widget ul.list-content .view-number {
      margin-top: -10px;
      font-size: 250%; }
    .glance-widget ul.list-content .view-text {
      text-transform: uppercase; }
  .glance-widget .group-btn-slider {
    position: absolute;
    bottom: -45px; }
    .glance-widget .group-btn-slider.right {
      right: 0; }
  .glance-widget .slick-dots {
    margin-bottom: 0; }
    .glance-widget .slick-dots li button:before {
      font-size: 3rem; }
  .glance-widget .ellipsis-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.ga-dialog .header {
  text-transform: uppercase;
  min-height: 60px; }
  .ga-dialog .header .title {
    font-weight: bold; }

.ga-dialog .form-fieldset label {
  text-transform: uppercase; }

.ga-dialog .group-2-btn {
  text-align: center; }
  .ga-dialog .group-2-btn .button {
    color: #8d8d8d;
    background: #D8D8D8;
    border: #d8d8d8;
    width: 46%;
    margin: 2%; }

.pagination.pagination_slider {
  margin-left: 0;
  text-align: center;
  margin-bottom: 5px;
  border-top: 1px solid #eee;
  padding-top: 10px; }
  .pagination.pagination_slider li {
    display: inline-block;
    margin: 0 2px; }
    .pagination.pagination_slider li a, .pagination.pagination_slider li span {
      border: none;
      box-shadow: none;
      padding: 2px 8px; }
    .pagination.pagination_slider li.pagination-next {
      cursor: pointer; }
      .pagination.pagination_slider li.pagination-next.disabled a:hover {
        background: none;
        color: #777;
        cursor: default; }
    .pagination.pagination_slider li.pagination-prev {
      cursor: pointer; }
      .pagination.pagination_slider li.pagination-prev.disabled a:hover {
        background: none;
        color: #777;
        cursor: default; }
    .pagination.pagination_slider li.pagination-first {
      float: left; }
      .pagination.pagination_slider li.pagination-first.disabled a:hover {
        background: none;
        color: #777;
        cursor: default; }
    .pagination.pagination_slider li.pagination-last {
      float: right; }
      .pagination.pagination_slider li.pagination-last.disabled a:hover {
        background: none;
        color: #777;
        cursor: default; }
    .pagination.pagination_slider li a {
      cursor: pointer; }

@media (max-width: 1400px) {
  .col-md-4 .pagination_slider {
    padding-left: 0; }
  .col-md-6 .glance-widget ul.list-content .view-number, .col-md-4 .glance-widget ul.list-content .view-number {
    font-size: 180%; } }

.widget-control .ic-settings {
  position: relative; }

.popoverEditWidget {
  width: 270px;
  border-radius: 5px;
  position: absolute;
  margin-left: -135px;
  display: none; }
  .popoverEditWidget .editWidget_headline {
    background: #2a2e33;
    padding: 10px;
    color: #fff;
    text-align: left;
    position: relative;
    margin-top: 8px;
    border-radius: 5px 5px 0 0; }
    .popoverEditWidget .editWidget_headline:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      border: 8px solid transparent;
      border-bottom: 8px solid #2a2e33;
      left: 50%;
      top: -16px; }
  .popoverEditWidget .editWidget_footer {
    background: #ccc;
    padding: 10px;
    border-radius: 0 0 5px 5px; }
    .popoverEditWidget .editWidget_footer .action_tool {
      width: 100%;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .popoverEditWidget .editWidget_footer .action_tool a {
        width: 50%;
        display: block;
        color: #2a2e33; }
  .popoverEditWidget .editWidget_content {
    padding: 10px;
    text-align: left;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    .popoverEditWidget .editWidget_content .custom-select {
      width: 100%;
      border-width: 1px 1px 1px;
      border-radius: 0; }
    .popoverEditWidget .editWidget_content .form-fieldset {
      margin-bottom: 10px; }

.col-md-12 .popoverEditWidget, .group-widget .col-md-4:last-child .popoverEditWidget, .group-widget .col-md-6:last-child .popoverEditWidget {
  right: 0;
  left: auto;
  margin-left: 0; }

.col-md-12 .editWidget_headline:before, .group-widget .col-md-4:last-child .editWidget_headline:before, .group-widget .col-md-6:last-child .editWidget_headline:before {
  right: 7px !important;
  left: auto !important; }

.ic-control.ic-settings.isCurrent .popoverEditWidget {
  display: block; }

.FranklyDropdown-root {
  position: relative; }
  .FranklyDropdown-root .FranklyDropdown-menu:hover .FranklyDropdown-option.is-selected {
    background: transparent;
    color: rgba(51, 51, 51, 0.8); }
    .FranklyDropdown-root .FranklyDropdown-menu:hover .FranklyDropdown-option.is-selected:hover {
      background-color: rgba(15, 105, 169, 0.8);
      color: white; }

.FranklyDropdown-control {
  position: relative;
  overflow: hidden;
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; }
  .FranklyDropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.FranklyDropdown-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  margin-top: -2px; }

.FranklyDropdown-menu {
  position: absolute;
  z-index: 1000;
  top: 100%;
  margin-top: -1px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  max-height: 200px;
  border: 1px solid #dbdbdb;
  background-color: white;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box; }
  .FranklyDropdown-menu .FranklyDropdown-group > .FranklyDropdown-title {
    padding: 8px 10px;
    color: #333;
    font-weight: bold;
    text-transform: capitalize; }

.FranklyDropdown-option {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  float: left;
  width: 100%; }
  .FranklyDropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .FranklyDropdown-option.is-selected, .FranklyDropdown-option:hover {
    color: white;
    background-color: rgba(15, 105, 169, 0.8); }

.FranklyDropdown-noresults {
  box-sizing: border-box;
  color: #dbdbdb;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.is-open .FranklyDropdown-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px; }

@-webkit-keyframes ripple {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ripple {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.effect-ripple .ripple {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate-reverse;
          animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0.6; }

.effect-ripple .ripple1 {
  background-color: #fd8b00; }

.effect-ripple .ripple2 {
  -webkit-animation-delay: -250ms;
          animation-delay: -250ms;
  background-color: #fd4100; }

.effect-ripple .ripple3 {
  -webkit-animation-delay: -500ms;
          animation-delay: -500ms;
  background-color: #fd0000;
  opacity: 0.4; }

body.is-fullscreen {
  overflow-y: hidden !important; }

.page__actions {
  cursor: pointer; }
  .page__actions.is-active {
    color: #00aadc;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.list-page {
  font-family: "Averta";
  color: #2a2e33;
  font-size: 13px;
  table-layout: fixed;
  width: 99%; }
  .list-page td:first-child,
  .list-page th:first-child {
    width: 30%; }
  .list-page td:nth-child(2),
  .list-page th:nth-child(2) {
    width: 20%; }
  .list-page td:last-child,
  .list-page th:last-child {
    width: 5%; }
  .list-page td {
    padding: 12px 16px;
    background-color: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid #fff;
    color: #000; }
  .list-page thead {
    background-color: rgba(0, 0, 0, 0.06); }
    .list-page thead th {
      padding: 12px 15px;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.7);
      font-size: 11px;
      font-family: "Averta";
      letter-spacing: 0.5px;
      font-weight: bold;
      border-bottom: 1px solid #fff; }
      .list-page thead th .sortable {
        cursor: pointer; }
  @media (max-width: 991px) {
    .list-page td,
    .list-page th {
      display: none; }
    .list-page td:first-child,
    .list-page td:last-child,
    .list-page th:first-child,
    .list-page th:last-child {
      display: table-cell; } }
  .list-page .page__path {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px; }
  .list-page .list-page-system .page__path {
    color: rgba(0, 0, 0, 0.3); }
  .list-page .page__title {
    display: block;
    width: 100%;
    font-family: "Averta";
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .list-page .page__status {
    text-transform: uppercase;
    font-weight: bold;
    color: #4f91ff; }

.tabpages .heading-title {
  font-size: 20px;
  font-family: "Averta";
  text-transform: uppercase;
  border-bottom: solid 1px rgba(0, 0, 0, 0.08);
  padding-bottom: 20px; }
  .tabpages .heading-title .page-title-action {
    padding: 8px 15px 10px;
    background-color: #0068ff;
    color: #fff;
    border-radius: 2px;
    margin-left: 20px;
    font-size: 13px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .tabpages .heading-title .page-title-action:hover {
      background-color: #0151C1;
      cursor: pointer; }
    .tabpages .heading-title .page-title-action i {
      margin-left: 2px; }

.tabpages .section-nav {
  box-shadow: none; }
  .tabpages .section-nav .section-nav-tab {
    margin-right: 15px; }
    .tabpages .section-nav .section-nav-tab.is-selected .section-nav-tab__link {
      color: #000000;
      font-size: 14px; }
    .tabpages .section-nav .section-nav-tab .section-nav-tab__link {
      text-transform: uppercase;
      letter-spacing: 0.2px;
      color: rgba(0, 0, 0, 0.5);
      font-size: 13px;
      font-weight: bold;
      padding-left: 0;
      padding-right: 0; }

.page__actions-menu .popover__menu-item {
  width: 100%;
  font-family: "Averta";
  font-size: 14px; }

.modalCustom__backdrop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  z-index: 222; }
  .modalCustom__backdrop.modalCustom-enter, .modalCustom__backdrop.modalCustom-leave.modalCustom-leave-active {
    background-color: rgba(233, 239, 243, 0); }
  .modalCustom__backdrop, .modalCustom__backdrop.modalCustom-enter.modalCustom-enter-active, .modalCustom__backdrop.modalCustom-leave {
    background-color: rgba(0, 0, 0, 0.7); }
  .modalCustom__backdrop.is-full-screen {
    top: 0; }

.ReactModalPortal > * {
  opacity: 0; }

.ReactModal__Overlay {
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }
  .ReactModal__Overlay--after-open {
    opacity: 1; }
  .ReactModal__Overlay--before-close {
    opacity: 0; }

.modalCustom.card, .modalCustom.editor-drawer-well__placeholder {
  color: #2a2e33;
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  margin: auto 0;
  box-shadow: none;
  min-width: 300px;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden; }
  .modalCustom.card::-webkit-scrollbar, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  .modalCustom.card::-webkit-scrollbar-button:start:decrement, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar-button:start:decrement, .modalCustom.card::-webkit-scrollbar-button:end:increment, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  .modalCustom.card::-webkit-scrollbar-track-piece, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  .modalCustom.card::-webkit-scrollbar-thumb:vertical, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar-thumb:vertical, .modalCustom.card::-webkit-scrollbar-thumb:horizontal, .modalCustom.editor-drawer-well__placeholder::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid white; }
  .modalCustom-enter .modalCustom.card, .modalCustom-enter .modalCustom.editor-drawer-well__placeholder,
  .modalCustom-leave.modalCustom-leave-active .modalCustom.card,
  .modalCustom-leave.modalCustom-leave-active .modalCustom.editor-drawer-well__placeholder {
    opacity: 0; }
  .modalCustom.card, .modalCustom.editor-drawer-well__placeholder,
  .modalCustom-enter.modalCustom-enter-active .modalCustom.card,
  .modalCustom-enter.modalCustom-enter-active .modalCustom.editor-drawer-well__placeholder,
  .modalCustom-leave .modalCustom.card,
  .modalCustom-leave .modalCustom.editor-drawer-well__placeholder {
    opacity: 1; }
  .modalCustom.card .modalCustom__content, .modalCustom.editor-drawer-well__placeholder .modalCustom__content {
    padding: 20px; }

.layout-page {
  font-family: "Averta";
  font-size: 13px; }
  .layout-page.open .btn-menu {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
    background-color: #333333;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.08); }
    .layout-page.open .btn-menu i:before {
      content: '\f00d'; }
  .layout-page.open .panelTool-page {
    right: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  @media (min-width: 992px) {
    .layout-page.open .main-page {
      margin-right: 270px; } }
  .layout-page .main-page {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
  .layout-page .page-name-txtinput {
    margin-bottom: 15px;
    border: none; }
    .layout-page .page-name-txtinput .form-text-input {
      font-weight: bold;
      font-size: 20px !important;
      padding-left: 0;
      border: none;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
      .layout-page .page-name-txtinput .form-text-input:focus {
        padding-left: 14px; }
  .layout-page .headerTop-page {
    width: 100%;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-page .btn-menu {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(0, 0, 0, 0.08);
    padding: 10px 18px;
    border-radius: 30px;
    line-height: 1;
    color: #4f91ff;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin-left: auto;
    position: relative;
    z-index: 3;
    font-family: "Averta-Semibold";
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .layout-page .btn-menu:hover {
      background-color: #34bbe6;
      color: #ffffff; }
  .layout-page .btn-closePage {
    text-decoration: none;
    letter-spacing: 0.2px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .layout-page .btn-closePage:hover {
      color: #34bbe6; }
    .layout-page .btn-closePage i {
      font-size: 25px;
      position: relative;
      top: 2px;
      margin-right: 4px; }
  .layout-page .page-builder .container-tabs {
    border: 1px solid #dadada;
    padding: 15px; }
  .layout-page .page-builder .tabs-menu {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    padding-left: 30px; }
    .layout-page .page-builder .tabs-menu li {
      display: inline-block;
      list-style: none;
      padding: 8px 15px;
      border-radius: 4px 4px 0 0;
      cursor: pointer;
      margin-right: 5px;
      font-family: "Averta-Semibold";
      background: #fafafa; }
      .layout-page .page-builder .tabs-menu li.is-active {
        border: 1px solid #418ff9;
        border-bottom: none;
        background: #418ff9;
        color: #fff;
        font-weight: bold; }
  .layout-page .page-builder .tab-panel {
    display: none; }
    .layout-page .page-builder .tab-panel.is-active {
      display: block; }
      .layout-page .page-builder .tab-panel.is-active .ladda-button {
        float: right;
        margin-top: -15px;
        margin-bottom: 15px; }
      .layout-page .page-builder .tab-panel.is-active .code-area {
        height: calc(100vh - 250px); }
    .layout-page .page-builder .tab-panel .notify {
      font-weight: bold; }
  .layout-page .layout-container {
    padding: 0 15px; }
    .layout-page .layout-container .group-fr-btn-action {
      position: absolute;
      right: 15px;
      top: 5px; }
      .layout-page .layout-container .group-fr-btn-action.row-config, .layout-page .layout-container .group-fr-btn-action.column-config {
        position: relative;
        text-align: right;
        margin-top: -30px;
        padding-bottom: 5px;
        right: 0;
        top: 0; }
      .layout-page .layout-container .group-fr-btn-action button {
        padding: 5px;
        cursor: pointer; }
        .layout-page .layout-container .group-fr-btn-action button:hover {
          color: #34bbe6; }
    .layout-page .layout-container .row {
      padding: 15px 15px 15px;
      position: relative;
      background: #f5f5f5;
      margin-bottom: 15px; }
      .layout-page .layout-container .row.layout-row {
        padding: 35px 15px 15px; }
        .layout-page .layout-container .row.layout-row > .effect-ripple .ripple {
          top: 8px; }
      .layout-page .layout-container .row.row-empty > .effect-ripple .ripple {
        top: calc(50% - 10px); }
      .layout-page .layout-container .row.row-over {
        outline: 1px dashed #4f91ff;
        outline-offset: -3px;
        min-height: 50px; }
      .layout-page .layout-container .row .empty-row-msg {
        font-size: 14px;
        font-weight: bold;
        font-family: "Averta";
        color: #4f91ff;
        text-align: center; }
    .layout-page .layout-container .wrapper-module {
      margin: 0 10px 0px; }
    .layout-page .layout-container .box-column {
      position: relative;
      border: 1px solid #ebebeb;
      background: #fff;
      padding: 35px 10px 10px;
      min-height: 100px; }
      .layout-page .layout-container .box-column > .effect-ripple .ripple {
        top: 8px; }
    .layout-page .layout-container .add-module-box {
      text-align: center;
      position: relative;
      outline: 1px dashed #4f91ff;
      line-height: 50px;
      margin: 0 10px;
      min-height: 50px; }
    .layout-page .layout-container .fr-btn-ic {
      cursor: pointer; }
  .layout-page .panelTool-page {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    width: 270px;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    background: #333333;
    padding: 20px 15px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transform: translateX(270px);
            transform: translateX(270px); }
    .layout-page .panelTool-page:after {
      width: 270px;
      height: 200%;
      background: #333333;
      position: fixed;
      right: 0; }
    @media (max-width: 480px) {
      .layout-page .panelTool-page .section-nav .section-nav__mobile-header {
        display: none; }
      .layout-page .panelTool-page .section-nav .section-nav-group {
        display: block;
        margin-top: 0; }
        .layout-page .panelTool-page .section-nav .section-nav-group .section-nav-tabs__list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
        .layout-page .panelTool-page .section-nav .section-nav-group .section-nav-tab__text {
          width: auto; }
        .layout-page .panelTool-page .section-nav .section-nav-group .is-selected .section-nav-tab__link {
          background: none;
          border-bottom: 2px solid #fff; } }
  .layout-page .section-nav {
    box-shadow: none;
    background: none; }
    .layout-page .section-nav .section-nav-tab {
      position: relative;
      text-transform: uppercase;
      font-family: "Averta-Semibold";
      font-weight: bold;
      margin-right: 16px;
      border-bottom: none; }
      .layout-page .section-nav .section-nav-tab:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #fff;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
      .layout-page .section-nav .section-nav-tab:hover:after {
        width: 100%; }
      .layout-page .section-nav .section-nav-tab:hover .section-nav-tab__link {
        color: #fff; }
      .layout-page .section-nav .section-nav-tab.is-selected {
        border-color: #fff; }
        .layout-page .section-nav .section-nav-tab.is-selected:after {
          width: 100%; }
        .layout-page .section-nav .section-nav-tab.is-selected .section-nav-tab__link {
          color: #fff; }
      .layout-page .section-nav .section-nav-tab .section-nav-tab__link {
        color: rgba(255, 255, 255, 0.6);
        padding: 16px 0; }
  .layout-page .form-page {
    max-height: calc(100% - 195px);
    overflow-y: auto; }
    .layout-page .form-page::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .layout-page .form-page::-webkit-scrollbar-button:start:decrement, .layout-page .form-page::-webkit-scrollbar-button:end:increment {
      display: block;
      height: 0;
      background-color: transparent; }
    .layout-page .form-page::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px; }
    .layout-page .form-page::-webkit-scrollbar-thumb:vertical, .layout-page .form-page::-webkit-scrollbar-thumb:horizontal {
      background-color: #c8d7e1;
      -webkit-border-radius: 8px;
      border: 1px solid white; }
    .layout-page .form-page .form-fieldset {
      margin-bottom: 10px; }
    .layout-page .form-page .form-label {
      text-transform: uppercase;
      letter-spacing: 0.2px;
      color: rgba(255, 255, 255, 0.6);
      font-family: "Averta-Semibold"; }
      .layout-page .form-page .form-label.grid_2 {
        display: inline-block;
        margin-right: 30px; }
    .layout-page .form-page .form-text-input,
    .layout-page .form-page .form-textarea {
      border: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(255, 255, 255, 0.02);
      color: rgba(255, 255, 255, 0.6); }
    .layout-page .form-page .form-text-input {
      height: 32px; }
    .layout-page .form-page .form-textarea {
      resize: vertical; }
    .layout-page .form-page .token-field__input {
      color: #fff;
      background: none; }
    .layout-page .form-page .token-field__token-text,
    .layout-page .form-page .token-field__remove-token {
      background-color: rgba(255, 255, 255, 0.08);
      border-radius: 2px;
      color: #fff;
      font-size: 11px;
      font-weight: bold; }
  .layout-page .token-field {
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.6); }
    .layout-page .token-field .token-field__suggestions-list {
      background: #333; }
    .layout-page .token-field .token-field__input-container {
      padding-top: 1px;
      padding-bottom: 1px; }
  .layout-page .modules {
    height: calc(100% - 195px);
    overflow-y: auto; }
    .layout-page .modules::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .layout-page .modules::-webkit-scrollbar-button:start:decrement, .layout-page .modules::-webkit-scrollbar-button:end:increment {
      display: block;
      height: 0;
      background-color: transparent; }
    .layout-page .modules::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px; }
    .layout-page .modules::-webkit-scrollbar-thumb:vertical, .layout-page .modules::-webkit-scrollbar-thumb:horizontal {
      background-color: #c8d7e1;
      -webkit-border-radius: 8px;
      border: 1px solid white; }
    .layout-page .modules .spinner__image {
      margin: auto; }

.page-ground-control__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  margin-bottom: 5px; }
  .page-ground-control__status .lb-date-time {
    font-size: 80%;
    margin-bottom: 0; }

.page-ground-control__btn-status {
  text-align: right;
  margin-bottom: 15px;
  padding-top: 5px;
  min-height: 30px; }
  .page-ground-control__btn-status .btn {
    padding: 5px;
    margin-left: auto;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    font-family: "Averta-Semibold";
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
    .page-ground-control__btn-status .btn:hover {
      color: #34bbe6; }

.page-ground-control__action-buttons {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .page-ground-control__action-buttons .btn {
    font-family: "Averta-Semibold";
    font-weight: bold; }
  .page-ground-control__action-buttons .btn-preview {
    width: 125px;
    margin-right: 6px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease; }
    .page-ground-control__action-buttons .btn-preview:hover {
      background-color: #34bbe6;
      color: #ffffff; }
  .page-ground-control__action-buttons .btn-setToPublish {
    width: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease; }
    .page-ground-control__action-buttons .btn-setToPublish:hover {
      background-color: #34bbe6;
      color: #ffffff; }
  .page-ground-control__action-buttons .fr-btn {
    padding: 5px 1px; }

.ic-info.info-popover {
  padding: 0 5px;
  cursor: pointer; }
  .ic-info.info-popover::before {
    content: "\f05a";
    font-family: "FontAwesome"; }
  .ic-info.info-popover:hover {
    color: #34bbe6; }
  .ic-info.info-popover .gridicon {
    display: none; }

.ic-info.popover.info-popover__tooltip .popover__arrow {
  border-top-color: #34bbe6; }
  .ic-info.popover.info-popover__tooltip .popover__arrow::before {
    border-top-color: #34bbe6; }

.ic-info.popover.info-popover__tooltip .popover__inner {
  padding: 10px !important;
  border-radius: 2px;
  background: #34bbe6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-color: #34bbe6;
  color: #fff !important;
  font-family: "Averta";
  font-size: 14px; }

.toggle-custom .form-toggle__switch {
  background: none; }

.fr-select {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.08);
  height: 32px;
  font-family: "Averta";
  font-weight: normal;
  padding: 5px 10px; }

.column-setting {
  max-width: 100%;
  padding: 0px 5px; }
  .column-setting p {
    margin-bottom: 5px; }
  .column-setting .fr-select {
    width: 100%;
    margin: 15px 0; }

.list-modules {
  position: relative;
  margin-left: 0; }
  .list-modules li {
    list-style: none;
    margin-bottom: 10px; }
    .list-modules li .mystyle .module-item {
      text-align: center; }
    .list-modules li .module {
      text-transform: uppercase;
      padding: 12px 10px;
      border: 1px solid transparent;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer; }
      .list-modules li .module.custom {
        padding: 12px 25px; }
      .list-modules li .module.isExpanded {
        background-color: #2c3e50; }
        .list-modules li .module.isExpanded .fa-chevron-down {
          float: right; }
      .list-modules li .module.title-module-custom {
        cursor: initial; }
    .list-modules li .module-item {
      text-transform: uppercase;
      padding: 12px 25px;
      border: 1px solid transparent;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer; }
      .list-modules li .module-item:hover {
        color: #34bbe6;
        border: solid 1px rgba(255, 255, 255, 0.1);
        background-color: rgba(78, 144, 255, 0.1); }
      .list-modules li .module-item .ic-module {
        width: 25px;
        font-size: 15px;
        float: left;
        margin-right: 10px;
        position: relative;
        top: -4px; }
        .list-modules li .module-item .ic-module img {
          background-color: white; }

.sub-module {
  position: relative;
  margin-left: 0; }
  .sub-module li {
    display: none; }
    .sub-module li .header-sub {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 15px;
      margin-top: 15px; }
      .sub-module li .header-sub .close-sub {
        margin-left: auto;
        cursor: pointer;
        padding-right: 10px; }
    .sub-module li .module-item {
      text-transform: uppercase;
      padding: 12px 25px;
      border: 1px solid transparent;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer; }
      .sub-module li .module-item:hover {
        color: #34bbe6;
        border: solid 1px rgba(255, 255, 255, 0.1);
        background-color: rgba(78, 144, 255, 0.1); }
      .sub-module li .module-item .ic-module {
        width: 25px;
        font-size: 15px;
        float: left;
        margin-right: 10px;
        position: relative;
        top: -4px; }
        .sub-module li .module-item .ic-module img {
          background-color: white; }
    .sub-module li.isCurrent {
      opacity: 1;
      display: block;
      z-index: 2; }
      .sub-module li.isCurrent li {
        display: block; }
      .sub-module li.isCurrent .token-field__input {
        color: #fff;
        background: none; }
      .sub-module li.isCurrent .token-field__token-text,
      .sub-module li.isCurrent .token-field__remove-token {
        background-color: rgba(255, 255, 255, 0.08);
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        font-weight: bold; }
      .sub-module li.isCurrent .list-sub-module {
        word-wrap: break-word; }

.confirm__backdrop {
  z-index: 224; }

.fr-btn {
  border-radius: 2px;
  padding: 5px 6px;
  height: 28px;
  box-sizing: border-box;
  margin: 0 2px;
  font-family: "Averta";
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }
  .fr-btn.default {
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.08); }
  .fr-btn.blue {
    color: #fff;
    background-color: #4f91ff; }
  .fr-btn.btn-black {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff; }
  .fr-btn.btn-primary {
    background-color: #418ff9;
    color: #fff; }
  .fr-btn:hover {
    background-color: #34bbe6;
    color: #ffffff; }
  .fr-btn:disabled {
    background: #c8d7e1;
    color: #b5b5b5;
    pointer-events: none; }

.list-content-management {
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  left: auto;
  right: 0;
  margin-left: 0; }
  .list-content-management .popoverEditWidget {
    z-index: 4;
    display: none;
    width: 500px;
    margin-left: -470px; }
    .list-content-management .popoverEditWidget .title_field {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .list-content-management .popoverEditWidget.current {
      display: block; }
    .list-content-management .popoverEditWidget.custom-editWidget-popover {
      left: 0;
      right: auto;
      margin-left: 0; }
      .list-content-management .popoverEditWidget.custom-editWidget-popover .editSetting_headline:before {
        left: 7px;
        right: auto; }
    .list-content-management .popoverEditWidget .editSetting_headline {
      background: #2a2e33;
      padding: 10px;
      color: #fff;
      text-align: left;
      position: relative;
      margin-top: 8px;
      border-radius: 5px 5px 0 0; }
      .list-content-management .popoverEditWidget .editSetting_headline:before {
        right: 7px;
        left: auto;
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border: 8px solid transparent;
        border-bottom: 8px solid #2a2e33;
        top: -16px; }
    .list-content-management .popoverEditWidget .editWidget_content {
      max-height: 285px;
      overflow-y: auto;
      padding: 1px 10px; }
      .list-content-management .popoverEditWidget .editWidget_content .form-fieldset {
        margin-left: -10px;
        margin-right: -10px;
        padding: 6px;
        margin-bottom: 1px; }
        .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .form-text-input {
          height: 32px; }
        .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .form-select {
          height: 32px;
          border-width: 1px;
          border-radius: 0;
          padding-top: 4px; }
        .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .lb-field {
          padding-top: 5px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .form-textarea {
          max-width: 100%; }
        .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .token-field {
          border: 1px solid #dbdbdb;
          background: white;
          color: rgba(255, 255, 255, 0.6); }
          .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .token-field .token-field__suggestions-list {
            background: white; }
          .list-content-management .popoverEditWidget .editWidget_content .form-fieldset .token-field .token-field__input-container {
            padding-top: 1px;
            padding-bottom: 1px; }
      .list-content-management .popoverEditWidget .editWidget_content .inputColor .textUppercase {
        height: 32px; }
      .list-content-management .popoverEditWidget .editWidget_content .inputColor .colorspicker {
        height: 32px;
        min-width: 31px;
        padding-top: 2px; }
        .list-content-management .popoverEditWidget .editWidget_content .inputColor .colorspicker .react-colorpicker-trigger {
          width: 14px;
          height: 14px; }
      .list-content-management .popoverEditWidget .editWidget_content .settings-module {
        width: 100%;
        padding: 0; }
        .list-content-management .popoverEditWidget .editWidget_content .settings-module input[type="text"] {
          height: 32px;
          text-overflow: ellipsis;
          overflow: hidden; }
        .list-content-management .popoverEditWidget .editWidget_content .settings-module .list-unstyled {
          margin-left: 5px; }
          .list-content-management .popoverEditWidget .editWidget_content .settings-module .list-unstyled .resource {
            overflow-wrap: break-word;
            word-wrap: break-word;
            display: flow-root; }
        .list-content-management .popoverEditWidget .editWidget_content .settings-module .menus__menu-item-open:before {
          border: inherit; }
      .list-content-management .popoverEditWidget .editWidget_content .select2-custom.is-expanded {
        box-shadow: 0 0 0 1px #c8d7e1; }
      .list-content-management .popoverEditWidget .editWidget_content .select2-custom .accordion__title {
        min-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 30px;
        color: #2e4453;
        white-space: nowrap;
        margin-left: 10px;
        font-size: 12px; }
      .list-content-management .popoverEditWidget .editWidget_content .select2-custom .accordion__toggle {
        background-color: white; }
        .list-content-management .popoverEditWidget .editWidget_content .select2-custom .accordion__toggle:after {
          right: 5px; }
      .list-content-management .popoverEditWidget .editWidget_content .select2-custom .accordion__header {
        box-shadow: 0 0 0 1px #c8d7e1;
        max-width: 300px; }
      .list-content-management .popoverEditWidget .editWidget_content .select2-custom .accordion__content-wrap {
        padding: 10px; }
    .list-content-management .popoverEditWidget .editWidget_footer {
      text-align: center; }
      .list-content-management .popoverEditWidget .editWidget_footer button {
        margin-right: 20px; }
  .list-content-management .info-module {
    text-align: center;
    font-weight: bold; }
  .list-content-management .title-module {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 13px;
    color: #999; }
  .list-content-management .title-category {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000; }
  .list-content-management .thumbnail-module img {
    width: 100px;
    max-width: 100%; }

.modal-preview-layout .modalCustom__content {
  padding: 0 !important; }

.modal-preview-layout .responsivator {
  padding: 10px;
  margin-bottom: 0;
  text-align: center; }
  .modal-preview-layout .responsivator li {
    list-style: none;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    opacity: .4;
    cursor: pointer; }
    .modal-preview-layout .responsivator li.active {
      opacity: 1; }

.modal-preview-layout .live-container {
  border-bottom: 1px solid #fff;
  background: #eceff1; }

.modal-preview-layout .close-modal {
  position: absolute;
  top: 15px;
  right: 15px; }

.modal-preview-layout #desktop {
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -7px 2px transparent;
  width: 42px;
  height: 35px;
  margin-right: 4px; }

.modal-preview-layout #desktop-lg {
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -50px 0 transparent;
  width: 34px;
  height: 28px;
  margin-right: 18px; }

.modal-preview-layout #tablet-portrait {
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -83px 3px transparent;
  width: 23px;
  height: 27px; }

.modal-preview-layout #tablet-landscape {
  margin-right: 18px;
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -103px 8px transparent;
  width: 25px;
  height: 29px; }

.modal-preview-layout #iphone-portrait {
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -128px 6px transparent;
  width: 17px;
  height: 29px;
  margin-right: 4px; }

.modal-preview-layout #iphone-landscape {
  background: url("/calypso/images/app-config/device_icon.png") no-repeat scroll -147px 14px transparent;
  width: 22px;
  height: 28px;
  margin-right: 17px; }

.modal-preview-layout #iframelive #frame {
  width: 100%;
  height: 100%; }

.modal-preview-layout #iframelive.desktop-lg .frameWrapper {
  width: 1200px;
  margin: auto;
  border: 20px solid #eceff1; }

.modal-preview-layout #iframelive.tablet-portrait .frameWrapper {
  background: url("/calypso/images/app-config/bg-ipad.svg");
  width: 871px;
  height: 1242px;
  margin: 20px auto; }

.modal-preview-layout #iframelive.tablet-portrait iframe {
  width: 783px !important;
  height: 1038px !important;
  margin: 106px 0 0 44px; }

.modal-preview-layout #iframelive.tablet-landscape .frameWrapper {
  background: url("/calypso/images/app-config/bg-ipad-album.svg");
  width: 1242px;
  height: 871px;
  margin: 20px auto;
  overflow: auto; }

.modal-preview-layout #iframelive.tablet-landscape iframe {
  width: 1038px !important;
  height: 783px !important;
  margin: 44px 0 0 106px;
  overflow-x: hidden; }

.modal-preview-layout #iframelive.iphone-portrait .frameWrapper {
  background: url("/calypso/images/app-config/bg-iphone.svg");
  width: 370px;
  height: 707px;
  margin: 20px auto; }

.modal-preview-layout #iframelive.iphone-portrait iframe {
  width: 335px !important;
  height: 495px !important;
  margin: 106px 0 0 20px; }

.modal-preview-layout #iframelive.iphone-landscape .frameWrapper {
  background: url("/calypso/images/app-config/bg-iphone-album.svg");
  width: 707px;
  height: 370px;
  margin: 150px auto 20px; }

.modal-preview-layout #iframelive.iphone-landscape iframe {
  width: 495px !important;
  height: 335px !important;
  margin: 20px 0 0 106px; }

.modal-preview-layout #iframelive .frameWrapper {
  height: 100%; }

.modal-preview-layout .preview-spinner {
  position: absolute;
  left: 50%;
  top: 50%; }

.validate.error input,
.validate.error textarea,
.validate.error .token-field {
  border: 1px red solid !important; }

.validate .message {
  font-size: 12px;
  color: red; }

.error-message {
  font-weight: bold;
  color: red; }

.row-setting {
  width: 750px;
  max-width: 100%; }
  .row-setting p {
    margin-bottom: 5px; }
  .row-setting .fr-select {
    width: 100%;
    margin: 15px 0; }

.table-setting th:first-child {
  visibility: hidden; }

.table-setting th:nth-child(n+2) {
  text-align: center; }

.table-setting tbody tr td:first-child {
  vertical-align: middle;
  width: 20%; }

.table-setting tbody tr td:nth-child(n+2) {
  padding-left: 5px; }

.table-setting tbody tr td.column-hr {
  padding-left: 0px; }
  .table-setting tbody tr td.column-hr hr {
    margin-bottom: 5px; }

.table-setting tbody tr td.validate {
  padding-bottom: 10px; }

.list-unstyled li {
  list-style: none; }

.search-box-adv {
  position: relative;
  margin: 10px 0; }
  .search-box-adv .gridicons-search {
    position: absolute;
    left: 0;
    padding: 9px 8px; }
  .search-box-adv input {
    padding-left: 30px; }

.web-pages .search {
  right: 0;
  position: absolute; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .web-pages .search {
      /* IE11-specific styles go here */
      margin-top: -25px; } }
  .web-pages .search.is-open {
    width: 60%; }
  .web-pages .search.has-focus {
    box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent; }
  .web-pages .search.is-searching .spinner {
    display: block;
    z-index: 100;
    margin-top: 30px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .web-pages .search.is-searching .spinner {
        /* IE11-specific styles go here */
        margin-top: 0px; } }
    .web-pages .search.is-searching .spinner.is-fallback {
      margin-right: 15px;
      margin-left: 15px; }

.menu-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: black; }

.modal-template-component {
  width: 30%; }
  .modal-template-component.history-versions {
    width: 960px; }
  .modal-template-component .confirm__content {
    padding: 15px; }
    .modal-template-component .confirm__content .template-buttons {
      float: right;
      padding-bottom: 15px; }
      .modal-template-component .confirm__content .template-buttons button {
        margin-left: 20px; }
    .modal-template-component .confirm__content input[type='text'] {
      padding-right: 14px; }

.counting-pages {
  padding-top: 15px; }

.themesConfig .column-layout {
  margin-top: 30px; }

.form-text-input-with-affixes__prefix {
  font-size: 12px;
  max-width: 190px; }

.form-text-input-with-affixes__suffix {
  min-width: 37px; }

.tooltipConfig {
  max-width: 400px;
  word-break: break-all; }

.history-control-buttons {
  width: 100%;
  padding-top: 10px;
  overflow: hidden; }
  .history-control-buttons button {
    margin-right: 10px;
    display: block;
    float: right; }

.history-list-versions {
  width: 43%;
  height: 400px;
  float: right;
  overflow-y: scroll; }
  .history-list-versions input[type='radio'] {
    margin-left: -15px; }
  .history-list-versions .list-page td,
  .history-list-versions .list-page th {
    padding: 12px 12px; }
  .history-list-versions .list-page td:first-child,
  .history-list-versions .list-page th:first-child {
    width: 23%; }
  .history-list-versions .list-page td:nth-child(2),
  .history-list-versions .list-page th:nth-child(2) {
    width: 23%; }
  .history-list-versions .list-page td:last-child,
  .history-list-versions .list-page th:last-child {
    width: 4%; }
  .history-list-versions .list-page td {
    word-wrap: break-word; }

.history-json {
  float: left;
  width: 55%;
  height: 400px; }
  .history-json .spinner-holder {
    position: absolute;
    left: 25%;
    top: 200px;
    z-index: 2; }
  .history-json textarea {
    height: inherit;
    overflow-y: scroll;
    resize: none; }
    .history-json textarea:hover {
      border-color: #ccc; }

.editable-item-content .form-input-validation {
  margin-left: 13px; }

.content-management {
  margin-top: 15px;
  word-wrap: break-word; }

.font-textarea {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif; }

.config-fieldUpload {
  margin-right: 10px;
  float: right; }
  .config-fieldUpload .custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    height: 40px;
    background-color: #0068FF;
    border: 1px solid #0068FF;
    color: #fff;
    line-height: 25px;
    font-size: 1.15em;
    font-weight: 700; }
  .config-fieldUpload input {
    display: none; }

#history .timeColumn {
  width: 44%; }

#history .updatedColumn {
  width: 26%; }

.hightLight {
  background-color: #e6e6e6; }
  .hightLight td {
    font-weight: 600; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px; }
  .col-xs-15 .deviceOptionWrapper, .col-xs-15 p,
  .col-sm-15 .deviceOptionWrapper,
  .col-sm-15 p,
  .col-md-15 .deviceOptionWrapper,
  .col-md-15 p,
  .col-lg-15 .deviceOptionWrapper,
  .col-lg-15 p {
    padding: 0px 5px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }

.modal-column-setting {
  width: 50%;
  min-width: 600px; }

.pageSpinner {
  margin-top: 12px; }

.listEndpoints.form-fieldset {
  margin-left: -6px; }

.listEndpoints input {
  width: 90%;
  margin-left: 4px; }

.listEndpoints .btn_remove_link {
  font-size: 16px;
  color: #2a2e33;
  padding-left: 7px; }

.listEndpoints .popup-option {
  position: absolute;
  margin-top: -110px;
  z-index: 100;
  border: 2px solid #ccc;
  margin-left: 115px;
  background-color: #fff;
  padding: 10px;
  width: 160px;
  border-radius: 5px; }
  .listEndpoints .popup-option select {
    width: 60%; }
  .listEndpoints .popup-option span {
    vertical-align: sub; }
    .listEndpoints .popup-option span.appType {
      padding-right: 4px; }
    .listEndpoints .popup-option span.disabled {
      color: #ccc; }

.listEndpoints .popup-arrow {
  right: 15px;
  left: auto;
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border: 8px solid transparent;
  border-top: 8px solid #ccc;
  margin-top: -10px; }

.read-only {
  position: relative; }
  .read-only .token-field {
    background-color: #e9ecef !important;
    border-color: #dbe0e6 !important;
    pointer-events: none !important;
    z-index: 999; }
  .read-only :after {
    content: '';
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: default; }

.info-tooltip {
  position: relative;
  top: 4px;
  margin-left: 5px;
  display: inline-block;
  line-height: 1; }
  .info-tooltip .gridicon {
    cursor: pointer;
    color: #b8cad7; }
  .info-tooltip.tooltip-top .info-tooltip-content {
    position: absolute;
    bottom: 24px;
    top: auto;
    width: 220px;
    left: -110px; }
  .info-tooltip.tooltip-right .info-tooltip-content {
    margin: -500px -500px -500px 2px;
    vertical-align: middle;
    top: -5px;
    width: auto;
    max-width: 220px; }
  .info-tooltip.tooltip-bottom .info-tooltip-content {
    position: absolute;
    top: 100%;
    width: 220px;
    left: -110px; }
  .info-tooltip.tooltip-left .info-tooltip-content {
    margin: -500px -500px -500px 2px;
    vertical-align: middle;
    margin-left: -260px;
    top: -5px; }
  .info-tooltip-content {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    padding: 10px;
    width: 220px;
    position: relative;
    display: none;
    padding: 10px; }
  .info-tooltip .text-tootlip {
    border: 1px solid #c8d7e1;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    color: #4f748e;
    font-size: 13px;
    padding: 10px;
    text-align: left;
    line-height: 1.5;
    text-transform: none;
    font-weight: normal !important;
    background: #fff; }
  .info-tooltip .tip-arrow {
    border: 10px dashed #c8d7e1;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .info-tooltip.tooltip-top .tip-arrow,
  .info-tooltip.tooltip-top-left .tip-arrow,
  .info-tooltip.tooltip-top-right .tip-arrow {
    bottom: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-top-style: solid/*rtl:ignore*/;
    border-bottom: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .info-tooltip.tooltip-top .tip-arrow::before,
    .info-tooltip.tooltip-top-left .tip-arrow::before,
    .info-tooltip.tooltip-top-right .tip-arrow::before {
      bottom: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-top-style: solid/*rtl:ignore*/;
      border-bottom: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .info-tooltip.tooltip-bottom .tip-arrow,
  .info-tooltip.tooltip-bottom-left .tip-arrow,
  .info-tooltip.tooltip-bottom-right .tip-arrow {
    top: 0 /*rtl:ignore*/;
    left: 50% /*rtl:ignore*/;
    margin-left: -10px/*rtl:ignore*/;
    border-bottom-style: solid/*rtl:ignore*/;
    border-top: none/*rtl:ignore*/;
    border-left-color: transparent/*rtl:ignore*/;
    border-right-color: transparent/*rtl:ignore*/; }
    .info-tooltip.tooltip-bottom .tip-arrow::before,
    .info-tooltip.tooltip-bottom-left .tip-arrow::before,
    .info-tooltip.tooltip-bottom-right .tip-arrow::before {
      top: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      left: 50% /*rtl:ignore*/;
      margin-left: -10px/*rtl:ignore*/;
      border-bottom-style: solid/*rtl:ignore*/;
      border-top: none/*rtl:ignore*/;
      border-left-color: transparent/*rtl:ignore*/;
      border-right-color: transparent/*rtl:ignore*/; }
  .info-tooltip.tooltip-left .tip-arrow,
  .info-tooltip.tooltip-left-top .tip-arrow,
  .info-tooltip.tooltip-left-bottom .tip-arrow {
    right: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-left-style: solid/*rtl:ignore*/;
    border-right: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .info-tooltip.tooltip-left .tip-arrow::before,
    .info-tooltip.tooltip-left-top .tip-arrow::before,
    .info-tooltip.tooltip-left-bottom .tip-arrow::before {
      right: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-left-style: solid/*rtl:ignore*/;
      border-right: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }
  .info-tooltip.tooltip-right .tip-arrow,
  .info-tooltip.tooltip-right-top .tip-arrow,
  .info-tooltip.tooltip-right-bottom .tip-arrow {
    left: 0 /*rtl:ignore*/;
    top: 50% /*rtl:ignore*/;
    margin-top: -10px/*rtl:ignore*/;
    border-right-style: solid/*rtl:ignore*/;
    border-left: none/*rtl:ignore*/;
    border-top-color: transparent/*rtl:ignore*/;
    border-bottom-color: transparent/*rtl:ignore*/; }
    .info-tooltip.tooltip-right .tip-arrow::before,
    .info-tooltip.tooltip-right-top .tip-arrow::before,
    .info-tooltip.tooltip-right-bottom .tip-arrow::before {
      left: 2px /*rtl:ignore*/;
      border: 10px solid white;
      content: " ";
      position: absolute;
      top: 50% /*rtl:ignore*/;
      margin-top: -10px/*rtl:ignore*/;
      border-right-style: solid/*rtl:ignore*/;
      border-left: none/*rtl:ignore*/;
      border-top-color: transparent/*rtl:ignore*/;
      border-bottom-color: transparent/*rtl:ignore*/; }

@-moz-document url-prefix() {
  .error-schedule-icon .info-tooltip.tooltip-left {
    width: 18px; } }

.info-tooltip:hover .info-tooltip-content {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  display: inline-block; }

.tooltip-right:hover .info-tooltip-content {
  margin-left: 10px; }

.system-card-group {
  margin-top: 20px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
  .system-card-group .social-settings {
    padding: 5px 15px; }
  .system-card-group .system-setting-card .collapse-card__content > div {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd; }
  .system-card-group .system-setting-card .setting-card-name {
    text-transform: uppercase;
    float: left;
    margin-right: 10px; }
  .system-card-group .system-setting-card .add-btn {
    border: none;
    position: absolute;
    right: 50px;
    top: 12px; }
    .system-card-group .system-setting-card .add-btn::hover {
      color: #0068ff; }

.is-section-clip-edit .container-fluid {
  background: #FAFAFA; }

.is-IE .vjs-mute-control {
  padding-left: 2.5em !important;
  padding-right: 1em;
  padding-bottom: 1em;
  width: 0;
  font-size: 10px; }

.is-IE .video-js-on-cms .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-size: 10px; }

.is-IE .capture-image-area .fa-camera {
  display: none; }

.is-IE .tools-image .search-advance .search-card .spinner .spinner__progress {
  top: 0px; }

.is-IE .class-processing .message-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

#mediaLibEditPage {
  color: #000000;
  background: #fafafa;
  margin: 27px 0 0;
  overflow: hidden; }
  #mediaLibEditPage .saving-close .close-button {
    cursor: pointer; }
  #mediaLibEditPage .class-processing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #mediaLibEditPage .class-processing .message-middle {
      width: 100%; }
      #mediaLibEditPage .class-processing .message-middle .processing-message {
        font-size: 15px; }
  .is-edge #mediaLibEditPage .box-calendar .edit-post-status__full-date {
    width: 205px; }
  #mediaLibEditPage .mediaLib__edit--header {
    padding-left: 4px !important; }
    #mediaLibEditPage .mediaLib__edit--header .headline-asset {
      white-space: nowrap;
      width: 12em;
      overflow: hidden;
      text-overflow: ellipsis; }
    #mediaLibEditPage .mediaLib__edit--header .hover-disable:hover {
      cursor: text; }
  #mediaLibEditPage .search-advance .filter-calendar .advanced-filter__cleartext {
    color: red !important; }
  #mediaLibEditPage .search-advance .btn-advanced-search i {
    color: #999;
    cursor: pointer; }
    #mediaLibEditPage .search-advance .btn-advanced-search i:hover {
      color: #0087be; }
  #mediaLibEditPage .frBylinesEditor .btn-group-custom {
    padding-top: 30px; }
  #mediaLibEditPage .frBylinesEditor .btn-small-custom {
    padding: 5px; }
  #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box {
    top: 51px; }
  #mediaLibEditPage .mediaLib__edit--save .info-tooltip {
    margin-left: 0px; }
  #mediaLibEditPage .mediaLib__edit--save .btn-status .text-uppercase {
    min-width: 84px; }
  #mediaLibEditPage a {
    color: #7d7d7d;
    text-decoration: none;
    color: #0087be; }
  #mediaLibEditPage .accordion__content-wrap a {
    cursor: pointer; }
    #mediaLibEditPage .accordion__content-wrap a:hover {
      color: #33bbe3; }
  #mediaLibEditPage button.rulelog__view {
    background-color: #077FC0;
    border-color: #077FC0;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    font-family: "Averta";
    border-radius: 0; }
  #mediaLibEditPage .media-clip .vjs-marker.tip-markin,
  #mediaLibEditPage .media-clip .vjs-marker.tip-markout {
    display: none; }
  #mediaLibEditPage .mediaLib__edit {
    position: relative;
    color: #666666; }
    #mediaLibEditPage .mediaLib__edit .fa-2x {
      font-size: 1.5em; }
    #mediaLibEditPage .mediaLib__edit .form-label {
      font-size: 14px;
      font-weight: 400;
      color: #000; }
    #mediaLibEditPage .mediaLib__edit .accordion {
      margin-top: -1px;
      box-shadow: none;
      font-size: 12px;
      line-height: 1.7; }
      #mediaLibEditPage .mediaLib__edit .accordion .accordion__header {
        padding: 5px 0;
        color: #666666; }
      #mediaLibEditPage .mediaLib__edit .accordion .accordion__toggle {
        background-color: transparent;
        box-shadow: none;
        padding: 10px; }
        #mediaLibEditPage .mediaLib__edit .accordion .accordion__toggle .accordion__title {
          font-size: 14px;
          font-weight: 600;
          color: rgba(0, 0, 0, 0.7);
          font-family: "Averta";
          text-transform: uppercase;
          letter-spacing: 0.2px;
          line-height: 0.77; }
      #mediaLibEditPage .mediaLib__edit .accordion.is-expanded .accordion__title {
        color: #000000;
        font-weight: bold; }
      #mediaLibEditPage .mediaLib__edit .accordion table th {
        color: #000;
        border-bottom: thin solid #aaa;
        font-size: 14px; }
      #mediaLibEditPage .mediaLib__edit .accordion table tbody tr td {
        border: none;
        color: #000; }
    #mediaLibEditPage .mediaLib__edit--header {
      padding: 0;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #e6e6e6; }
      #mediaLibEditPage .mediaLib__edit--header > h1 {
        vertical-align: middle;
        text-transform: uppercase;
        float: left;
        font-size: 20px;
        height: 64px;
        line-height: 64px; }
    #mediaLibEditPage .mediaLib__edit--save {
      margin-left: auto;
      padding: 12px 0 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #mediaLibEditPage .mediaLib__edit--save button {
        height: 35px;
        margin-left: 8px;
        padding-left: 25px;
        padding-right: 25px;
        background-color: #077FC0;
        border-color: #077FC0;
        cursor: pointer;
        font-family: "Averta";
        border-radius: 0;
        font-weight: 600; }
        #mediaLibEditPage .mediaLib__edit--save button[disabled] {
          background-color: #E6E6E6;
          color: #4D4D4D;
          border-color: #E6E6E6;
          cursor: not-allowed; }
        #mediaLibEditPage .mediaLib__edit--save button.bntSchedule {
          padding-left: 13px;
          padding-right: 13px;
          font-size: 13px;
          color: #4D4D4D;
          background: transparent;
          border-radius: 0;
          border-color: #E6E6E6; }
          #mediaLibEditPage .mediaLib__edit--save button.bntSchedule[disabled] {
            background-color: #E6E6E6;
            color: #4D4D4D !important;
            border-color: #E6E6E6;
            cursor: not-allowed; }
          #mediaLibEditPage .mediaLib__edit--save button.bntSchedule.trash {
            font-size: 14px; }
            #mediaLibEditPage .mediaLib__edit--save button.bntSchedule.trash[disabled] {
              color: #c8d7e1 !important;
              background: none;
              pointer-events: none; }
            #mediaLibEditPage .mediaLib__edit--save button.bntSchedule.trash:hover {
              color: #C00707; }
      #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box {
        z-index: 21; }
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .post-schedule__header-year .post-schedule__year-control-up, #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .post-schedule__header-year .post-schedule__year-control-down {
          height: 16px;
          margin: 0px;
          padding: 0px; }
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .schedule-form .btn-small-group {
          margin-top: 24px; }
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .frankly-save-btn,
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .frankly-cance-btn {
          padding: 5px 10px; }
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .frankly-save-btn {
          background-color: #419BF9; }
        #mediaLibEditPage .mediaLib__edit--save .frm-Schedule-box .frankly-cancel-btn {
          background-color: #E6E6E6;
          color: #4D4D4D;
          padding-left: 5px;
          padding-right: 5px; }
      #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl {
        font-size: 13px;
        border-radius: 0;
        background: transparent;
        border-color: #E6E6E6;
        color: #4D4D4D;
        font-weight: 600;
        padding-left: 12px;
        padding-right: 12px; }
        #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl.frankly-primary-btn-save.active, #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl.btn-ctrl-save.active {
          background: #077FC0;
          border-color: #077FC0;
          color: #ffffff; }
        #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl.frankly-primary-btn-save.warning, #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl.btn-ctrl-save.warning {
          font-size: 22px;
          color: orange;
          padding-top: 4px; }
        #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl:first-child {
          margin-right: 0;
          border-right: none; }
        #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl:last-child {
          margin-left: 0;
          padding-left: 0;
          padding-right: 5px;
          border-left: none; }
        #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl:active, #mediaLibEditPage .mediaLib__edit--save span button.button.btn-ctrl:focus {
          box-shadow: none; }
      #mediaLibEditPage .mediaLib__edit--save .btn-preview-tootltip {
        top: 0; }
        #mediaLibEditPage .mediaLib__edit--save .btn-preview-tootltip .frankly-primary-btn {
          padding-left: 21px;
          padding-right: 21px; }
        #mediaLibEditPage .mediaLib__edit--save .btn-preview-tootltip .info-tooltip-content {
          z-index: 21;
          left: calc(-50% + 13px); }
    #mediaLibEditPage .mediaLib__edit--playerContainer {
      position: relative;
      margin-right: 430px;
      margin-bottom: 1em;
      padding: 1em;
      min-width: 420px;
      height: 100%;
      background-color: #ffffff;
      box-sizing: border-box;
      border: 1px solid #ebebeb;
      min-height: 800px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .source-video {
        display: inline-block; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .source-video .title {
          color: black;
          width: auto;
          margin-top: 1px;
          margin-right: 10px;
          font-weight: inherit; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .source-video .label {
          color: black;
          width: auto;
          margin-top: 1px;
          margin-right: 10px;
          font-weight: 600;
          font-size: 14px;
          float: left; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .source-video .text-headline {
          text-decoration: underline;
          font-weight: 600;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 200px;
          display: inline-block;
          color: #419BF9; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .source-video .text-headline:hover {
            cursor: pointer; }
      #mediaLibEditPage .mediaLib__edit--playerContainer section {
        padding-top: 10px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer section.video-js-on-cms {
          padding-top: 0px;
          margin-bottom: 78px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .byline-loading {
        color: #000000; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input {
        margin-top: -25px;
        position: relative; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline {
          line-height: 1.25;
          min-height: 45px !important;
          padding: 15px 0px 5px;
          -webkit-transition: all 0s ease-in-out;
          transition: all 0s ease-in-out;
          overflow: hidden !important;
          font-size: 32px !important;
          border: none;
          font-weight: bold;
          color: black;
          font-family: "Averta";
          resize: none; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline::-webkit-input-placeholder {
            color: black;
            opacity: 1; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline::-moz-placeholder {
            color: black;
            opacity: 1; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline:-ms-input-placeholder {
            color: black !important;
            opacity: 1; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline:-moz-placeholder {
            color: black !important;
            opacity: 1; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .headline:focus {
            outline: 0;
            border-color: inherit;
            box-shadow: none; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .mediaLib-edit-override {
          position: absolute;
          top: 15px;
          right: 0;
          float: right;
          z-index: 9;
          color: #999;
          width: 20px;
          text-align: right;
          cursor: pointer; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .mediaLib-edit-override .fa {
            padding-top: 13px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .mediaLib-edit-override .fa:hover {
              color: #0087be; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input {
          position: absolute;
          z-index: 122;
          width: 100%;
          background: white;
          border-radius: 1px;
          border: thin solid rgba(0, 0, 0, 0.15);
          padding: 5px 0 15px 0;
          margin: 0;
          box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.07); }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field {
            margin-top: 10px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field input {
              margin-bottom: 10px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field .pageurl-mess__special input {
              margin-bottom: 0px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field button {
              margin-top: 24px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field .form-label {
              display: block;
              font-size: 12px;
              font-weight: 600;
              margin-bottom: 5px; }
            #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field .use-as-headline {
              font-size: 12px; }
              #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field .use-as-headline b {
                margin-right: 7px; }
              #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .urloverride__field .use-as-headline input {
                position: relative;
                top: -2px;
                float: none;
                margin: 0 5px 0 5px; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .urloverride__input .cms-textInput {
            height: 30px;
            border: thin solid #d7d7d7; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .headLine-input .message {
          margin-top: 15px;
          padding-left: 15px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline {
        margin-top: 10px;
        position: relative; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline .viewAll-byline .gridicon {
          width: 15px;
          position: relative;
          top: 2px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline.no-padding .viewAll-byline,
        #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline.no-padding .panelByline {
          color: #000000; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline.no-padding .deleteByline a {
          color: #888888; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .panelByline.no-padding .deleteByline a:hover {
            color: red; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .viewAll-byline {
        color: #959595; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .spinner-byline {
        display: inline-block;
        position: relative;
        top: 5px;
        margin-left: 5px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .overlay {
        position: relative;
        z-index: 1; }
      #mediaLibEditPage .mediaLib__edit--playerContainer span.pull-right a:nth-child(1) {
        font-size: 20px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer span.pull-right a:nth-child(2) {
        font-size: 20px;
        color: #000000;
        font-weight: bold;
        background: #fafafa;
        padding: 0px 10px 3px 10px;
        margin-left: 10px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .pull-left a {
        color: #000; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .pull-right i.fa {
        margin-left: 15px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .title {
        width: 80px;
        font-size: 14px;
        float: left;
        color: #4D4D4D;
        margin-top: 7px;
        font-weight: bold; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .title.thumnail-title {
          width: 100%; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .clip-editor-input {
        height: 30px;
        margin: 0 4px;
        border: thin solid #d4d4d4;
        padding: 0 6px;
        color: #666666;
        text-align: center; }
      #mediaLibEditPage .mediaLib__edit--playerContainer button.clip-editor-input {
        color: #5D5D5D;
        background: #d4d4d4;
        width: auto;
        font-size: 10px;
        min-height: 22px;
        cursor: pointer; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .clip-editor-inputbutton {
        background: #4D4D4D;
        color: #ffffff;
        font-weight: bold;
        padding: 5px 10px;
        font-size: 12px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .clip-editor-inputbutton::before {
          line-height: 20px;
          position: absolute;
          top: 5px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .clip-editor-inputbutton.fa-caret-left:before {
          left: 6px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .clip-editor-inputbutton.fa-caret-right:before {
          left: 10px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .clip-editor-inputbutton.fa {
          position: relative;
          font-size: 30px;
          width: 30px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .input-gr,
      #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .btn-gr {
        float: left; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .video-btn-group .time-input-right {
        float: right;
        margin-right: -5px; }
      #mediaLibEditPage .mediaLib__edit--playerContainer .thumnail-list {
        width: 100%;
        overflow: auto;
        white-space: nowrap; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .thumnail-list img {
          height: 70px;
          width: 135px; }
        #mediaLibEditPage .mediaLib__edit--playerContainer .thumnail-list .inline {
          display: inline-block;
          cursor: pointer;
          padding-left: 10px;
          padding-right: 10px; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .thumnail-list .inline > p {
            margin-bottom: 0;
            text-align: center;
            font-size: 13px;
            margin-top: -6px; }
          #mediaLibEditPage .mediaLib__edit--playerContainer .thumnail-list .inline:hover {
            background: #d7d7d7; }
    #mediaLibEditPage .mediaLib__edit--settingsControls {
      position: absolute;
      right: 0;
      top: 0;
      width: 430px;
      height: 100%;
      padding: 0;
      background: #fafafa;
      z-index: 20; }
      #mediaLibEditPage .mediaLib__edit--settingsControls.on-top {
        position: fixed;
        top: 46px;
        right: 10px; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .right-col {
        border-top: 1px solid #ebebeb; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .right-col .section-nav {
          position: relative;
          margin-bottom: 0; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .right-col .section-nav .section-nav-tabs__list {
            left: 0px;
            padding-left: 0;
            overflow: auto; }
        #primary #mediaLibEditPage .mediaLib__edit--settingsControls .right-col textarea:focus {
          border-color: #0068ff;
          outline: none; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav {
        box-shadow: none; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab__link {
        padding: 15px;
        font-weight: 600; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab__text {
        text-transform: uppercase;
        color: #7d7d7d;
        font-size: 13px; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab.is-selected {
        border-bottom-color: transparent;
        background: #fafafa; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab.is-selected .section-nav-tab__text {
          font-size: 14px;
          font-weight: 700;
          color: #419BF9; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab:first-child {
        padding-left: 10px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab:first-child.is-selected {
          border-left: none; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .section-nav-tab:last-child.is-selected {
        border-right: 1px solid #ebebeb; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .isCloudRecording {
        visibility: hidden; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip {
        border-left: none;
        overflow: hidden; }
        #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion__content {
          display: block;
          padding: 0; }
        #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion__content-wrap {
          width: auto;
          padding-left: 16px;
          padding-right: 16px; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion__content-wrap .assigned-list-area {
            display: table;
            width: 100%;
            color: #000000; }
        #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion {
          padding: 0;
          border-bottom: none; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion .accordion__header {
            border: 1px solid #ebebeb; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded {
            background: #F0F0F0;
            margin: 10px 0 !important;
            padding-top: 10px; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded .accordion__content-wrap {
              background: #F0F0F0; }
              #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded .accordion__content-wrap .search-card .search {
                height: 35px; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded .accordion__toggle:after {
              color: #000000; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded .accordion__title {
              color: #000000;
              font-weight: bold; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded .accordion__header {
              border: none;
              padding: 0; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded.assign-to-clip {
              padding-top: 0;
              height: 350px;
              background: transparent; }
              #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip #assignment-area .accordion.is-expanded.assign-to-clip .accordion__header {
                padding-top: 10px;
                background: #F0F0F0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest {
          position: relative; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .gridicon.gridicons-chevron {
            position: absolute;
            top: 32px;
            right: 6px;
            color: #a9a9a9; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .react-autosuggest__container ~ .gridicons-chevron-up.gridicons-chevron,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .react-autosuggest__container--open ~ .gridicons-chevron-down.gridicons-chevron {
            display: none; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .react-autosuggest__container.react-autosuggest__container--open ~ .gridicons-chevron-up.gridicons-chevron {
            display: block; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .react-autosuggest__suggestion {
            padding: 4px 8px;
            font-size: 14px; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .auto-suggest .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted {
              background: #0068ff;
              color: #FFF; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip.padding-updated-override {
          padding-bottom: 230px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip.padding-published-override {
          padding-bottom: 75px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip.closed-caption {
          padding: 15px 0 0 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .col-sm-12 {
          padding-left: 25px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .col-sm-12 .react-contextmenu-wrapper {
            padding-left: 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .allow-pass-day .col-sm-12 {
          padding-left: 15px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .caption-content {
          padding-left: 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .form-label {
          font-weight: normal;
          font-size: 12px;
          text-transform: uppercase; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .token-field .token-field__token .token-field__token-text,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .token-field .token-field__token .token-field__remove-token {
          background: #808080; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .summary-advande-group,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .summary-advande-group {
          margin-top: 5px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .summary-advande-group input,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .summary-advande-group input {
            position: relative;
            top: -2px;
            margin-left: 5px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .summary-advande-group label,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .summary-advande-group label {
            margin-left: 10px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .counted-textarea,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .counted-textarea {
          border: none; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .counted-textarea textarea,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .counted-textarea textarea {
            border: 1px solid #dbdbdb; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary-area .counted-textarea .counted-textarea__count-panel,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .counted-textarea .counted-textarea__count-panel {
            padding: 8px 0;
            color: #808080;
            font-size: 11px;
            font-weight: 300;
            background: #fafafa; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary_image {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 40px;
          width: 180px;
          height: 100px;
          background: #ffffff;
          border: #eee; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary_image .removeFeatured {
            position: absolute;
            top: -18px;
            right: -10px;
            height: 25px;
            font-size: 25px;
            color: #d20000;
            cursor: pointer; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary_image .removeFeatured i {
              position: relative;
              z-index: 99; }
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary_image .removeFeatured i::after {
                position: absolute;
                top: 5px;
                left: 4px;
                content: '';
                width: 14px;
                height: 14px;
                z-index: -1;
                background: #fafafa; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .summary_image img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .option-comment-div {
          margin-bottom: 15px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .option-comment-div input {
            position: relative;
            top: 2px;
            margin-right: 5px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion {
          border-top: 1px solid #ebebeb; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion .accordion__title {
            color: #666666; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion:first-child {
            border-top: none; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion.is-expanded .accordion__content {
            width: 100%;
            content: ''; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion.is-expanded .accordion__content .accordion__content-wrap {
              width: 100%;
              padding-left: 0;
              padding-right: 0;
              content: '';
              background: #fafafa; }
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion.is-expanded .accordion__content .accordion__content-wrap .spinner {
                padding: 0 10px 10px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .accordion.is-expanded .accordion__title {
            color: #000000;
            font-weight: 700; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail {
          border: 1px solid #F0F0F0;
          padding-left: 0; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata.is-expanded, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area.is-expanded, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising.is-expanded, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties.is-expanded, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded {
            margin: 10px 0;
            background: #F0F0F0;
            border: none; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata.is-expanded .accordion__content .accordion__content-wrap, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area.is-expanded .accordion__content .accordion__content-wrap, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising.is-expanded .accordion__content .accordion__content-wrap, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties.is-expanded .accordion__content .accordion__content-wrap, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content .accordion__content-wrap {
              background: #F0F0F0; }
              #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata.is-expanded .accordion__content .accordion__content-wrap .form-label, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area.is-expanded .accordion__content .accordion__content-wrap .form-label, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising.is-expanded .accordion__content .accordion__content-wrap .form-label, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties.is-expanded .accordion__content .accordion__content-wrap .form-label, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content .accordion__content-wrap .form-label {
                padding: 0 15px; }
              #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata.is-expanded .accordion__content .accordion__content-wrap .counted-textarea, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area.is-expanded .accordion__content .accordion__content-wrap .counted-textarea, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising.is-expanded .accordion__content .accordion__content-wrap .counted-textarea, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties.is-expanded .accordion__content .accordion__content-wrap .counted-textarea, #primary
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content .accordion__content-wrap .counted-textarea {
                margin: 0 15px; }
                #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata.is-expanded .accordion__content .accordion__content-wrap .counted-textarea .counted-textarea__count-panel, #primary
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area.is-expanded .accordion__content .accordion__content-wrap .counted-textarea .counted-textarea__count-panel, #primary
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising.is-expanded .accordion__content .accordion__content-wrap .counted-textarea .counted-textarea__count-panel, #primary
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties.is-expanded .accordion__content .accordion__content-wrap .counted-textarea .counted-textarea__count-panel, #primary
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content .accordion__content-wrap .counted-textarea .counted-textarea__count-panel {
                  background: #F0F0F0; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .topics-field,
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .geos-field,
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .robots-field,
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .robot-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .topics-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .geos-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .robots-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .robot-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .topics-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .geos-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .robots-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .robot-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .topics-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .geos-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .robots-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .robot-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .topics-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .geos-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .robots-field,
          #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .robot-field {
            padding: 0 15px; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .topics-field .checkbox-inline,
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .geos-field .checkbox-inline,
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .robots-field .checkbox-inline,
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .robot-field .checkbox-inline, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .topics-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .geos-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .robots-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .robot-field .checkbox-inline, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .topics-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .geos-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .robots-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .robot-field .checkbox-inline, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .topics-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .geos-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .robots-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .robot-field .checkbox-inline, #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .topics-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .geos-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .robots-field .checkbox-inline,
            #primary
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .robot-field .checkbox-inline {
              text-transform: uppercase;
              color: #000000;
              font-weight: normal; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .metadata .datelines-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .datelines-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .datelines-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .datelines-field, #primary
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail .datelines-field {
            padding: 0 15px 15px 15px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area {
          border: none; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .accordion {
            border: 1px solid #F0F0F0; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .accordion.is-expanded {
            margin: 10px 0;
            background: #F0F0F0; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .accordion.is-expanded .accordion__content {
              display: block; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .rules-area .accordion.is-expanded .accordion__content-wrap {
              display: block;
              width: auto;
              padding: 0 10px 16px 15px;
              background: #F0F0F0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail {
          border: 1px solid #F0F0F0; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded {
            background: #F0F0F0; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content {
              padding-left: 15px;
              background: #F0F0F0; }
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .audittrail.is-expanded .accordion__content .accordion__content-wrap {
                background: #F0F0F0;
                color: #000000; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties {
          border: none; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion {
            border: 1px solid #F0F0F0; }
          #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded {
            margin: 10px 0;
            background: #F0F0F0; }
            #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded .accordion__content {
              display: block; }
              #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded .accordion__content .accordion__content-wrap {
                display: block;
                padding: 0;
                background: #F0F0F0; }
                #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded .accordion__content .accordion__content-wrap .row {
                  margin-left: 0;
                  margin-right: 0; }
                  #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded .accordion__content .accordion__content-wrap .row .col-sm-4 {
                    padding-right: 0; }
                  #primary #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .accordion.is-expanded .accordion__content .accordion__content-wrap .row input {
                    margin-right: 5px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .form-label {
            cursor: pointer;
            display: inline-block;
            margin: 7px 0;
            vertical-align: middle; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .schedule-form {
            margin-top: 5px; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .schedule-form .btn-calendar {
              background: #0087be; }
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .schedule-form .btn-calendar i.fa-calendar {
                display: block;
                color: #ffffff;
                padding: 7px; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .schedule-form .post-schedule__header {
              top: 12px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .override__enabled {
            color: #959595; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .override__enabled input[type=text] {
              color: #959595; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .override__enabled .schedule-form .btn-calendar {
              background: #B1E8FA; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .edit-post-status__full-date {
            z-index: 5; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties input[type=checkbox], #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .checkbox-tristate,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties input[type=radio] {
            float: none;
            margin: 0 5px 0 0; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties__btn {
            padding: 7px 14px;
            color: #ffffff;
            font-size: 12px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties__save {
            background: #2a2d32; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties__cancel {
            background: #959595; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties__view {
            color: #959595; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .errorText p {
            font-size: 12px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .sort-by-date .col-sm-4:not(:nth-child(2)) {
            padding: 0 10px; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .col-sm-4 {
            padding-right: 0; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .datetime-properties .published-custom {
            padding: 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip,
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images {
          display: table;
          width: 100%;
          content: ''; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item,
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item {
            position: relative;
            float: left;
            margin-left: 10px;
            width: calc(33% - 6px);
            cursor: pointer; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item img,
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item img {
              width: 120px;
              height: 90px; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item .item-option,
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item .item-option {
              display: none;
              position: absolute;
              bottom: 5px;
              left: 0; }
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item .item-option span,
              #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item .item-option span {
                margin-left: 5px; }
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item .item-option span i,
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item .item-option span i {
                  font-size: 22px;
                  color: #ffffff;
                  opacity: 1; }
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item .item-option span fa-ban,
                #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item .item-option span fa-ban {
                  color: red; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item:nth-child(3n+1),
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item:nth-child(3n+1) {
              margin-left: 0; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item:hover,
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item:hover {
              -webkit-transition: all 0.35s ease-in-out;
              transition: all 0.35s ease-in-out; }
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-clip .item:hover .item-option,
            #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .content-images .item:hover .item-option {
              display: block; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .col-sm-6 {
          padding-right: 0; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip .advertising .col-sm-6 input {
            margin: 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip:last-child .accordion {
          padding: 0 0 0 10px;
          border-bottom: 1px solid #ebebeb; }
          #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .media-lib-clip:last-child .accordion.is-expanded:nth-child(2) .accordion__content {
            display: table-cell;
            padding: 0 10px;
            background: #fafafa; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .form-group {
        margin: 10px 0; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .form-group button.submit {
          text-transform: uppercase;
          color: #ffffff;
          font-weight: 600;
          background: #a6a6a6;
          padding: 10px 20px;
          cursor: pointer; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .form-group.submit-group {
          margin-top: 40px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent .form-group.filename-group {
          margin-top: 35px; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent a.advanced-edit {
        float: right;
        margin: 1em .5em;
        color: #666666;
        font-size: .8em;
        text-decoration: underline;
        cursor: pointer; }
      #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab {
        padding: 15px 0px 0 25px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar {
          width: 9px;
          height: 9px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar-button:start:decrement, #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar-button:end:increment {
          display: block;
          height: 0;
          background-color: transparent; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar-track-piece {
          background-color: transparent;
          -webkit-border-radius: 0;
          -webkit-border-bottom-right-radius: 8px;
          -webkit-border-bottom-left-radius: 8px; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar-thumb:vertical, #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab::-webkit-scrollbar-thumb:horizontal {
          background-color: #c8d7e1;
          -webkit-border-radius: 8px;
          border: 1px solid white; }
        #mediaLibEditPage .mediaLib__edit--settingsControls .panelMLContent.properties-tab .image-tab {
          overflow-y: hidden; }
  #mediaLibEditPage #schedule-list-container {
    margin-left: 20px; }
    #mediaLibEditPage #schedule-list-container .delete-schedule {
      cursor: pointer; }
      #mediaLibEditPage #schedule-list-container .delete-schedule:hover {
        color: #33bbe3; }
    #mediaLibEditPage #schedule-list-container .schedule-li p span:nth-child(2) {
      color: #000; }
    #mediaLibEditPage #schedule-list-container .schedule-li .error-schedule-icon .info-tooltip:hover .info-tooltip-content {
      z-index: 160; }
    #mediaLibEditPage #schedule-list-container .schedule-li .error-schedule-icon .info-tooltip .gridicon {
      color: #FF3370; }
  #mediaLibEditPage .frankly-primary-btn-save.active,
  #mediaLibEditPage .btn-ctrl-save.active {
    background: #077FC0;
    border-color: #077FC0;
    color: #ffffff; }
  #mediaLibEditPage .video-button-group-2 {
    overflow: hidden;
    margin-top: 5px;
    padding: 0 !important; }
    #mediaLibEditPage .video-button-group-2 div.col-sm-6 {
      padding: 3px 15px 0 0; }
      #mediaLibEditPage .video-button-group-2 div.col-sm-6:last-child {
        padding: 3px 0 0 15px; }
    #mediaLibEditPage .video-button-group-2 div.col-sm-12 {
      margin-top: 5px; }
    #mediaLibEditPage .video-button-group-2 .set-start {
      background: #28901d; }
    #mediaLibEditPage .video-button-group-2 .set-end {
      background: #de1803;
      float: right; }
    #mediaLibEditPage .video-button-group-2 .clip-set-btn {
      padding: 15px 0;
      width: 100%;
      margin-bottom: 3px;
      color: #ffffff;
      font-size: 17px;
      font-weight: bold;
      cursor: pointer; }
    #mediaLibEditPage .video-button-group-2 button.clip-editor-input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0;
      height: 32px;
      font-weight: bold;
      font-size: 12px;
      color: #ffffff;
      background: #4D4D4D;
      border: none; }
    #mediaLibEditPage .video-button-group-2 .clip-group-start,
    #mediaLibEditPage .video-button-group-2 .clip-group-end {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0; }
      #mediaLibEditPage .video-button-group-2 .clip-group-start .clip-group-input,
      #mediaLibEditPage .video-button-group-2 .clip-group-end .clip-group-input {
        -webkit-box-flex: 8;
        -webkit-flex: 8;
            -ms-flex: 8;
                flex: 8;
        margin: 0 10px;
        padding: 0;
        text-align: center;
        border: 1px solid #dbdbdb; }
        #mediaLibEditPage .video-button-group-2 .clip-group-start .clip-group-input .clip-editor-input,
        #mediaLibEditPage .video-button-group-2 .clip-group-end .clip-group-input .clip-editor-input {
          border: none; }
        #mediaLibEditPage .video-button-group-2 .clip-group-start .clip-group-input input.clip-editor-input,
        #mediaLibEditPage .video-button-group-2 .clip-group-end .clip-group-input input.clip-editor-input {
          margin: 0;
          padding: 0;
          width: 20px;
          box-shadow: none; }
      #mediaLibEditPage .video-button-group-2 .clip-group-start.min .clip-group-input,
      #mediaLibEditPage .video-button-group-2 .clip-group-end.min .clip-group-input {
        margin: 0; }
    #primary #mediaLibEditPage .video-button-group-2 .play-start, #primary
    #mediaLibEditPage .video-button-group-2 .play-end {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 15px;
      padding: 0; }
      #primary #mediaLibEditPage .video-button-group-2 .play-start button, #primary
      #mediaLibEditPage .video-button-group-2 .play-end button {
        padding: 15px 0;
        height: auto;
        font-size: 17px;
        background: #e5e5e5;
        text-transform: uppercase;
        color: #666666; }
      #primary #mediaLibEditPage .video-button-group-2 .play-start i, #primary
      #mediaLibEditPage .video-button-group-2 .play-end i {
        margin-left: 5px; }
      #primary #mediaLibEditPage .video-button-group-2 .play-start .clip-editor-input, #primary
      #mediaLibEditPage .video-button-group-2 .play-end .clip-editor-input {
        margin: 0; }
  #mediaLibEditPage .message-error {
    font-size: 10px;
    color: red; }
  #mediaLibEditPage .message-error.input-geolocations {
    padding-left: 15px; }
  #mediaLibEditPage .message-error.input-headline {
    padding-left: 1px; }
  #mediaLibEditPage .message-error.input-keyword-description {
    padding-left: 15px; }
  #mediaLibEditPage .tools-image {
    min-height: 360px;
    padding: 15px 0 0 0;
    min-height: 360px; }
    #mediaLibEditPage .tools-image .edit-post-status__full-date.left {
      height: 225px; }
  #mediaLibEditPage .media-lib-clip.image {
    min-height: 350px; }
    #mediaLibEditPage .media-lib-clip.image .chrono__container {
      display: none; }
    #mediaLibEditPage .media-lib-clip.image .txt-keyword {
      color: black; }
    #mediaLibEditPage .media-lib-clip.image .search-card {
      border: 1px solid #e9eff3;
      box-shadow: none !important;
      margin-bottom: 0; }
      #mediaLibEditPage .media-lib-clip.image .search-card .gridicon {
        width: 40px;
        height: 20px; }
      #mediaLibEditPage .media-lib-clip.image .search-card .spinner {
        left: 20px; }
      #mediaLibEditPage .media-lib-clip.image .search-card .search {
        height: 35px; }
      #mediaLibEditPage .media-lib-clip.image .search-card .search__input {
        height: 35px;
        padding-left: 40px; }
        #mediaLibEditPage .media-lib-clip.image .search-card .search__input[type="search"] {
          padding: 0 50px 0 20px; }
      .is-ie #mediaLibEditPage .media-lib-clip.image .search-card .is-searching .search__input[type="search"] {
        padding-left: 40px;
        -webkit-transition: none;
        transition: none; }
      #mediaLibEditPage .media-lib-clip.image .search-card .search__close-icon {
        right: 20px;
        width: 34px;
        top: 8px;
        position: absolute;
        z-index: 20;
        color: #3d596d; }
    #mediaLibEditPage .media-lib-clip.image .image-error .figure-img-set-featured {
      display: none; }
    #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-set-featured.is-press span {
      cursor: not-allowed; }
    #mediaLibEditPage .media-lib-clip.image .frankly-image .draft {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 15px;
      font-style: italic;
      color: #ffffff;
      cursor: pointer; }
      #mediaLibEditPage .media-lib-clip.image .frankly-image .draft.is-press {
        cursor: not-allowed; }
      #mediaLibEditPage .media-lib-clip.image .frankly-image .draft .spinner {
        cursor: default; }
    #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option {
      display: none;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      padding: 7px;
      -webkit-transition: all ease-in-out 0.5s;
      transition: all ease-in-out 0.5s; }
      #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option.is-press span i {
        cursor: not-allowed; }
        #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option.is-press span i:hover {
          -webkit-transform: scale(1);
          transform: scale(1); }
      #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option span i {
        font-size: 20px;
        cursor: pointer;
        color: #ffffff; }
        #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option span i:hover {
          -webkit-transform: scale(1.3);
          transform: scale(1.3); }
      #mediaLibEditPage .media-lib-clip.image .frankly-image .figure-img-option span:last-child {
        margin-left: 5px; }
    #mediaLibEditPage .media-lib-clip.image .frankly-image:hover .figure-img-option {
      display: block; }

.no-padding {
  padding: 0 !important; }

.react-contextmenu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 16px;
  color: #373a3c;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  outline: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 250ms ease !important;
  transition: opacity 250ms ease !important; }

.react-contextmenu.react-contextmenu--visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 21; }

.react-contextmenu-item {
  padding: 3px 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  cursor: pointer; }

.react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected {
  color: #ffffff;
  background-color: #20a0ff;
  border-color: #20a0ff;
  text-decoration: none; }

.react-contextmenu-item.react-contextmenu-item--disabled,
.react-contextmenu-item.react-contextmenu-item--disabled:hover {
  color: #878a8c;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.15); }

.react-contextmenu-item--divider {
  margin-bottom: 3px;
  padding: 2px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: inherit; }

.react-contextmenu-item--divider:hover {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.15); }

.react-contextmenu-item.react-contextmenu-submenu {
  padding: 0; }

.react-contextmenu-item.react-contextmenu-submenu > .react-contextmenu-item:after {
  content: "▶";
  display: inline-block;
  position: absolute;
  right: 7px; }

.example-multiple-targets::after {
  content: attr(data-count);
  display: block; }

.react-contextmenu-wrapper {
  display: inline-block; }

.div-inline {
  display: inline-block; }

.react-contextmenu-item {
  padding-left: 20px !important;
  font-size: 14px; }

#table-striped td,
#table-striped tr {
  padding: 0px; }

#table-striped th {
  padding: 10px; }

#table-striped td .react-contextmenu-wrapper {
  padding: 10px;
  width: 100%; }

.ReactModal__Overlay ReactModal__Overlay--after-open {
  z-index: 67000; }

.access-denied-page {
  margin-left: -20px;
  padding: 50px 0 0 20px;
  background: #f1f1f1; }

/*
For responsive of device
*/
/* Mobile for /clip/edit */
@media screen and (max-width: 760px) {
  #mediaLibEditPage .video-js-on-cms {
    overflow: hidden;
    width: 100%; }
  #mediaLibEditPage .video-button-group-2 .clip-editor-input {
    font-size: 10px; }
    #mediaLibEditPage .video-button-group-2 .clip-editor-input.btn-play {
      font-size: 10px !important; }
  #mediaLibEditPage .video-button-group-2 .clip-group-end {
    width: 100%;
    margin-right: 0px !important; }
    #mediaLibEditPage .video-button-group-2 .clip-group-end button.clip-editor-input.btn-step.start {
      margin-left: 0; }
    #mediaLibEditPage .video-button-group-2 .clip-group-end .clip-group-input {
      display: none;
      margin-left: 0; }
    #mediaLibEditPage .video-button-group-2 .clip-group-end.min .clip-group-input {
      display: block; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start .clip-group-input {
    display: none;
    margin-left: 0; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start.min .clip-group-input {
    display: block; }
  #mediaLibEditPage .video-button-group-2 .clip-set-btn {
    width: 100%; }
  #mediaLibEditPage .video-button-group-2 .col-sm-6,
  #mediaLibEditPage .video-button-group-2 .col-sm-12 {
    overflow: hidden; }
  #mediaLibEditPage .video-button-group-2 .clip-group-input {
    width: calc(100% - 2px) !important; }
  #mediaLibEditPage .video-button-group-2 .btn-play {
    width: calc(100% - 110px) !important; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start button.clip-editor-input.end {
    margin-right: 0 !important; }
  #mediaLibEditPage .video-button-group-2 .mediaLib__edit--settingsControls {
    position: inherit; } }

@media screen and (max-width: 1330px) and (min-width: 761px) {
  #mediaLibEditPage .video-button-group-2 .clip-group-end .clip-group-input {
    display: none; }
  #mediaLibEditPage .video-button-group-2 .clip-group-end.min .clip-group-input {
    display: block; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start .clip-group-input {
    display: none; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start.min .clip-group-input {
    display: block; } }

@media screen and (max-width: 1420px) {
  #mediaLibEditPage .video-button-group-2 .clip-group-start button.clip-editor-input,
  #mediaLibEditPage .video-button-group-2 .clip-group-end button.clip-editor-input {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2; }
  #mediaLibEditPage .video-button-group-2 .clip-group-start button.clip-editor-input {
    margin-right: 5px; }
    #mediaLibEditPage .video-button-group-2 .clip-group-start button.clip-editor-input:last-child {
      margin-right: 0; }
  #mediaLibEditPage .video-button-group-2 .clip-group-end button.clip-editor-input {
    margin-left: 5px; }
    #mediaLibEditPage .video-button-group-2 .clip-group-end button.clip-editor-input:first-child {
      margin-left: 0; } }

.token-field__suggestions-list.is-expanded {
  overflow-x: hidden; }

.token-field.is-active {
  border: 1px solid #dbdbdb;
  box-shadow: none; }

/* Desktop for /clip/edit */
@media screen and (min-width: 1331px) {
  #mediaLibEditPage .video-button-group-2 .clip-group-input.min {
    display: none; }
  #mediaLibEditPage .video-button-group-2 .clip-group-end.min .clip-group-input,
  #mediaLibEditPage .video-button-group-2 .clip-group-start.min .clip-group-input {
    display: none; } }

button.frankly-btn-ctrl[disabled] {
  background-color: #E6E6E6 !important;
  color: #4D4D4D !important;
  border-color: #E6E6E6 !important;
  cursor: not-allowed; }

#my-input-copy {
  position: absolute;
  top: -10000px;
  left: -100000px;
  width: 100px; }

.text-processing:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px;
  position: absolute; }

@keyframes ellipsis {
  to {
    width: 1.25em; } }

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em; } }

.is-IE .video-js .vjs-marker.tip-markin:hover::before, .is-safari .video-js .vjs-marker.tip-markin:hover::before {
  visibility: visible; }

.is-IE .video-js .vjs-marker.tip-markin:hover::after, .is-safari .video-js .vjs-marker.tip-markin:hover::after {
  visibility: hidden; }

.is-IE .video-js .vjs-marker.tip-markout:hover::before, .is-safari .video-js .vjs-marker.tip-markout:hover::before {
  visibility: visible; }

.is-IE .video-js .vjs-marker.tip-markout:hover::after, .is-safari .video-js .vjs-marker.tip-markout:hover::after {
  visibility: hidden; }

/*-vjs-big-play-button-*/
.video-js .vjs-big-play-button {
  border: 4px solid #fff;
  top: 50%;
  left: 50%;
  margin-left: -1.0em;
  margin-top: -0.5em !important;
  background-color: transparent;
  font-size: 5em;
  border-radius: 50%;
  height: 2em !important;
  width: 2em !important;
  line-height: 2em !important;
  margin-top: -1em !important;
  box-shadow: 0px 0px 10px black; }

.video-js .vjs-big-play-button .vjs-icon-placeholder {
  font-size: 75px; }

.video-js.vjs-paused .vjs-big-play-button {
  display: block; }

.video-js .vjs-control-bar {
  background-color: transparent !important;
  color: #fff;
  font-size: 17px;
  margin-bottom: 10px; }

.video-js .vjs-play-control {
  border: 2px solid;
  border-radius: 50%;
  width: 52px;
  margin-left: 10px; }

.video-js .vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js .vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f101"; }

/* hide the captions settings item from the captions menu */
.video-js .vjs-current-time {
  display: block; }

.vjs-icon-fullscreen-enter {
  font-family: Fonr;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before {
  content: "\f108"; }

.video-js button:focus {
  outline: 0; }

.video-js .vjs-menu-item.vjs-texttrack-settings {
  display: none; }

.vjs-menu-button-popup .vjs-menu {
  max-height: 135px; }

.vjs-control-bar .vjs-menu .vjs-menu-content {
  width: 80%; }
  .vjs-control-bar .vjs-menu .vjs-menu-content .vjs-menu-item {
    text-align: center !important; }

.vjs-control-bar .vjs-tip {
  margin-bottom: -55px; }
  .vjs-control-bar .vjs-tip.dragging .vjs-tip-inner {
    display: none; }

.vjs-control-bar .vjs-tip .vjs-tip-inner {
  font-size: 17px;
  background-color: transparent;
  color: black; }

.vjs-control-bar .vjs-tip .vjs-tip-arrow {
  background: transparent; }

.vjs-control-bar .vjs-captions-button.vjs-control {
  z-index: 0;
  width: 2em; }
  .vjs-control-bar .vjs-captions-button.vjs-control .vjs-captions-button {
    width: 40px; }
  .vjs-control-bar .vjs-captions-button.vjs-control .vjs-menu li {
    font-size: 0.9em;
    text-align: left;
    padding: 5px 10px; }

.vjs-control-bar .button-refresh {
  font: normal normal normal 18px/1 FontAwesome; }
  .vjs-control-bar .button-refresh:before {
    content: "\f0e2";
    cursor: pointer; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 2em;
  left: -2em; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1; }

.vjs-has-started.vjs-must-poster .vjs-poster {
  display: inline-block;
  background-color: transparent; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-poster,
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none !important; }

.video-js .vjs-text-track-display {
  bottom: 1em !important; }
  .video-js .vjs-text-track-display > div > div {
    position: absolute !important;
    width: 100% !important;
    padding: 0 10% !important;
    bottom: 0px !important;
    font-size: 18px !important;
    left: initial !important;
    right: initial !important;
    top: initial !important; }

.video-js.vjs-fullscreen .vjs-text-track-display {
  bottom: 1em !important; }
  .video-js.vjs-fullscreen .vjs-text-track-display > div > div {
    font-size: 25px !important;
    bottom: 50px !important; }

.vjs-menu-item .vjs-menu-item-text {
  color: #fff; }

.vjs-menu-item.vjs-selected .vjs-menu-item-text {
  color: #000; }

.vjs-menu-button-popup .vjs-menu {
  left: -4em; }

.vjs-modal-dialog.vjs-text-track-settings {
  height: 100%; }
  .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content {
    padding-top: 30px; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors,
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-font,
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls {
      float: left; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls {
      width: 100%;
      height: 30px;
      line-height: 30px; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content legend {
      display: block;
      width: 100px;
      text-align: left;
      font-size: 14px; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content select {
      display: block;
      float: left;
      padding: 0;
      min-width: 0;
      height: 20px;
      line-height: 20px;
      font-weight: normal;
      font-family: Arial, "Open Sans", Helvetica, sans-serif;
      color: #000;
      background: #fff;
      border-radius: 0;
      appearance: menulist;
      -webkit-appearance: menulist;
      -moz-appearance: menulist; }
      .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content select option {
        font-weight: normal;
        font-family: Arial, "Open Sans", Helvetica, sans-serif; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-edge-style,
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-font-family {
      margin-top: 10px; }
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls .vjs-default-button,
    .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls .vjs-done-button {
      font-size: 13px;
      color: #fff;
      background: none;
      font-family: Arial, "Open Sans", Helvetica, sans-serif; }
  .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button {
    display: none; }

.video-js .vjs-control.vjs-fullscreen-control {
  width: 3em; }

.video-js .vjs-control.vjs-menu-button-popup[aria-label="Quality"] {
  width: 3em; }
  .video-js .vjs-control.vjs-menu-button-popup[aria-label="Quality"] .vjs-menu {
    width: 5em;
    left: -1em;
    bottom: 15px;
    font-size: 14px; }

.video-js .vjs-tip.dragging {
  visibility: visible !important; }

.video-js .vjs-tip {
  display: none; }

.video-js .vjs-progress-control .vjs-marker {
  z-index: 10; }

.video-js .vjs-mouse-display .vjs-time-tooltip {
  top: 15px; }

.video-js .vjs-resolution-button-label {
  position: absolute;
  left: 0;
  bottom: 36px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video-js .vjs-text-track-display > div > div {
    left: auto !important;
    right: auto !important;
    top: auto !important; } }

.media-title p {
  margin-left: 0px;
  font-size: 20px;
  font-weight: bold;
  padding: 0px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial; }

.media-folders-tool .icon-group {
  display: table;
  content: '';
  width: calc(100% - 2px);
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  border: 1px solid #c8c8c8; }

.media-folders-tool span {
  visibility: hidden;
  float: right;
  padding: 10px 15px; }
  .media-folders-tool span i {
    margin-left: 10px;
    cursor: pointer; }

.media-folders span {
  margin-left: 10px;
  padding: 3px 5px;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #c8c8c8;
  text-transform: uppercase; }
  .media-folders span i {
    visibility: hidden;
    margin-left: 5px; }
    .media-folders span i:last-child {
      font-size: 14px; }
  .media-folders span:first-child {
    margin-left: 0;
    padding: 0;
    border: none;
    font-size: 20px;
    font-weight: bold; }
  .media-folders span.fa-icon {
    visibility: hidden;
    cursor: pointer; }

.search-media .status-field {
  float: left;
  margin-top: -3px; }
  .search-media .status-field .checkbox-inline {
    margin-right: 5px; }

.search-media .sort-media {
  float: right; }

.search-media .padding {
  height: 29px;
  padding: 5px 5px 0px 5px; }

.search-media button {
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  display: inline-block;
  padding: 5px 12px;
  background-color: #F7F7F7;
  cursor: pointer;
  vertical-align: top;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */ }
  .search-media button.active {
    background: #077FC0;
    color: #ffffff; }
    .search-media button.active:hover {
      background: #077FC0;
      color: #ffffff; }
  .search-media button:hover {
    background: #D9D9D9;
    color: #333; }

.search-media .count {
  vertical-align: top;
  padding: 1px 6px;
  cursor: pointer;
  margin-top: 2px;
  font-size: 10px;
  width: 83px; }

.search-media .item {
  margin-left: 10px;
  margin-top: 5px;
  display: inline-block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */ }

.search-media .media-navbar {
  display: table;
  content: '';
  width: calc(100% - 2px);
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  border: 1px solid #c8c8c8; }
  .search-media .media-navbar .menu {
    float: left;
    padding: 10px 15px; }
    .search-media .media-navbar .menu span {
      margin-left: 25px;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently */
      cursor: pointer; }
      .search-media .media-navbar .menu span:first-child {
        margin-left: 0; }
      .search-media .media-navbar .menu span.active {
        color: #000000; }
    .search-media .media-navbar .menu .active-media {
      color: black; }
    .search-media .media-navbar .menu .wait {
      cursor: wait; }
  .search-media .media-navbar .option-nav {
    float: right;
    padding: 5px 5px;
    width: calc(100% - 220px);
    max-width: 300px; }
    .search-media .media-navbar .option-nav .search-advance {
      margin-bottom: 0px; }
      .search-media .media-navbar .option-nav .search-advance .btn-advanced-search {
        padding: 0px 10px; }
      .search-media .media-navbar .option-nav .search-advance .search-card {
        padding-right: 10px;
        margin-bottom: 0; }
        .search-media .media-navbar .option-nav .search-advance .search-card .search {
          height: 35px;
          padding-right: 10px; }
    .search-media .media-navbar .option-nav i {
      margin-left: 10px;
      cursor: pointer; }
  .search-media .media-navbar .advanced-filter {
    width: 100%;
    position: relative; }
    .search-media .media-navbar .advanced-filter__showpopup {
      font-size: 12px;
      color: #000;
      text-decoration: underline;
      position: absolute;
      left: 15px;
      margin-top: -10px; }
    .search-media .media-navbar .advanced-filter__cleartext {
      font-size: 12px;
      float: right;
      margin-right: 30px;
      cursor: pointer;
      padding: 3px 0; }
    .search-media .media-navbar .advanced-filter .advanced-filter-container {
      position: absolute; }
    .search-media .media-navbar .advanced-filter .popover .box-calendar .cms-textInput {
      cursor: pointer; }

.media-action-area {
  padding: 0px 5px 5px 5px;
  height: 28px; }
  .media-action-area.shadown {
    box-shadow: 0px 6px 6px -4px #666;
    position: relative;
    z-index: 1; }
  .media-action-area .dropdown-button {
    position: relative; }
  .media-action-area .item-dropdown-menu {
    position: absolute;
    top: 0%;
    right: 100%;
    font-size: 14px;
    width: 160px;
    background: white;
    border: 1px solid lightgray;
    padding: 10px;
    text-align: left;
    z-index: 2;
    cursor: default;
    display: none; }
    .media-action-area .item-dropdown-menu label {
      cursor: pointer;
      padding: 5px; }
    .media-action-area .item-dropdown-menu.show {
      display: block; }
    .media-action-area .item-dropdown-menu .list-view-option-error {
      color: red;
      font-weight: bold;
      font-size: 11px;
      height: 15px; }
    .media-action-area .item-dropdown-menu .draggable {
      border: 1px solid lightgray;
      padding: 5px 0px 5px 5px;
      height: 20px;
      margin-top: -1px; }
    .media-action-area .item-dropdown-menu .dragging {
      opacity: 0.5;
      font-size: 10px;
      margin: 3px 0px 3px 10px;
      height: 14px !important; }
      .media-action-area .item-dropdown-menu .dragging input[type=checkbox], .media-action-area .item-dropdown-menu .dragging .checkbox-tristate {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
    .media-action-area .item-dropdown-menu .droppable {
      font-weight: bold; }
    .media-action-area .item-dropdown-menu .sort-icon {
      margin-top: -4px; }
      .media-action-area .item-dropdown-menu .sort-icon i {
        padding: 8px 0px !important;
        font-size: 12px !important; }
    .media-action-area .item-dropdown-menu .list-option-button {
      width: 75px; }
  .media-action-area .count-item {
    font-size: 11px; }
  .media-action-area .video-actions {
    vertical-align: top;
    display: inline-block;
    margin: 0px 0px -7px 10px;
    width: 90px;
    font-size: 12px;
    text-transform: uppercase; }
  .media-action-area .nav-tab {
    margin-top: 20px;
    color: #666666; }
    .media-action-area .nav-tab span {
      margin-left: 10px;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer; }
      .media-action-area .nav-tab span:last-child {
        margin-left: 25px; }
      .media-action-area .nav-tab span.active {
        color: black; }
  .media-action-area .FranklyDropdown-control {
    padding: 2px 52px 0px 10px; }

.media-list-area {
  padding: 0px 1px; }
  .media-list-area::-webkit-scrollbar {
    width: 9px;
    height: 9px; }
  .media-list-area::-webkit-scrollbar-button:start:decrement, .media-list-area::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  .media-list-area::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  .media-list-area::-webkit-scrollbar-thumb:vertical, .media-list-area::-webkit-scrollbar-thumb:horizontal {
    background-color: #c8d7e1;
    -webkit-border-radius: 8px;
    border: 1px solid #fff; }
  .media-list-area .Spinner {
    padding: 5px; }
  .media-list-area .row {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 2px; }
  .media-list-area .list-view-row {
    height: 42px;
    border-bottom: 1px solid lightgray;
    cursor: pointer;
    z-index: 0;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */ }
    .media-list-area .list-view-row.selected {
      background: #077FC0;
      color: white; }
    .media-list-area .list-view-row .react-contextmenu-wrapper {
      display: block; }
    .media-list-area .list-view-row .item-property {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-right: -15px; }
      .media-list-area .list-view-row .item-property-headline {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .media-list-area .list-view-row .item-property-headline .center {
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center; }
        .media-list-area .list-view-row .item-property-headline .size-limit {
          max-width: 75px;
          overflow: hidden; }
        .media-list-area .list-view-row .item-property-headline .listview-thumbnail {
          margin: 0px -15px;
          height: 0;
          padding-bottom: calc(56.25% + 16px);
          position: relative;
          max-height: 33px; }
          .media-list-area .list-view-row .item-property-headline .listview-thumbnail img {
            width: 100%;
            position: absolute;
            left: 0px;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            z-index: 0; }
        .media-list-area .list-view-row .item-property-headline .listview-tittle {
          padding-top: 10px;
          padding-bottom: 10px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          margin-right: -30px; }
  .media-list-area .items-video {
    -webkit-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
    text-align: center;
    padding: 0 3px;
    margin: 0 0px; }
    .media-list-area .items-video.selected .react-contextmenu-wrapper {
      outline: 1px solid #077FC0; }
      .media-list-area .items-video.selected .react-contextmenu-wrapper .items-video-title {
        background-color: lightgray; }
    .media-list-area .items-video a {
      cursor: pointer; }
    .media-list-area .items-video .react-contextmenu-wrapper {
      width: 100%;
      height: 100%; }
      .media-list-area .items-video .react-contextmenu-wrapper .thumbnail {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        position: relative; }
        .media-list-area .items-video .react-contextmenu-wrapper .thumbnail input[type=checkbox], .media-list-area .items-video .react-contextmenu-wrapper .thumbnail .checkbox-tristate {
          margin: 3px 0px 0px 3px;
          z-index: 1;
          position: relative; }
        .media-list-area .items-video .react-contextmenu-wrapper .thumbnail img {
          width: 100%;
          position: absolute;
          left: 0px;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          z-index: 0; }
      .media-list-area .items-video .react-contextmenu-wrapper .items-video-title {
        padding: 5px;
        margin: 0 auto;
        color: #666666;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        background: white;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently */
        cursor: pointer; }
    .media-list-area .items-video nav.react-contextmenu {
      z-index: 50; }
  .media-list-area .spinner {
    margin: auto;
    width: 20px; }
    .media-list-area .spinner.blank-page {
      padding: 20px; }
  .media-list-area .no-item {
    padding: 20px;
    margin: auto;
    width: 190px;
    font-weight: bold;
    font-size: 20px; }

.media-library-content .properties-title {
  width: calc(100%-10px);
  padding-right: 10px;
  display: -webkit-box;
  border-bottom: 1px solid lightgray;
  box-shadow: 0px 6px 6px -4px #666;
  position: relative;
  z-index: 1; }

.form-range-of-edge .form-range {
  height: 22px; }

.dialog-preview-pdfs .dialog-shield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #252525;
  z-index: 99999; }

.dialog-preview-pdfs .header-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000; }

.dialog-preview-pdfs .close-dialog-preview {
  float: right;
  margin: 10px 20px;
  width: 40px;
  height: 35px;
  font-size: 25px;
  opacity: .7;
  cursor: pointer;
  color: white;
  border: none;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%; }
  .dialog-preview-pdfs .close-dialog-preview:hover {
    opacity: 1; }
  .dialog-preview-pdfs .close-dialog-preview:active {
    outline: none; }

.dialog-preview-pdfs iframe {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 100000; }

.frk-badge {
  display: inline-block;
  min-width: 10px;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #B7B7B7;
  border-radius: 10px; }

.frankly-treebeard {
  color: #7b7b7b;
  font-size: 15px;
  font-weight: 600;
  background-color: #f7f7f7; }
  .frankly-treebeard .all-files {
    padding: 15px 15px 0 15px; }
    .frankly-treebeard .all-files .input-group {
      margin-top: 15px; }
      .frankly-treebeard .all-files .input-group input[type="text"] {
        height: 27px;
        border-right: none;
        border-color: #c8c8c8; }
      .frankly-treebeard .all-files .input-group .input-group-addon {
        background: #fff; }

.sort-media {
  height: 28px;
  margin-bottom: -1px; }
  .sort-media .FranklyDropdown-root .FranklyDropdown-option:before {
    content: "    ";
    margin-right: 10px;
    float: left;
    width: 10px;
    height: 5px; }
  .sort-media .FranklyDropdown-root .FranklyDropdown-option.is-selected:before {
    content: "\2713 ";
    margin-right: 10px;
    float: left; }
  .sort-media .FranklyDropdown-root .FranklyDropdown-control {
    border-style: none;
    background-color: #F7F7F7;
    text-align: right;
    padding: 3px 10px; }
    .sort-media .FranklyDropdown-root .FranklyDropdown-control:hover {
      cursor: pointer;
      border: 0px dotted transparent;
      background: rgba(0, 0, 0, 0.12); }
    .sort-media .FranklyDropdown-root .FranklyDropdown-control .FranklyDropdown-arrow {
      display: none; }
  .sort-media .FranklyDropdown-root .FranklyDropdown-menu {
    width: 150px;
    right: 0%; }
    .sort-media .FranklyDropdown-root .FranklyDropdown-menu .FranklyDropdown-option {
      background: white;
      color: #333;
      padding: 3px 10px; }
      .sort-media .FranklyDropdown-root .FranklyDropdown-menu .FranklyDropdown-option:hover {
        border: 0px dotted transparent;
        background: rgba(0, 0, 0, 0.12);
        color: #333; }
  .sort-media .inline {
    display: inline-block; }

.media-file-properties .headline {
  padding: 20px 10px 30px 10px;
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  overflow: hidden;
  height: 27px; }

.media-file-properties .file-detail {
  padding: 0px 10px;
  font-size: 12px; }
  .media-file-properties .file-detail .row {
    margin-bottom: 10px; }
    .media-file-properties .file-detail .row div {
      overflow: hidden; }
    .media-file-properties .file-detail .row .title {
      color: rgba(0, 0, 0, 0.54); }
    .media-file-properties .file-detail .row .file-detail {
      margin: 0px -15px;
      word-wrap: break-word; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.upload-dialog .image-upload-selector {
  margin: 0 0 10px 0; }
  .upload-dialog .image-upload-selector .radio-link-group {
    display: table;
    margin-bottom: 10px;
    width: 100%; }
    .upload-dialog .image-upload-selector .radio-link-group label {
      text-align: left; }
  .upload-dialog .image-upload-selector .input-external-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px; }
    .upload-dialog .image-upload-selector .input-external-link input {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      height: 30px; }
    .upload-dialog .image-upload-selector .input-external-link span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 5px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 14px;
      color: #fff;
      background: #666666;
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .upload-dialog .image-upload-selector .input-external-link span.isDisable {
        background: #c6c9ce; }
  .upload-dialog .image-upload-selector .error-external {
    padding-left: 15px; }

.upload-dialog .dropzone-img {
  margin: 0 auto; }
  .upload-dialog .dropzone-img.active {
    border: 2px dashed #4f91ff; }
  .upload-dialog .dropzone-img.inactive {
    border: 2px dashed #dadada; }
    .upload-dialog .dropzone-img.inactive:hover {
      cursor: not-allowed; }

.upload-dialog .img-preview-panel .edit-image {
  display: inline-block;
  padding: 3px 10px;
  color: #666666;
  cursor: pointer; }
  .upload-dialog .img-preview-panel .edit-image span {
    margin-left: 3px;
    vertical-align: text-bottom; }
  .upload-dialog .img-preview-panel .edit-image:hover {
    color: #077FC0; }

.upload-dialog .dialog-button__save .info-tooltip {
  margin-top: -5px; }

.width50 {
  width: 50% !important; }

.upload-dialog.optimize-image-popup {
  max-width: none !important; }

.popup-edit-image .content {
  padding: 20px; }
  .popup-edit-image .content .range-popup .ranger-min, .popup-edit-image .content .range-popup .ranger-max {
    top: 9px;
    opacity: 1; }
  .popup-edit-image .content .group-flip-button {
    float: left;
    padding-top: 10px;
    background: #4f748e;
    border-color: #4f748e;
    padding: 0px 3px; }
  .popup-edit-image .content .fa-refresh {
    float: left;
    padding-top: 10px;
    margin: 5px 5px 0px 20px;
    font-size: 20px; }
    .popup-edit-image .content .fa-refresh:hover {
      cursor: pointer; }
  .popup-edit-image .content .content-form-range {
    float: left;
    margin: 5px 5px 0px 20px; }
    .popup-edit-image .content .content-form-range input::before {
      top: 0;
      left: -35px;
      font-size: 20px;
      color: #000;
      opacity: 0.5; }
    .popup-edit-image .content .content-form-range input::after {
      color: #000; }
  .popup-edit-image .content .content-image {
    width: 70vw;
    height: 70vh;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .popup-edit-image .content .content-image .center {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center;
      height: -webkit-max-content;
      height: -moz-max-content;
      height: max-content;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin: auto; }
      .popup-edit-image .content .content-image .center .ReactCrop {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        display: block; }
    .popup-edit-image .content .content-image img {
      max-width: 100%;
      max-height: 100%; }
  .popup-edit-image .content .swivel {
    text-align: center;
    font-size: 20px;
    cursor: pointer; }
  .popup-edit-image .content .crop-image {
    font-size: 30px;
    float: left; }
    .popup-edit-image .content .crop-image:hover {
      cursor: pointer; }
    .popup-edit-image .content .crop-image .cropping {
      color: #077FC0; }
  .popup-edit-image .content .content-form-range {
    float: left;
    padding: 10px 40px; }
    .popup-edit-image .content .content-form-range input::before {
      top: 0;
      left: -35px;
      font-size: 20px;
      color: #000;
      opacity: 0.5; }
    .popup-edit-image .content .content-form-range input::after {
      color: #000; }
  .popup-edit-image .content .image-info {
    color: #666;
    padding: 12px;
    font-size: 11px; }
    .popup-edit-image .content .image-info .title-image {
      width: 50px;
      float: left;
      font-weight: bold;
      color: black; }
    .popup-edit-image .content .image-info .file-size, .popup-edit-image .content .image-info .dimensions {
      float: left; }
      .popup-edit-image .content .image-info .file-size .value, .popup-edit-image .content .image-info .dimensions .value {
        font-weight: bold;
        color: black; }
    .popup-edit-image .content .image-info .file-size {
      width: 100px; }
      .popup-edit-image .content .image-info .file-size .value {
        font-weight: bold;
        color: black; }
    .popup-edit-image .content .image-info .dimensions {
      width: 140px; }

.image-margin .content .content-image .ReactCrop {
  margin-top: -5px; }

.menu-flip {
  z-index: 999999; }
  .menu-flip .popover__inner {
    padding: 5px; }
    .menu-flip .popover__inner .popover__menu {
      min-width: 0px; }
      .menu-flip .popover__inner .popover__menu .flip-image {
        width: 25px; }
        .menu-flip .popover__inner .popover__menu .flip-image:hover {
          cursor: pointer;
          outline: 1px dotted #077FC0; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%; }
  .ReactCrop--crop-invisible .ReactCrop__image {
    opacity: 0.5; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
  .ReactCrop__drag-handle {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (max-width: 768px) {
    .ReactCrop__drag-handle {
      width: 17px;
      height: 17px; }
    .ReactCrop .ord-nw {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-n {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-ne {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-e {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-se {
      margin-bottom: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-s {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-sw {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-w {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop__drag-bar.ord-n {
      height: 14px;
      margin-top: -7px; }
    .ReactCrop__drag-bar.ord-e {
      width: 14px;
      margin-right: -7px; }
    .ReactCrop__drag-bar.ord-s {
      height: 14px;
      margin-bottom: -7px; }
    .ReactCrop__drag-bar.ord-w {
      width: 14px;
      margin-left: -7px; } }

.no-padding-right {
  padding-right: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

#spellChecker {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100000;
  padding: 24px;
  background: #fff;
  border-radius: 5px; }
  #spellChecker h1 {
    margin-bottom: .5em;
    height: 2em;
    line-height: 2em;
    font-size: 1.375em;
    font-weight: 600;
    color: #2e4453; }
    #spellChecker h1 i {
      margin-right: 5px;
      color: orange; }
  #spellChecker .dialog__close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer; }
  #spellChecker .group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #spellChecker .group-btn button {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: 0;
      margin-bottom: 10px;
      height: 30px; }
  #spellChecker .content {
    margin-bottom: 10px;
    width: 100%; }
    #spellChecker .content .select {
      height: 120px;
      overflow: auto;
      background: none;
      border-radius: 0;
      border: 1px solid #dbdbdb; }
      #spellChecker .content .select .item {
        cursor: pointer; }
      #spellChecker .content .select .selected {
        background: #0087be;
        color: white; }
    #spellChecker .content .btn-dictionary {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #spellChecker .content .btn-dictionary button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-top: 0;
        height: 70px; }
  #spellChecker .context {
    overflow: auto;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px; }
  #spellChecker button.dialog-button__close {
    background: #0087be; }

.spell-shield {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999; }

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

.datetime-properties .form-label {
  cursor: pointer;
  display: inline-block;
  margin: 7px 0;
  vertical-align: middle; }

.datetime-properties .schedule-form {
  margin-top: 5px; }
  .datetime-properties .schedule-form .btn-calendar {
    background: #0087be; }
    .datetime-properties .schedule-form .btn-calendar i.fa-calendar {
      display: block;
      color: #fff;
      padding: 7px; }
  .datetime-properties .schedule-form .post-schedule__header {
    top: 12px; }

.datetime-properties .override__enabled {
  color: #959595; }
  .datetime-properties .override__enabled input[type=text] {
    color: #959595; }
  .datetime-properties .override__enabled .schedule-form .btn-calendar {
    background: #B1E8FA; }

.datetime-properties input[type=checkbox], .datetime-properties .checkbox-tristate, .datetime-properties input[type=radio] {
  float: none;
  margin: 0 5px 0 0; }

.datetime-properties__btn {
  padding: 7px 14px;
  color: #fff;
  font-size: 12px; }

.datetime-properties__save {
  background: #2a2d32; }

.datetime-properties__cancel {
  background: #959595; }

.datetime-properties__view {
  color: #959595; }

.datetime-properties .errorText p {
  font-size: 12px; }

.datetime-properties .sort-by-date {
  padding-bottom: 15px; }
  .datetime-properties .sort-by-date .col-sm-4:not(:nth-child(2)) {
    padding: 0 10px; }

.datetime-properties .col-sm-4 {
  padding-right: 0; }

.datetime-properties .published-custom {
  padding: 0 0 0 15px;
  float: left;
  width: auto; }

.datetime-properties .published-footer {
  margin-top: 33px; }
  .datetime-properties .published-footer.quitesave {
    margin-top: 15px; }

.datetime-properties .border-bottom {
  margin-top: 17px;
  border-bottom: 1px solid #ababab; }

.datetime-properties .opacity .opacity-shield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: .5;
  z-index: 1;
  background: #f0f0f0; }

.datetime-properties .info-tooltip {
  max-width: 20px; }
  .datetime-properties .info-tooltip.tooltip-right .info-tooltip-content {
    max-width: 190px !important; }

.datetime-properties .time-add {
  float: right;
  margin: 10px 0px;
  font-weight: 600;
  color: #568130; }

#text-unselectable, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__date-nav li, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .user-tip, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG .info-box, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .create-clip-box, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .hour__label {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.is-section-chennels {
  background: #fafafa; }
  .is-section-chennels .cms-channels-page {
    padding: 0px 5px 0px 0px;
    margin-top: 27px; }
    .is-section-chennels .cms-channels-page .cms-channels__header {
      float: left;
      width: 100%; }
      .is-section-chennels .cms-channels-page .cms-channels__header .tittle {
        float: left;
        height: 64px;
        line-height: 64px;
        text-transform: uppercase;
        font-size: 20px;
        height: 64px;
        line-height: 64px; }
    .is-section-chennels .cms-channels-page .channels-button {
      height: 48px;
      border: none; }
      .is-section-chennels .cms-channels-page .channels-button--save {
        background-color: #409bf9; }
      .is-section-chennels .cms-channels-page .channels-button--delete {
        background-color: #cd001c; }
    .is-section-chennels .cms-channels-page .player-content .quick-action-tool {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 15px; }
      .is-section-chennels .cms-channels-page .player-content .quick-action-tool .btn-quick-action {
        width: 125px;
        border: 1px solid #dbdbdb;
        text-transform: uppercase;
        font-size: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 30px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: bold;
        margin-right: 15px; }
        .is-section-chennels .cms-channels-page .player-content .quick-action-tool .btn-quick-action .fa {
          font-size: 13px;
          position: relative;
          top: 1px;
          margin-right: 5px; }
        .is-section-chennels .cms-channels-page .player-content .quick-action-tool .btn-quick-action:last-child {
          margin-right: 0; }
  .is-section-chennels .no-available-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .is-section-chennels .no-available-area.inactive .text {
      display: block; }
    .is-section-chennels .no-available-area .text {
      margin: auto;
      text-align: center; }
      .is-section-chennels .no-available-area .text p {
        margin-bottom: 10px;
        font-weight: bold; }
  .is-section-chennels .add-video-area {
    height: 200px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    margin: 20px; }
    .is-section-chennels .add-video-area .add-video-content {
      height: 100%; }
      .is-section-chennels .add-video-area .add-video-content:hover .tooltip {
        display: block;
        font-size: 20px; }
      .is-section-chennels .add-video-area .add-video-content .gridicons-add-outline {
        margin-top: 75px;
        width: 50px;
        height: 50px; }
      .is-section-chennels .add-video-area .add-video-content .tooltip {
        display: none; }

.live-popup {
  min-width: 450px; }

.is-section-chennels .cms-channels-page .videos-container {
  height: 100%;
  float: left;
  background-color: #FFF;
  border: 2px solid #ebebeb;
  margin-right: -1px; }
  .is-section-chennels .cms-channels-page .videos-container .cms-video-container {
    margin-bottom: 15px; }
    .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player {
      border-bottom: 2px solid #ebebeb;
      position: relative;
      border-right: 4px solid transparent; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .overlap {
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 1000;
        cursor: auto; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-group {
        top: calc( 100% + 3px);
        position: absolute;
        color: rgba(0, 0, 0, 0.5);
        font-size: 15px;
        box-shadow: 0px 1px 3px #999;
        padding: 4px; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-check {
        right: 25px;
        background: #fff; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-check:hover {
          background-color: #eee; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-check.disabled {
          opacity: 0.5; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-close {
        right: 0px;
        width: 13px;
        background: #fff; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .button-close:hover {
          background-color: #eee; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .preview-field {
        position: relative;
        margin-top: 20px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .preview-field .fa-info-circle {
          color: #808080;
          font-size: 20px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .preview-field .edit-group {
          position: relative;
          display: inline-block;
          width: calc( 100% - 120px);
          z-index: 1001;
          margin-left: 15px;
          margin-right: 15px; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .preview-field .edit-group.not-active {
            z-index: 999; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .preview-field .hidden {
          display: none; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline {
        height: 30px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .channel {
          display: inline-block;
          overflow: hidden;
          margin-right: 5px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-group {
          position: relative;
          display: inline-block;
          width: calc( 100% - 95px);
          z-index: 1001;
          top: -2px; }
          .is-ie .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-group {
            top: -5px; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-group.not-active {
            z-index: 999; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-group .input-field {
            width: 100%;
            padding: 0px 0px 0px 5px;
            border-radius: 5px;
            height: 26px;
            margin: -6px 0 -7px 0;
            font-size: 19px !important;
            border-width: 2px;
            line-height: 26px; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-group .message-error {
            position: absolute;
            top: 28px;
            font-size: 10px;
            color: red;
            font-weight: normal;
            cursor: default; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .edit-icon {
          display: none;
          overflow: hidden;
          color: #808080;
          margin-left: 7px;
          font-size: 16px;
          margin-bottom: 3px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .title-area {
          position: relative;
          width: calc(100% - 230px);
          display: inline-block; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .title-area:hover .edit-icon {
            display: inline-block; }
            .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .title-area:hover .edit-icon.hidden {
              display: none; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .channel-name {
          display: inline-block;
          padding-left: 7px; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .player-content .headline .channel-name:hover {
            cursor: text; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player:first-child .player-content {
        padding-top: 40px; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player:first-child .status {
        top: 40px; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player:first-child.is-selected::before {
        top: 40px; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status {
        position: absolute;
        top: 30px;
        right: 70px;
        font-size: 14px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .text {
          float: left;
          font-size: 18px;
          margin-right: 10px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .spinner {
          float: left;
          margin-top: 3px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
          left: 42px; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper {
          vertical-align: middle; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch {
            width: 60px;
            height: 20px; }
            .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch[aria-checked='true']:before {
              content: 'ON';
              display: block;
              left: 12px;
              top: 1px; }
            .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch[aria-checked='false']:before {
              content: 'OFF';
              display: block;
              left: 20px;
              top: 1px; }
            .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch::before, .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch::after {
              position: absolute;
              width: 16px;
              height: 16px;
              font-size: 13px;
              color: #fff;
              font-weight: 600; }
            .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__switch::after {
              left: 2px; }
          .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .form-toggle__wrapper .form-toggle__label-content {
            margin-left: 0; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status .time {
          clear: both;
          text-align: right;
          font-size: 10px;
          color: #9c9c9c; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player .status.channel-active::before {
          content: "\f111";
          float: left;
          font: normal normal normal 12px/1 FontAwesome;
          padding: 7px 7px 0 0;
          color: #cd001c; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player.is-not-selected .player-content .video-player {
        background: #c6c9ce; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player.is-not-selected .player-content .video-js {
        display: none; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player.is-not-selected .player-content .video-js .vjs-big-play-button {
          display: none; }
      .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player.is-selected {
        border-right: 6px solid #077fc0; }
        .is-section-chennels .cms-channels-page .videos-container .cms-video-container .cms-player.is-selected::before {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          top: 30px;
          right: -1px;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #077fc0; }

.cms-channels-page .content-replacement-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.2;
  z-index: 9000 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.is-section-chennels .cms-channels-page .shedule-container {
  height: calc(100vh - 120px);
  float: left;
  border: 1px solid #ebebeb;
  position: relative; }
  .is-section-chennels .cms-channels-page .shedule-container.fixed {
    position: fixed;
    right: 17px;
    height: calc(100vh - 71px);
    z-index: 1; }
  .is-section-chennels .cms-channels-page .shedule-container .shedule-picker {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .event-based-channel-overlay {
      position: absolute;
      top: 0;
      z-index: 10;
      background: #ddd;
      width: 100%;
      opacity: 0.8; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .current-time-marker:before {
      background: #ce0000;
      border-radius: 50%;
      content: "";
      position: absolute;
      height: 12px;
      margin-left: -6.5px;
      margin-top: -5px;
      width: 12px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.shedule-ie .box {
      right: 3px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.shedule-ie .box.box-list .create-clip-box {
        right: 0px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box {
      z-index: 900;
      background-color: #50E3C2;
      opacity: 0.93; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box .info-box {
        font-weight: bold; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box.box-list .create-clip-box .create-button {
        background-color: #50E3C2; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box.box-list.box-ready:hover {
        opacity: 1; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box.box-list.box-ready:hover .box {
          background: #43CEAF; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker.modeEPG .shedule__time-picker .box.box-list.box-ready:hover .create-clip-box .create-button {
          background-color: #50E3C2; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .close-button {
      cursor: pointer; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__date-nav {
      list-style-type: none;
      margin: 0px -1px;
      padding: 0;
      overflow: hidden;
      background: #fafafa; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__date-nav li {
        float: left;
        line-height: 48px;
        width: calc(33.333% - 2px);
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.2px;
        border: 1px solid #ebebeb;
        background: white;
        cursor: pointer; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__date-nav li.selected {
          background: #fafafa;
          border-bottom: none;
          color: #419BF9;
          font-size: 14px;
          font-weight: bold; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__date-nav .shedule__time-picker {
        min-height: 784p; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule-picker__header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select {
      width: 300px;
      color: #000;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: -0.2px;
      position: relative; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .select-area {
        height: 48px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 48px;
        background-color: #fff;
        padding-left: 11px;
        box-sizing: border-box;
        cursor: pointer; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .select-area .label {
          font-weight: normal; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .select-area .fa-sort-desc {
          float: right;
          margin-right: 5px;
          line-height: 40px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .list-area {
        position: absolute;
        margin: 0;
        width: 100%;
        background-color: #fafafa;
        z-index: 10001; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .list-area .date-item {
          text-transform: uppercase;
          height: 47px;
          line-height: 47px;
          border-bottom: 1px solid #e0e0e0;
          padding-left: 11px;
          list-style-type: none; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .list-area .date-item.selected {
            background-color: #409bf9;
            color: #fff; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select .list-area .date-item:hover {
            cursor: pointer;
            background: #409bf9;
            color: #fff; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule-live-button {
      padding: 3px;
      width: 120px;
      height: 30px;
      margin-left: 5px;
      margin-right: 10px;
      color: #409bf9;
      border-color: #409bf9;
      background: #fafafa;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 9px;
      width: 100%;
      max-width: 120px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background: #fafafa; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule-live-button .slb-2:before {
        font: normal normal normal 6px/1 FontAwesome;
        position: relative;
        top: -1px;
        margin: 0 2px 0 5px;
        content: '\f111';
        vertical-align: middle;
        color: #cd001c; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .channel__name {
      padding: 10px 18px 10px 10px;
      font-size: 18px;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .is-ie .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .channel__name {
        padding-left: 30px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .selected-day {
      font-size: 15px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .user-tip {
      color: rgba(0, 0, 0, 0.5);
      font-size: 12px;
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.5);
      padding: 10px;
      margin-top: 10px;
      border-radius: 5px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .user-tip .close-icon {
        position: absolute;
        top: calc(50% - 9px);
        right: 10px;
        font-size: 18px;
        cursor: pointer; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .cover {
      position: absolute;
      height: 100%;
      width: 99%;
      opacity: 0.5;
      z-index: 999;
      background: white; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .pop-up-info {
      position: absolute;
      width: 99%;
      height: 150px;
      top: 2px;
      background: white;
      border: 1px solid #ebebeb;
      z-index: 1000;
      font-size: 14px;
      box-shadow: 1px 1px 5px 1px grey; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .pop-up-info .close-button {
        position: absolute;
        right: 10px;
        color: #979797; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .pop-up-info .info-zone {
        padding: 10px;
        border-bottom: 1px solid #ebebeb; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .pop-up-info .info-zone .close-button {
          position: absolute; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker {
      height: calc(100% - 122px);
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background: white;
      overflow-y: auto;
      overflow-x: hidden;
      padding-left: 55px;
      position: relative; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar {
        width: 9px;
        height: 9px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar-button:start:decrement, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar-button:end:increment {
        display: block;
        height: 0;
        background-color: transparent; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar-thumb:vertical, .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker::-webkit-scrollbar-thumb:horizontal {
        background-color: #c8d7e1;
        -webkit-border-radius: 8px;
        border: 1px solid #fff; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .time-picker__body {
        position: relative;
        margin-right: 5px; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .time-picker__body.resize-box {
          cursor: ns-resize; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .time-picker__body.move-box {
          cursor: move; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .time-picker__body .division-time {
          position: absolute;
          width: 100%;
          background-color: #2196F3;
          color: white;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border-radius: 10px;
          z-index: 1; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box {
        position: absolute;
        background-color: #007aff;
        width: calc(100% - 7px);
        color: white;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: 1;
        border-radius: 5px; }
        .is-ie .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box .create-clip-box {
          left: 0px; }
        .is-ie .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box {
          left: 1px; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box.box-list.box-ready {
          z-index: 1001; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box.box-list.box-ready:hover {
            z-index: 1005; }
            .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box.box-list.box-ready:hover .info-box {
              opacity: 0;
              visibility: hidden;
              -webkit-transition: opacity 0.1s, visibility 0.1s;
              transition: opacity 0.1s, visibility 0.1s; }
            .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box.box-list.box-ready:hover .box {
              background-color: #046ABF; }
            .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box.box-list.box-ready:hover .create-clip-box {
              opacity: 1;
              visibility: visible;
              z-index: 1002;
              cursor: move; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box .box {
          display: block;
          margin-left: 4px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box .box .info-box {
            float: left;
            margin-left: 5px;
            font-size: 12px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .handle1 {
        width: 100%;
        height: 5px;
        cursor: ns-resize;
        position: absolute;
        right: 0;
        top: 0; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .handle2 {
        width: 100%;
        height: 5px;
        cursor: ns-resize;
        position: absolute;
        right: 0;
        bottom: 0; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG {
        font-size: 12px; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG.selected-zone:hover .info-box {
          background: #046ABF; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG.selected-zone:hover .info-box div {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity 0.1s, visibility 0.1s;
            transition: opacity 0.1s, visibility 0.1s; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG.selected-zone:hover .create-clip-box {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.5s, visibility 0.5s;
          transition: opacity 0.5s, visibility 0.5s; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG.is-active .info-box {
          background: #287deb; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG.is-future .info-box {
          background: #0e4a98;
          border-left: 3px solid rgba(4, 106, 191, 0.5); }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG:hover .info-box,
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG:hover .create-clip-box {
          z-index: 1005 !important; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG .info-box {
          font-weight: bold;
          padding-left: 5px;
          color: #FFF;
          background: #5b9bee;
          border-left: 3px solid #046abf;
          border-top: 1px solid white;
          border-bottom: 1px solid white;
          border-radius: 5px;
          position: absolute;
          margin: 0px 8px;
          width: calc(100% - 24px); }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG .info-box .duration {
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 10px;
            margin-top: -3px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .box-EPG .info-box .title {
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .create-clip-box {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.1s, visibility 0.1s;
        transition: opacity 0.1s, visibility 0.1s;
        border-radius: 5px;
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0px 8px;
        width: calc(100% - 12px); }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .create-clip-box .create-button {
          background: #007AFF;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          position: relative;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center;
          margin: auto;
          padding: 5px 30px 5px 15px;
          border-radius: 40px;
          font-size: 12px;
          color: white;
          cursor: pointer; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .create-clip-box .create-button .circle-icon {
            position: absolute;
            top: calc(50% - 9.5px);
            right: 5px;
            width: 15px;
            height: 15px;
            line-height: 15px;
            font-size: 15px;
            border-radius: 50%;
            border: 2px solid white; }
            .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .create-clip-box .create-button .circle-icon::before {
              margin-left: 2px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour {
        height: 44px;
        border-top: 1px solid lightgray;
        position: relative;
        background: #FFF; }
        .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour {
          height: 7.5px;
          position: absolute;
          width: 100%;
          top: 0px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour.quarter-2 {
            top: 7.5px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour.quarter-3 {
            top: 15px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour.quarter-4 {
            top: 22.5px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour.quarter-5 {
            top: 30px; }
          .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .half-hour .quarter-hour.quarter-6 {
            top: 37.5px; }
      .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .shedule__time-picker .hour__label {
        position: absolute;
        top: -12px;
        width: 70px;
        right: calc(100% + 15px);
        text-align: right;
        font-size: 14px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker--hidden {
      display: none; }

.is-section-chennels .cms-channels-page.wp-plugin .shedule-container.fixed {
  right: 27px;
  top: -1px;
  height: calc(100vh - 32px); }

@media only screen and (min-width: 1150px) {
  .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule-live-button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media only screen and (min-width: 1400px) {
  .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule__date-select {
    width: 350px; }
  .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule-live-button {
    font-weight: bold;
    padding: 7px;
    font-size: 11px; }
    .is-section-chennels .cms-channels-page .shedule-container .shedule-picker .schedule-live-button .slb-1 {
      display: block; } }

.cms-channels-page .shedule-event-editor {
  height: 100%;
  display: block; }
  .cms-channels-page .shedule-event-editor .header {
    height: 48px;
    line-height: 48px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    background: #fff; }
    .cms-channels-page .shedule-event-editor .header .header-title {
      font-weight: bold;
      text-align: center; }
    .cms-channels-page .shedule-event-editor .header .close-btn {
      position: absolute;
      right: 20px;
      top: 6px;
      cursor: pointer; }
  .cms-channels-page .shedule-event-editor .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100% - 48px);
    overflow-x: auto;
    box-sizing: border-box; }
  .cms-channels-page .shedule-event-editor .date-title {
    text-align: center;
    font-size: 14px; }
  .cms-channels-page .shedule-event-editor .channel-name {
    margin-top: 10px; }
  .cms-channels-page .shedule-event-editor .channel-name textarea {
    resize: none;
    height: 50px;
    min-height: 50px;
    width: 100%;
    color: #409bf9; }
  .cms-channels-page .shedule-event-editor .duration-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cms-channels-page .shedule-event-editor .duration-wrapper .FranklyDropdown-root {
      width: calc(50% - 10px); }
  .cms-channels-page .shedule-event-editor .FranklyDropdown-root .FranklyDropdown-placeholder {
    text-align: center;
    color: #409bf9;
    font-weight: bold;
    position: relative;
    left: 20px; }
  .cms-channels-page .shedule-event-editor .FranklyDropdown-root .FranklyDropdown-option {
    text-align: center;
    color: #409bf9;
    font-weight: bold; }
    .cms-channels-page .shedule-event-editor .FranklyDropdown-root .FranklyDropdown-option:hover {
      color: #fff;
      background-color: #409bf9; }
    .cms-channels-page .shedule-event-editor .FranklyDropdown-root .FranklyDropdown-option.is-selected {
      color: #fff;
      background-color: #409bf9; }
  .cms-channels-page .shedule-event-editor .start-date-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cms-channels-page .shedule-event-editor .start-date-wrapper .FranklyDropdown-root {
      position: relative;
      width: calc(33% - 10px); }
    .cms-channels-page .shedule-event-editor .start-date-wrapper .FranklyDropdown-root:first-child:after {
      display: inline-block;
      content: ':';
      font-weight: bold;
      position: absolute;
      right: -11px;
      top: 8px; }
  .cms-channels-page .shedule-event-editor .days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 50px; }
    .cms-channels-page .shedule-event-editor .days .form-label {
      width: 50px;
      font-size: 14px; }
  .cms-channels-page .shedule-event-editor .stream-selector {
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px; }
    .cms-channels-page .shedule-event-editor .stream-selector .stream-selector__stream-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 30px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .cms-channels-page .shedule-event-editor .stream-selector .stream-selector__stream-wrapper .stream-selector__name {
        font-size: 12px;
        font-weight: 600; }
    .cms-channels-page .shedule-event-editor .stream-selector .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
      left: 42px; }
    .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper {
      vertical-align: middle;
      margin-left: 1em; }
      .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch {
        width: 60px;
        height: 20px; }
        .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch[aria-checked='true']:before {
          content: 'ON';
          display: block;
          left: 12px;
          top: 1px; }
        .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch[aria-checked='false']:before {
          content: 'OFF';
          display: block;
          left: 20px;
          top: 1px; }
        .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch::before, .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch::after {
          position: absolute;
          width: 16px;
          height: 16px;
          font-size: 13px;
          color: #fff;
          font-weight: 600; }
        .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__switch::after {
          left: 2px; }
      .cms-channels-page .shedule-event-editor .stream-selector .form-toggle__wrapper .form-toggle__label-content {
        margin-left: 0; }
  .cms-channels-page .shedule-event-editor .schedule-event-editor-btns {
    margin-top: 10px; }
  .cms-channels-page .shedule-event-editor .schedule-event-editor-btn {
    width: 100%; }
  .cms-channels-page .shedule-event-editor .schedule-event-editor-btn[data-frk-id='update-event'],
  .cms-channels-page .shedule-event-editor .schedule-event-editor-btn[data-frk-id='delete-event'] {
    margin-top: 30px; }

@media only screen and (min-width: 1150px) {
  .cms-channels-page .shedule-event-editor .stream-selector {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media only screen and (min-width: 1150px) and (max-width: 1400px) {
  .cms-channels-page .shedule-event-editor .start-date-wrapper,
  .cms-channels-page .shedule-event-editor .duration-wrapper,
  .cms-channels-page .shedule-event-editor .recurence-wrapper,
  .cms-channels-page .shedule-event-editor .channel-name textarea {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .cms-channels-page .shedule-event-editor .date-title {
    text-align: right;
    font-size: 12px; }
  .cms-channels-page .shedule-event-editor .recurence-wrapper .FranklyDropdown-root {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .cms-channels-page .shedule-event-editor .duration-wrapper .FranklyDropdown-root {
    width: calc(50% - 8px); }
  .cms-channels-page .shedule-event-editor .content .channel-name,
  .cms-channels-page .shedule-event-editor .content .start-date,
  .cms-channels-page .shedule-event-editor .content .recurence-wrapper,
  .cms-channels-page .shedule-event-editor .content .duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cms-channels-page .shedule-event-editor .content .channel-name .form-label,
    .cms-channels-page .shedule-event-editor .content .start-date .form-label,
    .cms-channels-page .shedule-event-editor .content .recurence-wrapper .form-label,
    .cms-channels-page .shedule-event-editor .content .duration .form-label {
      margin-right: 10px;
      width: 65px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .cms-channels-page .shedule-event-editor .content .days,
  .cms-channels-page .shedule-event-editor .content .schedule-event-editor-btns {
    margin-left: 75px; }
  .cms-channels-page .shedule-event-editor .content .days,
  .cms-channels-page .shedule-event-editor .content .schedule-event-editor-btn[data-frk-id='update-event'] {
    margin-top: 0; }
  .cms-channels-page .shedule-event-editor .content .schedule-event-editor-btn[data-frk-id='delete-event'] {
    margin-top: 20px; } }

@media only screen and (min-width: 1400px) {
  .cms-channels-page .shedule-event-editor .content {
    padding: 40px; }
  .cms-channels-page .shedule-event-editor .recurence {
    margin-bottom: 0; }
  .cms-channels-page .shedule-event-editor .schedule-event-editor-btns {
    margin-top: 30px; }
  .cms-channels-page .shedule-event-editor.mode-update .schedule-event-editor-btns {
    margin-top: 0; } }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper {
  position: absolute;
  z-index: 2000;
  top: 1px;
  padding: 0 10px;
  box-sizing: border-box; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper[data-mode='group'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper[data-mode='group'] .live-schedule-box {
      position: static; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box {
    width: 50%;
    border-radius: 5px;
    background: #2c9a14;
    border: 1px solid #fff;
    font-size: 10px;
    color: #fff;
    box-sizing: border-box;
    right: 8px;
    word-wrap: break-word;
    min-height: 30px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.passed-event {
      background: #9fd95d; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.active-event {
      background: #7ed321; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.active-event .title:before {
        content: '\f111';
        font: normal normal normal 7px/1 FontAwesome;
        color: #cd001c;
        margin-right: 4px;
        position: relative;
        top: -1px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .main-view {
      height: inherit;
      padding: 10px;
      box-sizing: border-box;
      width: 100%;
      cursor: pointer; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .main-view .replaced-event {
        position: absolute;
        bottom: 5px;
        right: 10px;
        width: 16px;
        height: 16px; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .main-view .facebooklive-event {
        margin-top: 10px; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .main-view .streams-indicator-wrapper {
        position: absolute;
        right: -5px;
        top: -5px;
        font-size: 8px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .title {
      font-size: 12px;
      font-weight: bold;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .time-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .time-details-1,
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .time-details-2 {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .separator {
      margin-left: 3px;
      margin-right: 3px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .full-time {
      margin-left: 3px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .recurence {
      position: absolute;
      bottom: 7px; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .recurence .gridicon {
        margin-right: 3px;
        position: relative;
        top: 4px; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .recurence .recurence-title {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box--small .main-view {
      padding: 4px;
      line-height: 1;
      font-weight: normal; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box--small .title {
      font-size: 10px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box--small .schedule-details {
      font-size: 8px;
      margin-top: 2px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper.group-small .main-view .full-time {
    display: none; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper[data-channel='event-based'] {
    right: 0; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.manually-fired-active-event .main-view {
    position: relative; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.manually-fired-active-event .main-view:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.manually-fired-active-event .main-view:before {
      border: 1px solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      top: calc(100% - 2px);
      left: 50%; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.manually-fired-active-event .main-view:after {
      border-color: rgba(126, 211, 33, 0);
      border-width: 10px;
      border-top-color: #7ed321;
      margin-left: -10px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box.manually-fired-active-event .main-view:before {
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #ffffff;
      border-width: 11px;
      margin-left: -11px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .live-schedule-box .detailed-view .action-buttons--2 {
    height: 50px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view {
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #c8d7e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  color: #000;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view:before {
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 10px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view:before {
    border-color: transparent;
    border-width: 11px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-arrow {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-arrow:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-arrow:before {
      border: 1px solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-arrow:after {
      border-color: rgba(255, 255, 255, 0);
      border-width: 10px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-arrow:before {
      border-color: transparent;
      border-width: 11px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-1 {
    padding: 10px;
    overflow: hidden;
    height: 100%; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    fill: #c8d7e1;
    z-index: 2; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .close-btn svg {
      width: 20px;
      height: 20px;
      fill: #9b9b9b; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .title {
    font-size: 14px;
    text-overflow: initial;
    white-space: initial;
    line-height: 1.3;
    max-height: 55px;
    overflow: hidden;
    margin-right: 10px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .time-details {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .schedule-details {
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    position: relative; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .schedule-details .replaced-event {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .schedule-details .replaced-event-title {
      font-weight: bold;
      margin-left: 3px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .recurence {
    position: absolute;
    bottom: 0; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .recurence svg {
      position: relative;
      top: 3px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .detailed-view-2 {
    margin-top: auto; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .event-type {
    margin-top: 10px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .primary-live {
    margin-bottom: 5px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .facebooklive-event,
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .primary-live {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .facebooklive-event:before,
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .primary-live:before {
      content: '\f111';
      font: normal normal normal 3px/1 FontAwesome;
      display: block;
      position: relative;
      margin-right: 5px;
      top: 5px;
      color: #000; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    border-top: 1px solid #c8d7e1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons-item {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-button-title {
    margin-left: 5px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-button-edit,
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-button-replace {
    border-right: 1px solid #c8d7e1; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons--2 {
    height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons--2 .action-buttons-item {
      width: 33%;
      height: 37px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons--2 .action-button-title {
      margin-top: 5px;
      font-size: 11px; }
    .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons--2 .action-button-createclip {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view .action-buttons--2 .action-button-createclip .action-button-title {
        margin-top: 0px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top:before, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top:after {
  display: none; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .detailed-view-arrow {
  bottom: 0; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .detailed-view-arrow:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .detailed-view-arrow:before {
    top: 100%;
    left: 50%; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .detailed-view-arrow:after {
    border-top-color: #fff;
    margin-left: -10px; }
  .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .detailed-view-arrow:before {
    border-top-color: #dbdbdb;
    margin-left: -11px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .action-buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--top .action-buttons-item {
  height: 30px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom:before, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom:after {
  display: none; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom .detailed-view-arrow:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom .detailed-view-arrow:before {
  bottom: 100%;
  left: 50%; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom .detailed-view-arrow:after {
  border-bottom-color: #fff;
  margin-left: -10px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--bottom .detailed-view-arrow:before {
  border-bottom-color: #c8d7e1;
  margin-left: -11px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--right:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--right:before {
  right: 100%;
  top: 50%; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--right:after {
  border-right-color: #fff;
  margin-top: -10px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--right:before {
  border-right-color: #dbdbdb;
  margin-top: -11px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--left:after, .cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--left:before {
  left: 100%;
  top: 50%; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--left:after {
  border-left-color: #fff;
  margin-top: -10px; }

.cms-channels-page .shedule-container .shedule-picker .live-schedule-box-wrapper .detailed-view-offset--left:before {
  border-left-color: #dbdbdb;
  margin-top: -11px; }

.cms-channels-page .shedule-container .conflicting-events {
  position: absolute;
  width: 90%;
  height: auto;
  z-index: 99991;
  top: -30px;
  right: 10px;
  max-height: calc(100% - 40px);
  overflow-x: auto;
  border-radius: 20px; }
  .cms-channels-page .shedule-container .conflicting-events .header {
    height: 48px;
    line-height: 48px;
    position: relative;
    background: #f0b849;
    border-radius: 20px 20px 0 0; }
    .cms-channels-page .shedule-container .conflicting-events .header .notice-icon {
      position: absolute;
      left: 20px;
      top: 6px;
      color: #fff; }
    .cms-channels-page .shedule-container .conflicting-events .header .header-title {
      font-size: 16px;
      text-align: left;
      color: #fff;
      margin-left: 55px; }
    .cms-channels-page .shedule-container .conflicting-events .header .close-btn {
      position: absolute;
      right: 20px;
      top: 6px;
      cursor: pointer;
      color: #fff; }
  .cms-channels-page .shedule-container .conflicting-events .content {
    background: #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box;
    background: #f0b849;
    color: #fff;
    border-radius: 0 0 20px 20px; }
  .cms-channels-page .shedule-container .conflicting-events .conflicting-event {
    list-style: none;
    font-size: 14px;
    margin-left: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    padding-left: 20px; }
  .cms-channels-page .shedule-container .conflicting-events .conflicting-event__item {
    margin-top: 2px;
    margin-left: 0; }

.cms-channels-page .content-replacement-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9002;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .cms-channels-page .content-replacement-wrapper .pop-up-box {
    box-sizing: border-box;
    border: 1px solid #c8d7e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
    z-index: 10002;
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-sizing: border-box; }
    .cms-channels-page .content-replacement-wrapper .pop-up-box .close-btn {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
      width: 20px;
      height: 20px; }
      .cms-channels-page .content-replacement-wrapper .pop-up-box .close-btn svg {
        width: 20px;
        height: 20px;
        fill: #9b9b9b; }
  .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper {
    width: 300px; }
    .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .list-title {
      height: 50px;
      font-size: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-transform: uppercase;
      padding: 10px;
      box-sizing: border-box;
      color: #9c9c9c;
      font-weight: bold; }
    .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .content-replacement-list {
      overflow: scroll;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-height: 70vh;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 50px;
      border-bottom: 1px solid #ebebeb;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px;
      box-sizing: border-box;
      cursor: pointer;
      border-radius: 5px; }
      .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .list-item:hover {
        background: #7ED321;
        color: #fff; }
    .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .list-item-title {
      font-size: 12px;
      width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: bold; }
    .cms-channels-page .content-replacement-wrapper .content-replacement-list--wrapper .list-item-icon {
      margin-left: auto; }
  .cms-channels-page .content-replacement-wrapper .prompt {
    width: 400px; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-text {
      padding: 20px; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-title {
      font-size: 18px;
      margin-top: 10px;
      font-weight: bold; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-desc {
      font-size: 14px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 50px;
      border-top: 1px solid #ebebeb;
      margin-top: auto; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-buttons-item {
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 14px;
      cursor: pointer;
      text-transform: uppercase;
      font-weight: bold; }
      .cms-channels-page .content-replacement-wrapper .prompt .prompt-buttons-item:hover {
        color: #409bf9; }
    .cms-channels-page .content-replacement-wrapper .prompt .prompt-button-close {
      border-right: 1px solid #ebebeb; }

.live-control-panel__stream-selector.popover .popover__inner {
  width: 250px;
  padding: 0; }

.live-control-panel__stream-selector .stream-selector__header {
  border-bottom: 1px solid #c8d7e1;
  font-size: smaller;
  text-transform: uppercase;
  padding: 15px;
  color: rgba(0, 0, 0, 0.5); }

.live-control-panel__stream-selector .stream-selector__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #c8d7e1;
  padding: 15px; }
  .live-control-panel__stream-selector .stream-selector__row .stream-selector__name {
    font-weight: bold;
    font-size: 14px; }
  .live-control-panel__stream-selector .stream-selector__row .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
    left: 42px; }
  .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper {
    vertical-align: middle; }
    .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch {
      width: 60px;
      height: 20px; }
      .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch[aria-checked='true']:before {
        content: 'ON';
        display: block;
        left: 12px;
        top: 1px; }
      .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch[aria-checked='false']:before {
        content: 'OFF';
        display: block;
        left: 20px;
        top: 1px; }
      .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch::before, .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch::after {
        position: absolute;
        width: 16px;
        height: 16px;
        font-size: 13px;
        color: #fff;
        font-weight: 600; }
      .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__switch::after {
        left: 2px; }
    .live-control-panel__stream-selector .stream-selector__row .form-toggle__wrapper .form-toggle__label-content {
      margin-left: 0; }

.live-control-panel__stream-selector .stream-selector__action-buttons {
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .live-control-panel__stream-selector .stream-selector__action-buttons .action-button-item {
    width: 50%;
    height: 30px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer; }
  .live-control-panel__stream-selector .stream-selector__action-buttons .action-button-cancel {
    border-right: 1px solid #c8d7e1; }

.live-control-panel__live-count-wrapper {
  position: absolute;
  top: -15px;
  right: -15px;
  font-size: 10px; }

.live-stream-indicator__live-count {
  /*	background: black;
	color: white;
	padding: 1px 6px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	cursor:pointer;
	width: 6px;
	text-align: center; */
  color: white;
  background: #6a6a6a;
  border-radius: 0.8em;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
  cursor: pointer; }

.live-stream-indicator__running-streams.popover .popover__inner {
  width: 130px;
  padding: 0; }

.live-stream-indicator__running-streams .running-streams__header {
  border-bottom: 1px solid #c8d7e1;
  font-size: smaller;
  text-transform: uppercase;
  padding: 7px;
  color: rgba(0, 0, 0, 0.5); }

.live-stream-indicator__running-streams .running-streams__row ul {
  margin: 10px; }

.live-stream-indicator__running-streams .running-streams__row li {
  list-style: inside;
  text-align: left;
  font-weight: bold;
  line-height: 2em; }

.player-content {
  margin: 0px 10px 0px 10px;
  padding: 30px 60px 60px 30px;
  cursor: pointer; }
  .player-content.is-select-video {
    box-shadow: 0px 0px 5px 2px gray; }
  .player-content .headline {
    line-height: 1;
    font-size: 20px;
    color: black;
    font-family: "Averta";
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */ }
    .player-content .headline .channel-name {
      font-weight: normal;
      max-width: calc(100% - 30px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .player-content .headline .channel-name.inactive {
        color: rgba(0, 0, 0, 0.5); }
    .player-content .headline.inactive {
      color: rgba(0, 0, 0, 0.5); }
  .player-content .channel-info {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
    padding-bottom: 10px;
    position: relative;
    top: -5px; }
  .player-content .video-player {
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    cursor: default; }
    .player-content .video-player.inactive {
      background: #ddd; }
      .player-content .video-player.inactive .inactive--title {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 14px;
        text-transform: uppercase;
        color: #9c9c9c;
        position: absolute;
        top: -3px; }
    .player-content .video-player .featured_Text {
      position: absolute;
      text-align: left;
      left: 15px;
      top: 5px;
      color: white;
      padding: 3px;
      font-size: 13px;
      font-weight: bold;
      z-index: 10;
      width: 58%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .player-content .video-player .featured_Text:hover .removeFeatured {
        opacity: 1;
        visibility: visible; }
      .player-content .video-player .featured_Text.has-thumbnail {
        left: 27%; }
    .player-content .video-player .video-js {
      width: 100%;
      position: absolute;
      height: 100%; }
      .player-content .video-player .video-js .vjs-control-bar {
        opacity: 0;
        background-color: rgba(43, 51, 63, 0.7) !important;
        margin-bottom: 0px;
        min-height: 55px; }
        .player-content .video-player .video-js .vjs-control-bar .vjs-volume-control {
          padding-right: 10px; }
      .player-content .video-player .video-js .vjs-play-control {
        width: 48px;
        height: 48px;
        margin-top: 4px;
        cursor: pointer; }
      .player-content .video-player .video-js .vjs-volume-panel {
        margin-top: 4px; }
      .player-content .video-player .video-js .vjs-live-display {
        margin-top: 3px; }
      .player-content .video-player .video-js .vjs-fullscreen-control {
        margin-top: 3px; }
      .player-content .video-player .video-js.vjs-user-active .vjs-control-bar {
        opacity: 1; }
      .player-content .video-player .video-js .vjs-play-control .vjs-icon-placeholder:before {
        top: -1.5px; }
  .player-content .epg-uri-info-tooltip {
    position: relative;
    z-index: 1001; }

@font-face {
  font-family: Avenir;
  src: url("/calypso/fonts/avenir/AEH.ttf"); }

#mediaLibEditPage.video-editor.version-2 {
  color: #545454;
  overflow: initial; }
  #mediaLibEditPage.video-editor.version-2 .btn {
    padding: 7px 18px;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    border-radius: 4px;
    border: none;
    font-weight: 900;
    text-align: center; }
    #mediaLibEditPage.video-editor.version-2 .btn.btn-blue {
      background-color: #fff;
      color: #008cff;
      background-image: none;
      border: solid 0.9px #008cff; }
      #mediaLibEditPage.video-editor.version-2 .btn.btn-blue--o {
        background-color: #007aff;
        color: white;
        border: solid 0.9px #007aff; }
  #mediaLibEditPage.video-editor.version-2 .tooltip {
    padding: 8px 10px;
    border-radius: 4px;
    position: relative;
    background: #f56f23;
    color: #fff;
    font-weight: 900; }
    #mediaLibEditPage.video-editor.version-2 .tooltip:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #f56f23 transparent transparent transparent; }
  #mediaLibEditPage.video-editor.version-2 .relative {
    position: relative; }
  #mediaLibEditPage.video-editor.version-2 .cursor-default {
    cursor: default !important; }
  #mediaLibEditPage.video-editor.version-2 .video-spinner {
    border-radius: 4px; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--settingsControls {
    overflow: hidden; }
  #mediaLibEditPage.video-editor.version-2 .token-field.is-disabled {
    background-color: #F3F6F8;
    cursor: default;
    border-color: #c8d7e1; }
  #mediaLibEditPage.video-editor.version-2 .page-cover {
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 70000; }
  #mediaLibEditPage.video-editor.version-2 .popup-message {
    width: 550px;
    min-height: 140px;
    background: white;
    color: black;
    padding: 20px 0px;
    border-radius: 15px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: Averta;
    text-align: center; }
    #mediaLibEditPage.video-editor.version-2 .popup-message h3 {
      font-weight: bold;
      font-size: 34px; }
      #mediaLibEditPage.video-editor.version-2 .popup-message h3.popup-header {
        margin-top: 20px; }
    #mediaLibEditPage.video-editor.version-2 .popup-message .three-dots-loading {
      margin: 32px auto; }
    #mediaLibEditPage.video-editor.version-2 .popup-message .close-btn {
      position: absolute;
      right: 20px;
      cursor: pointer;
      top: 20px;
      font-size: 20px; }
    #mediaLibEditPage.video-editor.version-2 .popup-message .content {
      margin: 0 20px;
      font-size: 18px; }
      #mediaLibEditPage.video-editor.version-2 .popup-message .content .btn-bottom {
        border-top: 1px solid;
        margin: 30px -20px -20px -20px;
        padding: 15px;
        cursor: pointer;
        font-size: 13px;
        color: #4D4D4D;
        font-weight: 600; }
    #mediaLibEditPage.video-editor.version-2 .popup-message .button-redirect {
      border-top: 1px solid #4d4d4d;
      margin: 30px 0px -20px 0px;
      padding: 15px;
      cursor: pointer;
      font-size: 14px;
      color: #077FC0;
      font-weight: 600; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-time-control {
    line-height: 16em; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control {
    visibility: visible;
    position: absolute;
    left: 94px;
    top: 16px;
    width: calc(100% - 114px); }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
      margin: 0;
      z-index: 10;
      border-radius: 5px; }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
      border-radius: 5px; }
      #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress::before {
        font-size: 15px;
        top: -5px; }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control .vjs-slider {
      margin: 0; }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control:hover .vjs-time-tooltip {
      padding: 3px 6px 3px 6px; }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder {
      font-size: 1em; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-duration {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-volume-panel {
    margin-top: 90px; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-captions-button {
    margin-top: 50px; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-fullscreen-control {
    margin-top: 101px; }
  #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-button[aria-label="Quality"] {
    margin-top: 20px; }
    #mediaLibEditPage.video-editor.version-2 .media-clip.is-total-ready .featured_Video .video-js .vjs-control-bar .vjs-button[aria-label="Quality"] .vjs-menu {
      bottom: 28px; }
  #mediaLibEditPage.video-editor.version-2 .featured_Image {
    left: 14px;
    top: 17px;
    border-radius: 4px;
    padding: 0px; }
    #mediaLibEditPage.video-editor.version-2 .featured_Image .featured_Image__content .figure-img {
      border-radius: 4px; }
    #mediaLibEditPage.video-editor.version-2 .featured_Image .removeFeatured .close-icon {
      position: absolute;
      top: -2px;
      right: -1px; }
  #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js {
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 4px; }
    #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-tech {
      padding: 0px;
      border-radius: 4px; }
    #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-big-play-button {
      display: none; }
    #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar {
      background: -webkit-linear-gradient(top, transparent, black) !important;
      background: linear-gradient(to bottom, transparent, black) !important;
      margin-bottom: 0px;
      min-height: 136px;
      border-radius: 4px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-play-control {
        width: 56px;
        height: 56px;
        margin-top: 62px;
        background: #007aff;
        margin-left: 18px;
        border-color: #007aff;
        z-index: 100; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-play-control .vjs-icon-placeholder::before {
          top: 3.5px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-time-control {
        line-height: 13em;
        padding-left: 19px;
        font-size: 14px;
        font-weight: 900;
        font-family: Avenir; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-control {
        margin-left: 30px; }
        .is-firefox #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-control {
          margin-left: 0px; }
        .is-ie #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-control {
          margin-left: 5px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-marker, #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .button-refresh {
        display: none; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-progress-control {
        visibility: hidden; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-time-divider {
        display: block;
        padding: 0;
        min-width: 0px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-duration {
        display: block;
        padding-left: 3px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-current-time {
        padding-right: 3px; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-fullscreen-control {
        background: url("/calypso/images/videojs-sprite.png") no-repeat;
        background-position: 0 0;
        width: 20px;
        height: 20px;
        margin-right: 18px;
        margin-top: 81px; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder {
          display: none; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-fullscreen-control[title='Non-Fullscreen'] {
        background-position: -20px 0; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-captions-button {
        margin-top: 40px;
        margin-right: 20px; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-captions-button button {
          background: url("/calypso/images/videojs-sprite.png") no-repeat;
          background-position: -40px 0;
          width: 32px;
          height: 20px; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-captions-button .vjs-icon-placeholder {
          display: none; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-captions-button .vjs-menu {
          margin-bottom: 58px; }
          #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-captions-button .vjs-menu .vjs-menu-content {
            bottom: 2.5em;
            right: 25px;
            width: 70%; }
      #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-panel {
        margin-top: 70px;
        width: 32px;
        margin-right: 18px; }
        #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
          padding-left: 0px;
          padding-right: 0px;
          width: 0px; }
          .is-firefox #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
            width: 100%; }
          #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control .vjs-icon-placeholder::before {
            width: 0px;
            font-size: 26px; }
    #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js.vjs-user-active .vjs-control-bar {
      opacity: 1; }
    #mediaLibEditPage.video-editor.version-2 .featured_Video .video-js .vjs-play-control .vjs-icon-placeholder:before {
      top: -1.5px; }
  #mediaLibEditPage.video-editor.version-2 .thumnail {
    display: none; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline {
    color: #000000;
    padding-bottom: 15px; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline:disabled {
      background: none; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline::-webkit-input-placeholder {
      color: #9B9B9B; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline::-moz-placeholder {
      color: #9B9B9B; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline:-ms-input-placeholder {
      color: #9B9B9B; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline::placeholder {
      color: #9B9B9B; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline :-ms-input-placeholder {
      color: #545454; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .headLine-input .headline ::-ms-input-placeholder {
      color: #545454; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .panelByline {
    margin-top: -0.5px; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .panelByline .prefix {
      font-weight: 900; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .panelByline, #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .byline-loading {
    font-size: 14px;
    color: #545454; }
    #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .panelByline .viewAll-byline, #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .byline-loading .viewAll-byline {
      color: #545454; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .source-video .label {
    color: #545454;
    font-weight: 900; }
  #mediaLibEditPage.video-editor.version-2 .mediaLib__edit--playerContainer .source-video .title {
    color: #545454; }
  #mediaLibEditPage.video-editor.version-2 .timeline {
    position: relative;
    cursor: pointer; }
    #mediaLibEditPage.video-editor.version-2 .timeline .timeline-item {
      display: inline-block;
      overflow: hidden;
      vertical-align: top;
      width: 53.9px;
      height: 21px;
      text-indent: 5px;
      text-overflow: ellipsis;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      color: #d6d6d6;
      font-size: 12px;
      cursor: pointer;
      border-top: 1px solid #d6d6d6;
      border-left: 1px solid #d6d6d6; }
    #mediaLibEditPage.video-editor.version-2 .timeline .timeline-shield {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 32px;
      opacity: 0;
      cursor: pointer;
      font-weight: 900;
      font-size: 11px; }
  #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing {
    margin-bottom: 5px; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .group-btn-horizontal {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
      #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .group-btn-horizontal .full-width {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .play-clip-start, #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .play-clip-end {
      min-width: 120px;
      width: 40%; }
      #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .play-clip-start .fa-play, #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing .play-clip-end .fa-play {
        font-size: 13px;
        margin-right: 2px; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing button {
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 15px;
      font-size: 12px;
      letter-spacing: -0.4px; }
      #mediaLibEditPage.video-editor.version-2 .btn-group-box--timing button:last-child {
        margin-right: 0px; }
  #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start {
    padding-left: 15px;
    padding-right: 15px; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start .clip-group-input {
      border-radius: 4px;
      display: block;
      margin-left: 0;
      margin-right: 7px;
      border: solid 1px #dadada;
      letter-spacing: 1px;
      text-align: center;
      color: #949494;
      font-size: 15px;
      font-weight: 900;
      min-width: 110px; }
      #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start .clip-group-input input {
        color: #949494;
        font-weight: 900; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start .btn-step {
      border: solid 2px #595959;
      border-radius: 50%;
      width: 22px;
      height: 22px;
      color: #595959;
      margin-left: 5px;
      margin-top: 5px;
      cursor: pointer;
      font-size: 13px;
      line-height: 13px; }
  #mediaLibEditPage.video-editor.version-2 .video-scroll-without-ie {
    position: relative;
    overflow-x: hidden;
    height: 123px; }
    #mediaLibEditPage.video-editor.version-2 .video-scroll-without-ie.hidden-scroll .ps__rail-x {
      display: none; }
    #mediaLibEditPage.video-editor.version-2 .video-scroll-without-ie .ps__rail-x {
      background: #d7d7d7;
      height: 6px;
      position: absolute;
      bottom: 0px;
      right: 0;
      left: 0;
      border-radius: 4px; }
      #mediaLibEditPage.video-editor.version-2 .video-scroll-without-ie .ps__rail-x .ps__thumb-x {
        height: 6px;
        border-radius: 4px;
        background-color: #007aff;
        position: absolute; }
  #mediaLibEditPage.video-editor.version-2 .clip-timeline {
    position: relative;
    margin-top: -30px; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline .custom-scroll .horizontal-track {
      background: #d7d7d7;
      height: 6px;
      position: absolute;
      bottom: 0px;
      right: 0;
      left: 0;
      border-radius: 4px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline .custom-scroll .horizontal-track.hidden {
        display: none; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline .custom-scroll .horizontal-handler {
      height: 6px;
      border-radius: 4px;
      background-color: #007aff; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--title {
      padding-top: 20px;
      padding-bottom: 0px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--title b {
        font-size: 14px;
        font-weight: 900;
        letter-spacing: -0.3px;
        color: #545454; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration {
      width: auto;
      padding-top: 40px;
      padding-left: 5px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration.hidden {
        visibility: hidden; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll {
        white-space: nowrap;
        position: relative;
        display: inline-block;
        width: auto;
        padding-top: 10px; }
        .is-safari #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll {
          -webkit-user-select: none; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail {
          margin-top: 12px;
          margin-bottom: 12px;
          margin-left: 15px;
          position: relative;
          height: 55px;
          background: #EAEAEA;
          border-radius: 4px;
          /* Requirement: Make scrub bar all gray when video asset is 30 minutes or less (NMVP-6002) */
          width: calc(100% - 30px); }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .overlay {
            position: absolute;
            height: 100%;
            background: #ffffff;
            opacity: 0.6; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .overlay-left {
            left: 0; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .overlay-right {
            right: 0; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .scroll-key-frame-images-wrapper {
            width: 100%; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .scroll-key-frame-images {
            width: 100%;
            overflow: hidden; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .images-step {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            height: 55px;
            overflow: hidden;
            width: 120%; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .scroll-key-frame-image {
            display: block;
            border-right: 1px solid #EAEAEA;
            height: 55px;
            background-size: cover; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time {
            position: absolute;
            height: 51px;
            border-radius: 4px;
            top: -2px;
            border: 4px solid #008cff;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.36);
            padding: 0 10px;
            margin-left: -16px;
            z-index: 2; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .mark-time-shield {
              position: absolute;
              top: 0;
              left: 15px;
              height: 53px;
              z-index: 15;
              cursor: move; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin, #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout {
              position: absolute;
              top: 0;
              width: 10px;
              height: 51px;
              cursor: ew-resize;
              background: #008cff; }
              #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin:before, #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout:before {
                content: '';
                position: absolute;
                width: 3px;
                height: 40px;
                top: 6px;
                border-left: 1px solid #ffffff;
                border-right: 1px solid #ffffff; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time.very-short-clip .markin, #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time.very-short-clip .markout {
              cursor: initial; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin {
              left: 0; }
              #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin:before {
                left: 1px; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout {
              right: 0; }
              #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout:before {
                right: 1px; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .marktime {
              border-radius: 4px;
              width: 100%;
              height: 100%;
              overflow: hidden;
              position: relative;
              cursor: move; }
              #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .marktime:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border-radius: 4px; }
              #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .marktime span {
                height: 55px;
                width: 125px;
                border-radius: 4px;
                margin-right: 3px;
                display: inline-block; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line {
          position: absolute;
          top: 6px;
          background: #f56f23;
          width: 2px;
          height: 95px;
          z-index: 17;
          cursor: pointer; }
          @media only screen and (min-width: 1650px) {
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line {
              height: 108px; } }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            top: 0px;
            left: -4px;
            background: #f56f23;
            border-radius: 50%;
            cursor: pointer;
            z-index: 16; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line.fixed-tooltip:before {
            content: '';
            position: absolute;
            top: -7px;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #f56f23 transparent transparent transparent;
            cursor: default; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line.fixed-tooltip .tooltip:after {
            display: none; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line .tooltip {
            width: 56px;
            font-size: 13px;
            line-height: 13px;
            text-align: center;
            font-weight: 600;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            z-index: 21;
            position: absolute;
            top: -36px;
            left: -37px;
            cursor: default; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line .tooltip.border-fix {
              border-radius: 4px 4px 0 4px; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line.dragging-clip {
            cursor: ew-resize; }
            #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line.dragging-clip:hover + .current-time-area {
              display: none !important; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .current-time-line.no-tooltip:before {
            display: none; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-timing {
        margin-left: 15px;
        margin-right: 15px; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-timing--minute {
          width: 45px;
          padding-left: 5px;
          font-size: 12px;
          display: inline-block;
          border-top: thin solid #d6d6d6;
          border-left: thin solid #d6d6d6;
          color: #d6d6d6; }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-timing--minute:last-child {
            border-right: thin solid #d6d6d6; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron {
      height: 59px;
      width: 20px;
      top: 82px;
      position: absolute;
      color: #fff;
      background-color: #fff;
      display: none;
      cursor: pointer;
      z-index: 16; }
      .is-firefox #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron, .is-edge #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron, .is-ie #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron {
        top: 83px; }
      .is-ie #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron {
        z-index: 18; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron .chevron-bg-blue {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #008cff; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron .chevron-bg-blue > .fa {
          vertical-align: middle;
          font-size: 14px;
          display: none; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show {
        left: 0;
        display: block;
        -webkit-clip-path: polygon(0 15%, 0 7%, 0 0, 100% 0, 100% 7%, 80% 13%, 80% 89%, 99% 94%, 100% 100%, 0 100%, 0 94%, 0 87%);
                clip-path: polygon(0 15%, 0 7%, 0 0, 100% 0, 100% 7%, 80% 13%, 80% 89%, 99% 94%, 100% 100%, 0 100%, 0 94%, 0 87%); }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show.no-clip-path {
          -webkit-clip-path: none;
                  clip-path: none; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show .chevron-bg-blue {
          border-radius: 4px 0 0 4px;
          box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, 0.36); }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show .chevron-bg-blue > .fa.fa-chevron-left {
            display: block;
            margin-left: 3px; }
            .is-edge #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show .chevron-bg-blue > .fa.fa-chevron-left, .is-ie #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.left.show .chevron-bg-blue > .fa.fa-chevron-left {
              margin: auto; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show {
        right: 0;
        display: block;
        -webkit-clip-path: polygon(19% 13%, 0 7%, 0 0, 100% 0, 100% 6%, 100% 13%, 100% 88%, 100% 94%, 100% 100%, 0 100%, 0 94%, 20% 89%);
                clip-path: polygon(19% 13%, 0 7%, 0 0, 100% 0, 100% 6%, 100% 13%, 100% 88%, 100% 94%, 100% 100%, 0 100%, 0 94%, 20% 89%); }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show.no-clip-path {
          -webkit-clip-path: none;
                  clip-path: none; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show .chevron-bg-blue {
          border-radius: 0 4px 4px 0;
          box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.36); }
          #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show .chevron-bg-blue > .fa.fa-chevron-right {
            display: block;
            margin-left: 7px; }
            .is-edge #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show .chevron-bg-blue > .fa.fa-chevron-right, .is-ie #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron.right.show .chevron-bg-blue > .fa.fa-chevron-right {
              margin: auto; }
  #mediaLibEditPage.video-editor.version-2 .current-time-area {
    width: 56px;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    font-weight: 600;
    position: fixed;
    display: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 21; }
    #mediaLibEditPage.video-editor.version-2 .current-time-area.tooltip:after {
      display: none; }
    #mediaLibEditPage.video-editor.version-2 .current-time-area.tooltip .tooltip-arrow--bottom {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #f56f23 transparent transparent transparent; }
  #mediaLibEditPage.video-editor.version-2 .key-frame-context-menu {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #ffffff;
    background: #303030;
    border-radius: 6px;
    font-size: 14px;
    z-index: 9999;
    padding: 5px 0;
    box-sizing: border-box; }
    #mediaLibEditPage.video-editor.version-2 .key-frame-context-menu .context-menu-item {
      padding: 7px 15px;
      line-height: 1;
      cursor: pointer; }
      #mediaLibEditPage.video-editor.version-2 .key-frame-context-menu .context-menu-item:first-child {
        margin-top: 0; }
      #mediaLibEditPage.video-editor.version-2 .key-frame-context-menu .context-menu-item:hover {
        background-color: #181818; }
  @media (max-width: 1400px) {
    #mediaLibEditPage.video-editor.version-2 .btn-group-box .play-clip-start, #mediaLibEditPage.video-editor.version-2 .btn-group-box .play-clip-end {
      min-width: 0;
      width: auto; } }
  @media (max-width: 1440px) {
    #mediaLibEditPage.video-editor.version-2 .timeline .timeline-item {
      text-indent: 1px; } }
  @media (max-width: 1200px) {
    #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start .clip-group-input {
      border-radius: 4px;
      margin-right: 5px;
      min-width: 95px; }
    #mediaLibEditPage.video-editor.version-2 .btn-group-box .clip-group-start .btn-step {
      min-width: 22px; } }
  #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper {
    padding: 0; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper.left-col {
      padding-left: 15px;
      padding-right: 8px;
      padding-top: 0; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper.right-col {
      padding-right: 15px;
      padding-left: 8px;
      padding-top: 0; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 8px;
      border: solid 1px #ebebeb;
      border-radius: 8px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .cur-keyframe {
        width: 30%;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 4px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .btn-group-box {
        width: 70%;
        margin-left: 8px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn {
        padding: 8px;
        font-size: 10px;
        width: 50%; }
        #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn .fa-play {
          display: none; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn.markin,
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn.markout {
        margin-right: 8px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .clip-group-input {
        height: 30px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .btn-step .fa:before {
        position: relative;
        top: 0.5px; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .clip-group-input {
      position: relative; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .disable-editing {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 100;
      display: none; }
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .disable-editing--active {
      display: block; }
  @media only screen and (min-width: 1400px) {
    #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel {
      padding: 12px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn {
        height: 35px; }
        #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn .fa-play {
          display: inline-block; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .clip-group-input {
        height: 35px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .btn-group-box {
        margin-left: 12px; }
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn.markin,
      #mediaLibEditPage.video-editor.version-2 .action-panel-wrapper .action-panel .action-panel--btn.markout {
        margin-right: 12px; } }

@media only screen and (min-width: 1650px) {
  #mediaLibEditPage.video-editor.version-2 .video-scroll-without-ie {
    height: 133px; }
  #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail {
    height: 70px; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .scroll-key-frame-image,
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .images-step {
      height: 70px; }
    #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time {
      height: 64px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .mark-time-shield {
        height: 68px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin, #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout {
        height: 64px; }
        #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markin:before, #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .markout:before {
          height: 55px;
          top: 5px; }
      #mediaLibEditPage.video-editor.version-2 .clip-timeline--duration .duration-scroll .duration-thumbnail .duration-mark-time .marktime span {
        height: 70px; }
  #mediaLibEditPage.video-editor.version-2 .clip-timeline--chevron {
    height: 72px; } }

.video-editor.version-2 .middle-section {
  z-index: 200;
  margin-top: 10px;
  /**
* Rangeslider
*/ }
  .video-editor.version-2 .middle-section .keyframes-zoom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
    .video-editor.version-2 .middle-section .keyframes-zoom .kyeframes-zoom-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
  .video-editor.version-2 .middle-section .clip-duration {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0; }
    .video-editor.version-2 .middle-section .clip-duration--title {
      font-weight: bold;
      margin-right: 10px;
      margin-left: auto; }
  .video-editor.version-2 .middle-section .kyeframes-zoom-rangeslider {
    padding: 3px 7px;
    border: 1px #ebebeb solid;
    border-radius: 7px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    max-width: 200px; }
  .video-editor.version-2 .middle-section .kyeframes-zoom-title {
    margin-left: 10px;
    color: #888888;
    font-size: 12px; }
  .video-editor.version-2 .middle-section .rangeslider {
    margin: 5px 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none; }
  .video-editor.version-2 .middle-section .rangeslider,
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__fill {
    display: block; }
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__handle {
    background: #f56f23;
    cursor: pointer;
    display: inline-block;
    position: absolute; }
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__handle .rangeslider__active {
    opacity: 1; }
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__handle-tooltip {
    width: 50px;
    height: 30px;
    text-align: center;
    position: absolute;
    background: #303030;
    font-weight: normal;
    font-size: 12px;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    border-radius: 3px;
    display: inline-block;
    color: white;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__handle-tooltip span {
    margin-top: 8px;
    display: inline-block;
    line-height: 100%; }
  .video-editor.version-2 .middle-section .rangeslider .rangeslider__handle-tooltip:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0; }
  .video-editor.version-2 .middle-section .rangeslider-horizontal {
    height: 20px;
    cursor: pointer; }
    .video-editor.version-2 .middle-section .rangeslider-horizontal:before {
      position: absolute;
      height: 4px;
      width: 100%;
      background: #888888;
      top: 8px;
      margin-bottom: -2px;
      content: '';
      border-radius: 3px; }
  .video-editor.version-2 .middle-section .rangeslider-horizontal .rangeslider__fill {
    height: 100%;
    border-radius: 10px;
    top: 0; }
  .video-editor.version-2 .middle-section .rangeslider-horizontal .rangeslider__handle {
    width: 12px;
    height: 11px;
    top: 57%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
    .video-editor.version-2 .middle-section .rangeslider-horizontal .rangeslider__handle:before {
      border-bottom: 6px solid #f56f23;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      top: -6px;
      width: 0; }
  .video-editor.version-2 .middle-section .rangeslider-horizontal .rangeslider__handle-tooltip {
    top: -45px; }
  .video-editor.version-2 .middle-section .rangeslider-horizontal .rangeslider__handle-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #303030;
    left: 50%;
    bottom: -7px;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .video-editor.version-2 .middle-section .rangeslider__labels .rangeslider__label-item {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    top: 10px;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  @media only screen and (min-width: 1400px) {
    .video-editor.version-2 .middle-section .kyeframes-zoom-rangeslider {
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial;
      width: 200px; } }

@media only screen and (min-width: 1400px) {
  .video-editor.version-2 .middle-section .clip-duration {
    font-size: 14px; } }

.video-editor.version-2 .video-section-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #303030;
  padding-top: 0 !important;
  margin-top: 20px; }
  .video-editor.version-2 .video-section-wrapper .video-section {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute; }
    .video-editor.version-2 .video-section-wrapper .video-section .video-spinner {
      position: absolute;
      width: 100%;
      height: calc(100% - 10px);
      left: 0;
      top: 10px;
      z-index: 10;
      background: black;
      /* Safari */ }
      .video-editor.version-2 .video-section-wrapper .video-section .video-spinner .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -40.5px;
        margin-left: -40.5px;
        border: 12px solid #616161;
        border-radius: 50%;
        border-top-color: #007aff;
        width: 57px;
        height: 57px;
        -webkit-animation: spin 2s linear infinite;
        /* Safari */
        animation: spin 2s linear infinite; }
        .video-editor.version-2 .video-section-wrapper .video-section .video-spinner .loader-message {
          position: absolute;
          width: 100%;
          top: calc(50% + 62.5px);
          font-size: 16px;
          font-family: inherit;
          color: white; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .video-editor.version-2 .video-section-wrapper .abridgedinfo-graphic {
    height: 100%;
    margin-top: 0; }
  .video-editor.version-2 .video-section-wrapper .abridgedinfo-graphic.abridgedinfo-video .featured_Video {
    padding-bottom: initial;
    height: 100%;
    background: transparent;
    padding-top: 0; }
  .video-editor.version-2 .video-section-wrapper .featured_Image {
    left: 3px;
    z-index: 10; }
  .video-editor.version-2 .video-section-wrapper .featured_Text {
    position: absolute;
    text-align: left;
    left: 15px;
    top: 22px;
    color: white;
    padding: 3px;
    font-size: 13px;
    font-weight: bold;
    z-index: 10;
    width: 58%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .video-editor.version-2 .video-section-wrapper .featured_Text:hover .removeFeatured {
      opacity: 1;
      visibility: visible; }
  .video-editor.version-2 .video-section-wrapper .capture-image-btn {
    font-size: 12px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 19; }
    .video-editor.version-2 .video-section-wrapper .capture-image-btn .capture-image-area {
      cursor: pointer;
      margin-left: auto;
      width: 100%;
      max-width: 200px;
      padding: 8px 18px; }
      .video-editor.version-2 .video-section-wrapper .capture-image-btn .capture-image-area .fa-camera {
        line-height: 14px; }
      .video-editor.version-2 .video-section-wrapper .capture-image-btn .capture-image-area.is-press {
        cursor: not-allowed; }
      .is-ie .video-editor.version-2 .video-section-wrapper .capture-image-btn .capture-image-area {
        display: none; }
      .video-editor.version-2 .video-section-wrapper .capture-image-btn .capture-image-area i.fa {
        margin-right: 4px;
        font-size: 14px;
        vertical-align: middle;
        position: relative;
        top: -1px; }

.video-js-on-cms .video-js {
  position: inherit;
  width: 100%;
  padding-bottom: 56%; }
  .video-js-on-cms .video-js .vjs-control-bar {
    height: 4.0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #E5E5E5 !important;
    color: #4E4E4E;
    font-size: 17px;
    margin-bottom: -78px; }
    .video-js-on-cms .video-js .vjs-control-bar.isFullscreen {
      background-color: transparent !important;
      margin-bottom: 8px;
      padding: 8px;
      color: #fff; }
    .video-js-on-cms .video-js .vjs-control-bar .vjs-play-control {
      border-width: 3px; }
  .video-js-on-cms .video-js .vjs-time-divider.vjs-time-control {
    display: block;
    padding: 0;
    min-width: 0; }
  .video-js-on-cms .video-js .vjs-duration {
    display: block; }
  .video-js-on-cms .video-js .vjs-captions-button .vjs-icon-placeholder {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .video-js-on-cms .video-js .vjs-captions-button .vjs-icon-placeholder:before {
      content: "\f20a"; }
  .video-js-on-cms .video-js .vjs-captions-button .vjs-icon-placeholder:before,
  .video-js-on-cms .video-js .vjs-volume-panel .vjs-icon-placeholder:before {
    font-size: 1em;
    margin-top: 10px; }
  .video-js-on-cms .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 2em; }
    .video-js-on-cms .video-js .vjs-volume-panel.vjs-volume-panel-vertical .vjs-mute-control {
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      width: 0; }
  .video-js-on-cms .video-js .vjs-time-control {
    padding: 0 4px;
    font-size: 0.8em;
    line-height: 3.7em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600; }
    .video-js-on-cms .video-js .vjs-time-control.vjs-current-time {
      padding-left: 16px; }
  .video-js-on-cms .video-js .vjs-progress-holder {
    height: 0.2em; }
  .video-js-on-cms .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
    background-color: #505050; }
  .video-js-on-cms .video-js .vjs-play-progress {
    background-color: #3671ED;
    height: 160%;
    margin-top: -1px; }
  .video-js-on-cms .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1em; }
  .video-js-on-cms .video-js .vjs-marker {
    font-size: 24px;
    background-color: transparent !important; }
    .video-js-on-cms .video-js .vjs-marker.tip-markin::before {
      content: '';
      width: 21px;
      height: 21px;
      background: url(/calypso/images/video-arrow-left-brightening.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -10px;
      left: -15px;
      visibility: hidden; }
    .video-js-on-cms .video-js .vjs-marker.tip-markin::after {
      content: '';
      width: 21px;
      height: 21px;
      background: url(/calypso/images/video-arrow-left.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -10px;
      left: -15px;
      visibility: visible; }
    .video-js-on-cms .video-js .vjs-marker.tip-markin:hover::after {
      -webkit-filter: brightness(1.2);
      -moz-filter: brightness(1.2);
      -ms-filter: brightness(1.2);
      -o-filter: brightness(1.2);
      filter: brightness(1.2); }
    .video-js-on-cms .video-js .vjs-marker.tip-markout::before {
      content: '';
      width: 21px;
      height: 21px;
      background: url(/calypso/images/video-arrow-right-brightening.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -10px;
      left: 0;
      visibility: hidden; }
    .video-js-on-cms .video-js .vjs-marker.tip-markout::after {
      content: '';
      width: 21px;
      height: 21px;
      background: url(/calypso/images/video-arrow-right.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: -10px;
      left: 0;
      visibility: visible; }
    .video-js-on-cms .video-js .vjs-marker.tip-markout:hover::after {
      -webkit-filter: brightness(1.2);
      -moz-filter: brightness(1.2);
      -ms-filter: brightness(1.2);
      -o-filter: brightness(1.2);
      filter: brightness(1.2); }
  .video-js-on-cms .video-js .vjs-play-progress:before {
    opacity: 0; }
  .video-js-on-cms .video-js .vjs-control-bar .button-refresh {
    width: 40px;
    font-size: 25px;
    margin-left: 5px;
    padding-right: 10px; }

.video-js-on-cms .clip_id-dimensions {
  height: inherit;
  width: 100%;
  padding-bottom: 56%; }

.video-js-on-cms .vjs-control-bar .vjs-big-play-button {
  display: none !important; }

.video-js-on-cms .vjs-button > .vjs-icon-placeholder:before {
  line-height: 1.6; }

.video-js-on-cms .empty-control-bar {
  position: absolute;
  bottom: -77px;
  width: calc(100% - 30px);
  height: 68px;
  background: #E5E5E5; }

@media only screen and (min-width: 1441px) and (max-width: 1980px) {
  .video-editor.version-2 .video-section-wrapper {
    max-height: 360px;
    padding-bottom: 34vh; } }

@media only screen and (max-width: 1440px) {
  .video-editor.version-2 .video-section-wrapper {
    max-height: 340px;
    padding-bottom: 40%; } }

.three-dots-loading {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
  .three-dots-loading div {
    width: 18px;
    height: 18px;
    background-color: #61BD75;
    margin: 0px 6px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .three-dots-loading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .three-dots-loading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    opacity: 0;
    opacity: 0; }
  40% {
    opacity: 1;
    opacity: 1; } }

.react-autosuggest__container {
  position: relative; }

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa; }

.react-autosuggest__input--focused {
  outline: none; }

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.react-autosuggest__suggestions-container {
  display: none; }

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 40px;
  width: 100%;
  max-height: 132px;
  overflow-y: auto;
  box-sizing: border-box;
  color: #6a6a6a;
  border: 1px solid #aaa;
  background-color: #fff;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2; }

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd; }

.validate-featured .title-noti {
  font-weight: bold;
  text-align: right; }

.validate-featured .detail {
  float: right; }

#assignment-area {
  margin-top: 17px; }
  #assignment-area .accordion.is-expanded .accordion__content {
    display: block; }
  #assignment-area .accordion .accordion__content {
    display: none; }
    #assignment-area .accordion .accordion__content section {
      position: relative; }
    #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area {
      position: absolute;
      top: 35px;
      padding-top: 10px;
      width: 100%;
      max-height: 250px;
      z-index: 100;
      overflow-y: auto;
      background: #fff;
      box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar {
        width: 9px;
        height: 9px; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar-button:start:decrement, #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar-button:end:increment {
        display: block;
        height: 0;
        background-color: transparent; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar-thumb:vertical, #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area::-webkit-scrollbar-thumb:horizontal {
        background-color: #c8d7e1;
        -webkit-border-radius: 8px;
        border: 1px solid #fff; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area .parent-info {
        height: 29px; }
        #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area .parent-info:hover {
          background: #0068ff;
          color: #fff; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area .parent-info-disabled {
        height: 29px;
        cursor: not-allowed; }
        #assignment-area .accordion .accordion__content .search-parent-area .parent-list-area .parent-info-disabled:hover {
          background: lightgray;
          color: #fff; }
    #assignment-area .accordion .accordion__content .search-parent-area .parent-title {
      margin-bottom: 0;
      line-height: 30px; }
      #assignment-area .accordion .accordion__content .search-parent-area .parent-title:hover {
        color: #33bbe3; }
    #assignment-area .accordion .accordion__content .assigned-list-area .assign-title {
      float: left;
      width: 100%; }
      #assignment-area .accordion .accordion__content .assigned-list-area .assign-title .text {
        float: left;
        max-width: calc(100% - 28px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #assignment-area .accordion .accordion__content .assigned-list-area .assign-title .fa {
        margin-left: 4px;
        cursor: pointer;
        color: #077fc0; }
    #assignment-area .accordion .accordion__content .assigned-list-area .assign-position {
      max-width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.dialog-assignment-confirm__backdrop {
  -webkit-box-align: center;
  height: 100%;
  width: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  z-index: 66000; }
  .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder {
    background: transparent;
    box-shadow: none;
    width: 100%; }
    .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign {
      margin: auto;
      width: 440px;
      background: white;
      border: 1px solid #979797;
      border-radius: 18px;
      font-family: averta; }
      .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-title, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-title {
        margin: 20px 0px 30px 20px;
        color: #000000;
        font-size: 34px;
        line-height: 1;
        font-weight: bold; }
      .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-body, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-body {
        margin: 0px 20px 30px 20px;
        color: #4A4A4A;
        font-size: 18px;
        line-height: 22px; }
      .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-footer, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-footer {
        border-top: 1px solid #979797;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-footer .assign-button, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-footer .assign-button {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          font-size: 14px;
          padding: 20px 0px;
          text-align: center;
          font-weight: bold;
          cursor: pointer;
          color: #4A4A4A;
          line-height: 1; }
          .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-footer .assign-button.assign-cancel, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-footer .assign-button.assign-cancel {
            border-right: 1px solid #979797; }
          .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.card .dialog-assign .modal-footer .assign-button.assign-save, .dialog-assignment-confirm__backdrop .dialog-assignment-confirm.editor-drawer-well__placeholder .dialog-assign .modal-footer .assign-button.assign-save {
            color: #077FC0; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 2; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 9px;
    border-radius: 0; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 22px;
    border-radius: 0; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #f3f6f8;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 13px; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02); }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 12.75px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

.text-success {
  color: #4ab866; }

.text-danger {
  color: #d94f4f; }

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

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

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

.text-justify {
  text-align: justify; }

.text-uppercase {
  text-transform: uppercase; }

.masterbar__item-logo {
  display: initial; }

.app_config {
  position: relative; }

.app_config::after {
  font-size: 22px;
  content: "";
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: Noticons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #a8bece; }

.toolHeaderSiteAccess {
  margin-left: auto;
  margin-right: 15px; }
  .toolHeaderSiteAccess .wrapper-siteAccess {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px; }
    .toolHeaderSiteAccess .wrapper-siteAccess label {
      padding-top: 4px; }
    .toolHeaderSiteAccess .wrapper-siteAccess .FranklyDropdown-root {
      width: 220px;
      margin-left: 10px;
      height: 36px;
      font-size: 12px; }

.navbar-usermenu {
  display: inline-block;
  position: relative;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s; }
  .navbar-usermenu .dropdown-usermenu {
    width: 300px;
    position: absolute;
    font-size: 13px;
    right: 0px;
    width: 190px;
    visibility: hidden;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s; }
    .navbar-usermenu .dropdown-usermenu ul {
      margin: 0;
      padding: 8px 0;
      background-color: white;
      border: 1px solid #c8d7e1;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
      margin-top: 10px; }
      .navbar-usermenu .dropdown-usermenu ul li {
        list-style: none; }
        .navbar-usermenu .dropdown-usermenu ul li a {
          display: block;
          text-decoration: none;
          padding: 10px 16px 10px 55px;
          position: relative;
          color: #2e4453;
          cursor: pointer; }
          .navbar-usermenu .dropdown-usermenu ul li a:hover {
            background: #0068ff;
            color: #fff; }
          .navbar-usermenu .dropdown-usermenu ul li a .link-dropdown {
            margin-left: 10px; }
          .navbar-usermenu .dropdown-usermenu ul li a .gridicon {
            height: 24px;
            left: 20px;
            position: absolute;
            top: 6px;
            width: 24px; }

.dropdown-usermenu .tip-arrow {
  border: 10px dashed #c8d7e1;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
  z-index: 1; }

.dropdown-usermenu .tip-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: medium none;
  right: 14px;
  top: 0; }

.dropdown-usermenu .tip-arrow::before {
  top: 2px;
  border: 10px solid white;
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  left: auto;
  right: -10px; }

.navbar-usermenu:hover > .dropdown-usermenu {
  visibility: visible; }

.loading {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  width: 50px;
  height: 50px;
  border-radius: 54px;
  border: 4px solid #E5E5E5; }

.loading:after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  border: 4px solid #6DBDE9;
  border-radius: 54px;
  height: 50px;
  width: 50px;
  clip: rect(0px, 50px, 40px, 0px);
  -webkit-animation: rotate 2s;
          animation: rotate 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.panel {
  background: #fff;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
  margin-bottom: 15px; }

.panel-heading {
  padding: 15px;
  color: #668eaa;
  font-weight: 600;
  font-size: 15px; }

.panel-content {
  border-top: 1px solid #e9eff3;
  padding: 15px; }
  .panel-content .form-text-input-with-affixes__prefix {
    font-weight: normal; }
  .panel-content .form-text-input-with-affixes__prefix, .panel-content .form-text-input {
    font-size: 13px; }

.foldable-card__main > div {
  color: #668eaa !important;
  font-weight: 600 !important;
  font-size: 15px !important; }

.is-full {
  width: 100%; }

.txt-more-info {
  padding-top: 15px;
  clear: both;
  font-size: 12px; }
  .txt-more-info p {
    margin-bottom: 5px; }

.current-section a {
  min-height: 38px; }

.sidebar__menu .edit-app .menu-link-text {
  display: block;
  margin-right: 15px;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dashboard-link.selected {
  color: #2e4453 !important; }

.sidebar__menu .dashicons-dashboard {
  font-size: 24px;
  color: #87a6bc; }

.sidebar__menu .selected .dashicons-dashboard {
  color: #fff; }

.sidebar__menu .dashboard:hover:not(.selected) .dashicons-dashboard {
  color: #0068ff; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"] {
  height: 40px; }

.pageNotFound {
  text-align: center;
  margin-left: -272px;
  margin-top: 80px; }
  @media (max-width: 660px) {
    .pageNotFound {
      margin-left: 0; } }
  .pageNotFound h1 {
    font-size: 130px;
    color: #8F8E8C;
    line-height: 1; }
    @media (max-width: 660px) {
      .pageNotFound h1 {
        font-size: 70px; } }
  .pageNotFound p {
    margin-bottom: 30px;
    font-size: 34px; }
    @media (max-width: 660px) {
      .pageNotFound p {
        font-size: 20px; } }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .form-text-input-with-affixes__suffix.colorspicker {
    padding: 2px 5px 0 5px; }
  .tab-panel .form-text-input-with-affixes__prefix {
    width: 200px;
    max-width: 200px; }
  .tab-panel .form-text-input-with-affixes__suffix.colorspicker {
    padding: 2px 5px 0 5px !important; } }

@media (max-width: 480px) {
  .navbar-usermenu .dropdown-usermenu {
    width: 165px; }
  .masterbar__item-logo .masterbar__item-content {
    display: block; }
  .masterbar__item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    padding: 0 10px; } }

.focus-sidebar .sidebar, .focus-sidebar .post-editor__sidebar {
  z-index: 10; }

.class__production {
  display: none; }

input.token-field__input[type="text"] {
  height: 24px !important; }

.navbar-usermenu .dropdown-usermenu {
  transition: none;
  -webkit-transition: none; }

.form-input-validation {
  padding: 6px 24px 11px 30px;
  font-size: 12px; }
  .form-input-validation .gridicon {
    margin-left: -30px;
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px; }

.tooltip.popover.tip-top .tip-arrow, .tooltip.popover.tip-top-left .tip-arrow, .tooltip.popover.tip-top-right .tip-arrow {
  bottom: 5px; }

.errorColor {
  padding-left: 190px; }

.global-setting .col-sm-9 .errorColor {
  padding-left: 0; }

/*===============================AMS update css  =================*/
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

.custom_select_style {
  width: 100%;
  border-radius: 0;
  border-width: 1px; }

.row-input {
  margin-bottom: 10px; }
  .row-input .menu-item-form-label {
    padding-bottom: 5px !important;
    text-transform: none !important; }

.section-adTargetMultiple {
  margin-bottom: 15px; }
  .section-adTargetMultiple h3 {
    font-size: 16px;
    margin-bottom: 10px; }
  .section-adTargetMultiple .section-adTargetMultiple {
    font-size: 16px;
    margin-bottom: 10px; }
  .section-adTargetMultiple .button {
    padding: 4px 14px 4px;
    border-radius: 4px !important;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x;
    border-color: #dbdbdb !important;
    border-color: #ccc !important;
    color: #494949 !important;
    cursor: pointer; }
    .section-adTargetMultiple .button:hover {
      color: red !important; }
    .section-adTargetMultiple .button:focus {
      box-shadow: none !important; }
    .section-adTargetMultiple .button:disabled {
      background: #c6c9ce;
      background-image: none !important;
      color: #fff !important;
      text-shadow: none;
      cursor: default; }
  .section-adTargetMultiple .button + .button {
    margin-left: 10px; }

.list-adTargetMultiple {
  border: 1px solid #ececec;
  padding: 0 5px;
  font-size: 12px;
  margin-bottom: 5px; }
  .list-adTargetMultiple .row.header-adTargetMultiple {
    background: #dddddd !important;
    padding-top: 10px;
    padding-bottom: 10px; }
  .list-adTargetMultiple .txt-ic_remove {
    font-size: 0; }
    @media (max-width: 767px) {
      .list-adTargetMultiple .txt-ic_remove {
        font-size: 12px; } }
  .list-adTargetMultiple .ic-remove__adTarget {
    font-size: 16px;
    padding: 6px;
    display: inline-block;
    color: #2e4453;
    cursor: pointer;
    height: 40px; }
    .list-adTargetMultiple .ic-remove__adTarget:hover {
      color: red; }
  .list-adTargetMultiple div[class*="col-md"] {
    padding-left: 5px;
    padding-right: 5px; }
  .list-adTargetMultiple .row {
    padding: 6px 10px;
    margin-left: -5px;
    margin-right: -5px; }
    @media (max-width: 767px) {
      .list-adTargetMultiple .row {
        padding: 6px 1px; } }
    .list-adTargetMultiple .row label {
      font-weight: bold; }
    .list-adTargetMultiple .row:nth-child(even) {
      background: #f2f2f2; }
    .list-adTargetMultiple .row .col-md-1 {
      text-align: center; }
      @media (max-width: 767px) {
        .list-adTargetMultiple .row .col-md-1 {
          text-align: right; } }
  .list-adTargetMultiple .form-select {
    width: 100%;
    border-radius: 0;
    border: 1px 1px 1px !important; }
    @media (max-width: 767px) {
      .list-adTargetMultiple .form-select {
        padding-left: 2px; } }

.externalUrl_field .errorField {
  position: absolute;
  z-index: 11;
  background: #d94f4f;
  color: #fff;
  border-radius: 4px;
  left: 0;
  top: 45px; }
  .externalUrl_field .errorField:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #d94f4f;
    left: 6px;
    top: -6px; }

.externalUrl_field .form-input-validation {
  padding: 3px 24px 3px 25px;
  color: #fff; }
  .externalUrl_field .form-input-validation .gridicon {
    width: 15px;
    margin-left: -20px !important; }

@media (max-width: 800px) {
  .errorColor {
    padding-left: 15px; } }

@media (max-width: 768px) {
  .themesConfig .errorColor {
    padding-left: 0; } }

.menu-item-category-carousel {
  margin-right: 20px;
  font-size: 13px;
  right: 0;
  position: absolute; }

.color-categoryCarousel,
.color-weather {
  background-color: #ccc; }

.import-data-item {
  box-shadow: 0 0 0 2px #827878, 0 1px 2px #e9eff3;
  margin-top: 10px;
  padding: 10px; }

.ul_summaryErrors.ul_summaryErrors_show {
  overflow: hidden;
  overflow-y: auto !important;
  max-height: 390px !important;
  width: calc(100% + 44px); }
  .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
  .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar-button:start:decrement, .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent; }
  .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px; }
  .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar-thumb:vertical, .ul_summaryErrors.ul_summaryErrors_show::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 8px;
    border: 1px solid #fff; }

.notice.is-error {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start; }

.menus__menu-name .errorField .is-error {
  color: #d94f4f;
  top: 10px; }

.disabled-parent--disabled-element {
  pointer-events: none; }

.enabled-parent--disabled-element {
  pointer-events: none;
  opacity: 0.7; }

.hidden-element {
  display: none !important; }

.disabled-element {
  pointer-events: none;
  opacity: 0.7;
  user-select: none;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */ }

.disabled-element-none-opacity {
  pointer-events: none; }

.menu-item-weather {
  margin-right: 55px;
  font-size: 13px;
  right: 0;
  position: absolute; }

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
 */
/*************************************
 * CONFIG
 */
/*************************************
 * MIXINS
 */
/*************************************
 * BUTTON BASE
 */
.ladda-button {
  position: relative; }

/* Spinner animation */
.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none; }

/* Button label */
.ladda-button .ladda-label {
  position: relative;
  z-index: 3; }

/* Progress bar */
.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s linear all !important;
  transition: 0.1s linear all !important; }

.ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible; }

/*************************************
 * EASING
 */
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }

.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
  -webkit-transition: 0.3s ease all !important;
  transition: 0.3s ease all !important; }

/*************************************
 * EXPAND LEFT
 */
.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px; }

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: -12px; }

.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px; }
  .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1; }
  .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px; }

/*************************************
 * EXPAND RIGHT
 */
.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px; }

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px; }

.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px; }
  .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1; }
  .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px; }

/*************************************
 * EXPAND UP
 */
.ladda-button[data-style=expand-up] {
  overflow: hidden; }
  .ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0; }
  .ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px; }
    .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
      opacity: 1;
      top: 26px;
      margin-top: 0; }
    .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
      padding-top: 32px; }
      .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
        top: 4px; }

/*************************************
 * EXPAND DOWN
 */
.ladda-button[data-style=expand-down] {
  overflow: hidden; }
  .ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: 0; }
  .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,
  .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px; }
  .ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px; }
    .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
      opacity: 1; }
    .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
      padding-bottom: 32px; }

/*************************************
 * SLIDE LEFT
 */
.ladda-button[data-style=slide-left] {
  overflow: hidden; }
  .ladda-button[data-style=slide-left] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0; }
  .ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%; }
  .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE RIGHT
 */
.ladda-button[data-style=slide-right] {
  overflow: hidden; }
  .ladda-button[data-style=slide-right] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px; }
  .ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%; }
  .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE UP
 */
.ladda-button[data-style=slide-up] {
  overflow: hidden; }
  .ladda-button[data-style=slide-up] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em; }
  .ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em; }
  .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * SLIDE DOWN
 */
.ladda-button[data-style=slide-down] {
  overflow: hidden; }
  .ladda-button[data-style=slide-down] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em; }
  .ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em; }
  .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * ZOOM-OUT
 */
.ladda-button[data-style=zoom-out] {
  overflow: hidden; }

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: 32px;
  -webkit-transform: scale(2.5);
  transform: scale(2.5); }

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  -webkit-transform: none;
  transform: none; }

/*************************************
 * ZOOM-IN
 */
.ladda-button[data-style=zoom-in] {
  overflow: hidden; }

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(0.2);
  transform: scale(0.2); }

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(2.2);
  transform: scale(2.2); }

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  -webkit-transform: none;
  transform: none; }

/*************************************
 * CONTRACT
 */
.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px; }

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: 0; }

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px; }

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1; }

/*************************************
 * OVERLAY
 */
.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px transparent; }

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: 0; }

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1; }

/* Fix_merge_Calypso */
html {
  overflow-y: inherit; }

body {
  height: initial;
  background-color: #ffffff;
  color: #2a2e33;
  font-weight: 400; }

.saveforce-import {
  margin-left: 30px;
  /* margin-top: 27px; */
  font-size: 15px;
  color: red; }

.mar10b {
  margin-bottom: 10px; }

.masterbar {
  background: #2a2e33;
  border-bottom: none; }

.gridicons-user-circle {
  color: #2a2e33; }

.masterbar__item {
  font-size: 14px; }

.masterbar__item-me-label {
  font-weight: bold; }

.sidebar, .post-editor__sidebar {
  background-color: #f7f7f7;
  border-right: none; }

.sidebar__heading {
  color: #2a2e33;
  font-size: 14px; }

.panel-heading {
  font-size: 14px;
  color: #2a2e33; }

.current-site.card, .current-site.editor-drawer-well__placeholder, .current-site.editor-drawer-well__placeholder {
  background: none;
  border-bottom: none; }

.site__domain, .site__title {
  color: #2a2e33; }

.site__title {
  font-size: 12px; }

.site__domain {
  font-size: 9px; }

.section-title {
  color: #2a2e33;
  font-weight: 600;
  font-size: 22px; }

.heading-block::after, .heading-block::before {
  display: none; }

.menus__menu-name {
  font-size: 22px; }

@media (max-width: 480px) {
  .foldable-card__main {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto; } }

.foldable-card__main > div {
  font-size: 14px !important;
  color: #2a2e33 !important; }

.form-legend {
  font-size: 12px; }

.desc-app {
  font-size: 12px; }

.devdocs, .design-assets {
  color: #2a2e33; }

.txt-more-info {
  font-size: 12px; }

.menus__menu-item {
  font-size: 12px; }
  .menus__menu-item.is-empty .menu-item-name::before {
    display: none; }
  .menus__menu-item .menu-item-name {
    font-size: 12px; }

.menus__items {
  background-color: #f7f7f7; }

.menus__pickers {
  background-color: #f7f7f7;
  box-shadow: none; }

.menus__picker label {
  font-size: 12px; }

.menus__picker label::after {
  color: #2a2e33;
  font-size: 32px;
  top: 0; }

.menus__picker label::before {
  color: #2a2e33; }

.menus__picker select {
  font-size: 14px;
  border: 0; }
  .menus__picker select option {
    font-weight: normal;
    color: #2a2e33; }
  .menus__picker select:focus {
    outline: 0 !important; }

a.menus__menu-item + .errorField {
  margin-left: 20px; }

a.menus__menu-item.depth-2 + .errorField {
  margin-left: 40px; }

.menus__menu-item .action-tray .menu-item-action::before {
  color: #2a2e33; }

.menus__menu-item .menu-item-name::before {
  font-family: "FontAwesome" !important;
  content: "" !important;
  color: #2a2e33; }

@media (max-width: 480px) {
  .menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options {
    padding-left: 10px; } }

.contentTypeCom {
  margin-left: 45px;
  margin-bottom: 3px;
  text-align: left; }
  .contentTypeCom label b {
    color: #2a2e33;
    margin-right: 5px; }
  .contentTypeCom .checkbox-inline {
    margin-right: 10px; }
    .contentTypeCom .checkbox-inline:last-child {
      margin-right: 0; }

.notouch .sidebar__menu li:hover:not(.selected) a {
  color: #039BF9;
  font-weight: bold;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after {
    background: none; }

.notouch .sidebar__menu li:hover:not(.selected) .gridicon {
  fill: #039BF9; }

.sidebar__menu a {
  color: #2a2e33;
  font-size: 12px !important;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .sidebar__menu a:first-child:after {
    background: none; }

.sidebar__menu .gridicon {
  fill: #2a2e33;
  font-size: 24px;
  top: 9px; }
  @media (max-width: 660px) {
    .sidebar__menu .gridicon {
      font-size: 24px;
      top: 14px; } }
  .sidebar__menu .gridicon img {
    position: relative;
    top: -2px; }

.sidebar__menu .selected {
  background-color: #c6c9ce; }
  .sidebar__menu .selected a {
    color: #039BF9;
    font-weight: bold; }
    .sidebar__menu .selected a:first-child:after {
      background: none; }
  .sidebar__menu .selected .gridicon {
    fill: #039BF9; }
  .sidebar__menu .selected.is-action-button-selected a:first-child:after {
    background: none; }

.menus__picker label, .menus__picker select {
  color: #2a2e33; }

.menus__picker .menu-picker-select {
  outline: none !important; }

.menus__add-item-footer-label::after {
  color: #2a2e33; }

.menus__picker.is-menu label::before {
  font-family: FontAwesome;
  content: '\f039'; }

.menus__menu-item .action-tray .menu-item-action.cog::before {
  font-family: FontAwesome;
  content: '\f013'; }

.menus__menu-name {
  font-weight: normal; }

.menus__add-item-footer-label {
  color: #2a2e33; }

@media (max-width: 480px) {
  .menus__menu-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-left: 0;
    margin-right: 0; }
    .menus__menu-header .menus__menu-name {
      width: 100%; }
    .menus__menu-header .menus__menu-actions {
      margin-bottom: 10px; }
      .menus__menu-header .menus__menu-actions button {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: 5px; } }

a:focus {
  outline: none; }

input[type=checkbox]:checked:before, .checkbox-tristate:checked:before,
.checkbox-tristate:checked:before,
input[type=radio]:checked:before {
  color: #0068ff; }

.control-label {
  padding-top: 12px; }
  @media (max-width: 767px) {
    .control-label {
      padding-top: 0; } }

.col-sm-3.form-label {
  padding-right: 0; }

.inputColor .form-text-input-with-affixes__suffix {
  background: #f7f7f7;
  color: #2a2e33; }

.inputColor .form-text-input-with-affixes__prefix {
  background: none;
  border: none;
  color: #2a2e33; }

select {
  color: #2a2e33;
  border-color: #dbdbdb;
  height: 40px; }
  select:focus {
    border: 1px solid #0068ff;
    outline: none;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); }
  select.select-custom {
    width: 100%; }
  select option {
    font-weight: bold; }

.menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options .menu-item-form-label,
.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label,
.menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li input[type=radio] + label {
  color: #2a2e33;
  font-size: 12px;
  font-weight: normal; }

.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label,
.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label:before,
.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li:hover > label,
.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li:hover > label:before,
.menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options li:hover input[type=radio] + label {
  color: #0068ff; }

.menus__menu-item-open {
  color: #2a2e33; }

.menus__menu-name span.is-editable a::before {
  color: #2a2e33; }
  .menus__menu-name span.is-editable a::before:hover {
    color: #00aadc; }

input[type="text"], input[type="search"],
input[type="email"], input[type="number"],
input[type="password"], input[type="checkbox"],
.checkbox-tristate, input[type="radio"],
input[type="tel"], input[type="url"],
textarea,
.token-field, .editor-slug.editor-more-options__slug-field input.form-text-input[type="text"] {
  border: 1px solid #dbdbdb;
  font-size: 12px !important; }
  input[type="text"]:focus, input[type="search"]:focus,
  input[type="email"]:focus, input[type="number"]:focus,
  input[type="password"]:focus, input[type="checkbox"]:focus,
  .checkbox-tristate:focus, input[type="radio"]:focus,
  input[type="tel"]:focus, input[type="url"]:focus,
  textarea:focus,
  .token-field:focus, .editor-slug.editor-more-options__slug-field input.form-text-input[type="text"]:focus {
    border-color: #0068ff;
    outline: none;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); }

.panel-content .form-text-input-with-affixes__prefix,
.panel-content .form-text-input, .global-setting label.form-label,
.global-setting input[type="checkbox"] + span, .global-setting .checkbox-tristate + span, .global-setting input[type="radio"] + span,
select, .form-label, .FrmUniversalFind label.form-label, .checkbox-inline,
.menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label,
.menus__menu-item-open .editable-item-content .menus__types-and-options-container .menu-item-options,
.tab-panel {
  font-size: 12px; }

.form-text-input-with-affixes button {
  font-size: 14px; }

.bntToDefault {
  margin-left: 10px; }

.button.is-compact.is-borderless {
  border: none;
  font-weight: normal; }
  .button.is-compact.is-borderless:hover {
    background: none;
    border: none; }
  .button.is-compact.is-borderless:focus {
    color: #2e4453; }

.button.is-borderless.is-scary:focus {
  color: #a02222; }

.button {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: #2a2d32;
  font-weight: bold;
  border: 1px solid #2a2d32;
  color: #ffffff;
  border-radius: 0;
  box-sizing: border-box;
  font-size: 14px; }
  .button:hover, .button:focus {
    background: #111;
    border: 1px solid #111;
    color: #fff; }
  .button[disabled], .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button, .button:disabled {
    color: #ffffff;
    border-color: #c6c9ce;
    background: #c6c9ce;
    border-style: solid;
    border-width: 1px; }

.button.is-primary {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: #0068ff;
  border: 1px solid #0068ff;
  color: #fff;
  border-radius: 0; }
  .button.is-primary:hover, .button.is-primary:focus {
    background: #0151C1;
    border: 1px solid #0151C1;
    color: #fff; }
  .button.is-primary[disabled], .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .button.is-primary:disabled {
    color: #ffffff;
    border-color: #c6c9ce;
    background: #c6c9ce;
    border-style: solid; }
  .button.is-primary.is-compact {
    color: #fff; }

.button.is-scary {
  background: #d94f4f;
  border: 1px solid #d94f4f;
  color: #fff; }
  .button.is-scary:hover {
    background: #B22323;
    border: 1px solid #B22323; }
  .button.is-scary[disabled], .editor-drawer-well__placeholder[disabled] .is-scary.editor-drawer-well__button, .button.is-scary:disabled {
    color: #ffffff;
    border-color: #c6c9ce;
    background: #c6c9ce;
    border-style: solid; }

.button.noticon {
  height: 40px; }
  .button.noticon:before {
    color: #fff !important; }
  .button.noticon[disabled]:before, .editor-drawer-well__placeholder[disabled] .noticon.editor-drawer-well__button:before, .button.noticon:disabled:before {
    color: #2e4453 !important; }

.menus__menu-item.is-selected {
  background: #0068ff; }

.foldable-card__expand .gridicon {
  fill: #2a2e33; }

.site__content::after {
  display: none !important; }

.item-app .app-title {
  color: #2a2e33; }
  .item-app .app-title:hover {
    color: #0087be; }

.site__title::after, .site__domain::after {
  background: none; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch {
  background: #35aa47; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch:hover {
  background: #65C674; }

.form-toggle__switch {
  background: #c6c9ce; }

.tabs-menu-item.is-active a, .myTabs .tabs-menu-item.is-active span {
  border-top-color: #333; }

.tabs-menu-item:not(.is-active) a:hover, .myTabs .tabs-menu-item:not(.is-active) span:hover {
  color: #333; }

.wp-content .menus__picker select:focus {
  outline: none;
  -moz-user-focus: ignore; }

@media (max-width: 660px) {
  .wp-content {
    padding: 10px; } }

.themesConfig label {
  font-weight: normal; }

.global-setting .foldable-card__action, .themesConfig .foldable-card__action {
  display: none; }

.global-setting .foldable-card__summary_expanded, .themesConfig .foldable-card__summary_expanded {
  margin-right: 15px; }

#footer-bottom {
  height: 100px;
  width: 100%;
  background: #A1A1A1;
  position: absolute;
  bottom: 0;
  left: 0; }

.permission-page {
  height: 100%;
  overflow-y: inherit; }
  .permission-page body {
    min-height: 100%;
    position: relative;
    background-image: -webkit-linear-gradient(top, #fff 0%, #E8E8E8 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #E8E8E8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE8E8E8', GradientType=0); }
  .permission-page .empty-content {
    margin-top: 0;
    padding-top: 35px;
    padding-bottom: 100px; }
    .permission-page .empty-content a {
      text-decoration: none;
      color: #0068ff; }
    .permission-page .empty-content .empty-content__line {
      color: #2a2e33;
      font-size: 14px;
      margin-bottom: 15px;
      line-height: 24px; }
    .permission-page .empty-content .main {
      background: #fff;
      border: 1px solid #dadada;
      border-radius: 4px;
      margin-top: 100px;
      padding: 40px;
      margin-bottom: 20px; }

.environment-badge, .class__production {
  display: none; }

.version-badge {
  font-size: 9px;
  position: absolute; }

.is-section-import_tool .main {
  max-width: 1170px; }

.is-section-import_tool .tab-panel {
  padding-left: 15px;
  padding-right: 15px; }

.is-section-import_tool .btn-publish {
  margin-bottom: 15px; }

.is-section-import_tool .headingh3 {
  font-size: 18px;
  margin-bottom: 10px; }

.notice__text {
  -webkit-flex-basis: auto !important;
      -ms-flex-preferred-size: auto !important;
          flex-basis: auto !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .masterbar__item-logo img {
    position: relative;
    top: 10px; } }

.sites-navigation > ul > li:last-child {
  padding-bottom: 50px; }

body.overlay {
  position: relative; }
  body.overlay:before {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100201;
    background: rgba(255, 255, 255, 0.75);
    content: ''; }
  body.overlay:after {
    text-align: center;
    display: inline-block;
    content: "\f110";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3em;
    position: fixed;
    z-index: 100202;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/***** IKE *****/
@media (max-width: 660px) {
  .desc-app h2.app-title {
    max-width: 100%; }
  .desc-app .form-input-validation.is-error {
    min-width: auto; } }

.desc-app .form-input-validation.is-error {
  min-width: 400px; }

.form-label-input-feature {
  border: none;
  background-color: #dbdbdb !important; }

.form-label-input-feature:focus {
  outline: none !important;
  box-shadow: none !important; }

.has-no-sidebar .wp-content {
  position: relative;
  margin: 47px 0 0 0;
  padding: 32px 32px 32px 304px;
  box-sizing: border-box; }

.button.is-borderless.is-compact,
.cancel-confirm .is-borderless.is-compact.button-primary,
.cancel-confirm input.is-borderless.is-compact[type=submit] {
  background: transparent;
  border-radius: 0; }