/*
Template Name: Metro Lab Dashboard build with Bootstrap v2.3.1
Template Version: 1.1
Author: Mosaddek
Website: http://thevectorlab.net/
*/

/* body styles */
@import url('https://fonts.googleapis.com/css?family=Raleway');
body {
    color: #000;
	font-family: 'Raleway', sans-serif !important;
   /*  font-family: 'Gafata', 'calibri', "helevetica", sans-serif !important; */
    padding: 0px !important;
    margin: 0px !important;
   
    /*overflow-x: hidden ;*/
    background:#fff !important ;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../font/myriadprobold.eot');
    src: url('../font/myriadprobold.eot?#iefix') format('embedded-opentype'),
    url('../font/myriadprobold.woff') format('woff'),
    url('../font/myriadprobold.ttf') format('truetype'),
    url('../font/myriadprobold.svg#myriadprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-It';
    src: url('../font/myriadproit.eot');
    src: url('../font/myriadproit.eot?#iefix') format('embedded-opentype'),
    url('../font/myriadproit.woff') format('woff'),
    url('../font/myriadproit.ttf') format('truetype'),
    url('../font/myriadproit.svg#myriadproit') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../font/myriadprolight.eot');
    src: url('../font/myriadprolight.eot?#iefix') format('embedded-opentype'),
    url('../font/myriadprolight.woff') format('woff'),
    url('../font/myriadprolight.ttf') format('truetype'),
    url('../font/myriadprolight.svg#myriadprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/myriadproregular.eot');
    src: url('../font/myriadproregular.eot?#iefix') format('embedded-opentype'),
    url('../font/myriadproregular.woff') format('woff'),
    url('../font/myriadproregular.ttf') format('truetype'),
    url('../font/myriadproregular.svg#myriadproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/*buttons style

.btn{
    border-radius: 0;
    background: #e8e8e8;
    outline: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
}
.btn:hover{
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #d5d5d5;
}

.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle,
.btn-group-vertical > .btn:first-child,
.btn-group-vertical > .btn:last-child {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.btn-primary{
    background: #2fade7;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-group.open .btn-primary.dropdown-toggle {
    background-color: #3492c9;
}

.btn-success{
    background: #87bb33;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled],
.btn-group.open .btn-success.dropdown-toggle{
    background-color: #78a300;
}
.btn-info{
    background: #22c0cb;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],
.btn-group.open .btn-info.dropdown-toggle{
    background-color: #31a6b1;
}
.btn-warning{
    background: #fb9800;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled],
.btn-group.open .btn-warning.dropdown-toggle{
    background-color: #de8a00;
}
.btn-danger{
    background: #dc5d3a;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
.btn-group.open .btn-danger.dropdown-toggle{
    background-color: #c1552b;
}
.btn-inverse{
    background: #484848;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled],
.btn-group.open .btn-inverse.dropdown-toggle{
    background-color: #292929;
}
.btn-link {
    background: none;
    box-shadow: none;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child,
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle{
    border: 1px solid #ddd;
    border-radius: 0px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
*/
.uneditable-input {
    width: 135px;
}

.switch-form input {
    width: 110px;
}

/* style switcher */
#theme-change {
    position: fixed;
    width: 20px;
    height: 22px;
    overflow: hidden;
    top:70px;
    right: 0px;
    white-space: nowrap;
    padding: 5px 10px 5px 8px;
    background-color: #dcdcdc;
    z-index: 110;
    color: #737373;
}

#theme-change > i {
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
    margin-top: 2px;
}

#theme-change:hover, #theme-change > i:hover {
    color: #737373;
}

#theme-change label {
    display: inline-block !important;
}

#theme-change .text {
    margin-right: 2px;
    font-weight: bold;
    font-size: 14px;
}

#theme-change .settings {
    display: none;
}

#theme-change .colors {
    display: block;
}

#theme-change .checker {
    display: inline-block !important;
    margin-top:-1px;
}

#theme-change .colors span {
    display: inline-block;
    width: 35px;
    height: 30px;
    margin: 2px 1px -7px 1px;
    border: 2px solid #ddd;
    cursor: pointer;
}

#theme-change .layout {
    width: 100px;
    margin-top: 7px;
    margin-left: 63px;
    margin-bottom: 5px;
    display: block;
}

#theme-change .colors span.active, #theme-change .colors span:hover {
    border: 2px solid white;
}

#theme-change .colors .color-default {
    background-color: #4A8BC2;
}
#theme-change .colors .color-green {
    background-color: #74B749;
}
#theme-change .colors .color-purple {
    background-color: #7265ae;
}
#theme-change .colors .color-gray {
    background-color: #2d2d2d;
}
#theme-change .colors .color-red {
    background-color: #DE577B;
}


/*form element */

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    border: 1px solid #ddd;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
	  
}

.form-horizontal .control-label {
    text-align: left;
}


/* general typography*/
h3 small, h2 small, h5 small {
    color: #868686;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
   font-family: 'Raleway', sans-serif;
}


h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-bottom: 10px;
}

.page-title {
    font-size: 28px;
    display: block;
    font-weight: normal !important;
    margin: 0px 0px 0 2px;
    font-family: 'MyriadPro-Light';
    padding-left: 15px;
    font-weight: bold !important;
    background: #fff;
    padding: 24px 40px;
}
.page-title small {
    font-size: 14px;
}

/* general tools */
img.center {
    text-align:center;
}
.phone-margin-top-5:before {
    display: block;
    margin-top: 5px;
}
.no-padding {
    padding: 0px !important;
}
.no-margin {
    margin: 0px !important;
}
.no-bottom-space {
    padding-bottom:0px !important;
    margin-bottom: 0px !important;
}
.no-top-space {
    padding-top:0px !important;
    margin-top: 0px !important;
}

.hide {
    display: none;
}
.bold {
    font-weight:bold;
}

.border {
    border: 1px solid #ddd
}

.small {
    font-size: 11px !important;
}

.btn-top-space {
    margin-top: 5px !important;
}

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

i.big {
    font-size: 20px;
}

i.warning {
    color: #E74955;
}

i.critical {
    color: #22878E;
}

i.normal {
    color: #A5D16C;
}

hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

i.icon, a.icon {
    color: #999;
}

a.icon:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .4;
}

a.icon.huge i{
    font-size: 16px !important;
}

.space5 {
    display: block;
    height: 5px !important;
    clear: both;
}

.space10 {
    height: 10px !important;
    clear: both;
}

.space12 {
    height: 12px !important;
    clear: both;
}

.space15 {
    height: 15px !important;
    clear: both;
}

.space20 {
    height: 20px !important;
    clear: both;
}

.mtop5 {
    margin-top: 5px
}

.mtop7 {
    margin-top: 7px
}

.mtop10 {
    margin-top: 10px
}

.mtop20 {
    margin-top: 20px
}

.no-text-shadow {
    text-shadow: none !important;
}

.notify-row {
    float: left;
    padding: 5px;
}

/*fix outlines on click*/
a,a:focus, a:hover, a:active {
    outline: 0;
}

/* header nav bar*/
#header .brand {
    margin-top: 0px !important;
    padding: 10px 20px;
    width: 132px;
}
#header.navbar {
    min-width: 0px;
	z-index: 3000;
}
#header .navbar .nav > li > a{
    padding:0px !important;
}

.navbar .nav > li > a {
   padding: 20px 6px;border-right: 1px solid #ddd;   
   /*  text-transform: uppercase; */
}

.navbar-inner, .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}

#header .navbar-inner .nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header .navbar-inverse .brand, .navbar-inverse .nav > li > a{
    color: #000;
    text-transform: uppercase;font-size: 13px;
}

#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
}

#header .navbar-inner li.dropdown .dropdown-toggle .label {
    position: relative;
    top:-3px;
    font-size: 9px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
}

#header.navbar-inverse .btn-navbar {
    background-image: none;
    margin-top: 10px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e9ebec;
    border-color: #caced1 #caced1 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#header.navbar-inverse .btn-navbar:hover {
    background-color: #caced1;
}

#header .navbar-inner {
    top:0px;
    width: 100%;
    margin: 0px !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header.navbar-inverse .navbar-inner {
    height: 60px;
    border:none !important;
}

#header.navbar-inverse .divider-vertical {
    height: 40px;
}

#header .navbar-search {
    margin-left: 110px;
}

#header .top-nav .dropdown-menu {
    margin-top: 3px;
}

.top-menu {
    padding: opx;
}

#header .top-menu .dropdown .dropdown-toggle .caret {
    margin-top: 8px !important;
}

.navbar-inverse .navbar-search .search-query {
    background-color: #FFFFFF;
    border: 0 none;
    color: #333333;
    outline: 0 none;
    padding: 5px 15px;
    text-shadow: none;

}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #74B749;
}

/* main container */

.fixed-top #container {
    margin-top: 60px;
}

/* i8 fix for form input height in fluid rows */
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/* body container */
#main-content {
    margin-top: 0px !important;
      margin-left: 272px;
	/*  padding: 30px 4%;
  min-height: 1000px;*/
    background:#f2f4f5  !important;
    margin-bottom: 40px !important;
}

/* page container */
.sidebar-toggle-box {
    float: left;
    height: 60px;
    margin-left: -20px;
    margin-right: 20px;
    padding: 0 30px;
}

.sidebar-toggle-box .icon-reorder {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    margin-top: 17px;
}

.sidebar-closed > #sidebar > ul {
    display: none;
}

.sidebar-closed #main-content {
    margin-left: 0px;
}

.sidebar-closed #sidebar {
    margin-left: -115px;
}

/* sidebar menu */

[class^="icon-"], [class*=" icon-"] {
    margin-top: 0;
}

#sidebar {
    z-index: 100;
    background: #e9eff3;
	height: 100% !important;
}

.sidebar-scroll {
    position: fixed; 
   /*  overflow-y: auto; */
    height: 100%;
    width: 255px;
    z-index: 100;
}

#sidebar ul{
    margin-bottom:180px !important;
}

#sidebar .navbar-search {
    border: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#sidebar.closed {
    display: none;
}

#sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	overflow: hidden;
}

#sidebar > ul > li {
    display: block;
    margin: 0 0 1px 0px;
    padding: 0;
    border: 0px;
    line-height: 40px;
}

#sidebar > ul > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
   /* width: 150px;background: #505050;*/
    padding: 5px 15px;
    box-shadow: 0 0 0 1px #c8d7e1;

    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

#sidebar > ul > li > a > span {
    display: inline-block;
    line-height: normal;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    font-size: 16px;
    color: #2e4453;
}

#sidebar > ul > li a i {
    color:#000 !important;
    font-size: 16px;
}

#sidebar > ul > li a i {
    width: 25px;
}

#sidebar > ul > li.active > a{
    border: none;
}

#sidebar > ul > li.active > a .arrow {
    margin-right: 0px;
}

#sidebar > ul > li.active > a .arrow.open {
    margin-right: 0px;
}

#sidebar ul > li > a .arrow {
    float: right;
    margin-top: 12px;
    margin-right: 0px;
    width: 0;
    height: 0;
    border-left: 4px solid #A0A0A0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#sidebar > ul > li > a .arrow.open {
    float: right;
    margin-top: 14px;
    margin-right: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid #A0A0A0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow {
    float: right;
    margin-top: 12px;
    margin-right: 0px;
    width: 0;
    height: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open {
    float: right;
    margin-top: 14px;
    margin-right: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#sidebar > ul > li > ul.sub {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px;
}

#sidebar > ul > li > ul.sub {
    margin-bottom: 0 !important;
}
#sidebar > ul > li.active > ul.sub {
    display: block;
    margin-bottom: 0 !important;
}

#sidebar > ul > li > ul.sub > li {
    background: none !important;
    padding: 0px;
    margin-bottom: 1px;
}

#sidebar > ul > li > ul.sub > li > a {
   display: block;
    position: relative;
    padding: 10px 10px 10px 45px;
    color: #2e4453 !important;
    text-decoration: none;
    text-shadow: 0px 0px 0px #000;
    font-size: 13px;
    /* font-weight: bolder; */
    line-height: normal;
    background: #fff !important;
}

/* footer */
#footer {
    background: #f0f0f0;
    bottom: 0;
    color:#757575 ;
    font-size: 12px;
    padding: 10px;
    position: fixed; 
    text-align: center;
    width: 100%;
    z-index: 102;
}

#footer .goto {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin-top: -8px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    background-color: #111;
    opacity: 0.8;
    padding: 8px 12px;
    opacity:0.4;
    filter: alpha(opacity = 40);
}

#footer .goto:hover {
    background: #4a8bc2;
    opacity: 1;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

#footer .goto  {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

/* general form */
form legend {
    margin: 15px 0px 10px 0px !important;
}

.form-actions {
    background-color: #fff ;
}

.widget-body.form form {
    margin: 0px !important;
    padding: 0px !important;
}

.widget-body.form .control-group:last-child {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-body.form .form-actions{
    margin-left:-15px !important;
    margin-right:-15px !important;
    margin-top: 20px !important;
    margin-bottom: -15px !important;
    margin-top: 20px;
    padding-left: 195px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.widget-body .dataTables_info, .widget-body .dataTables_paginate {
    margin-top: 5px !important;
    padding-bottom: 0px !important;
    margin-bottom: -4px !important;
}

.widget-body .table {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-title > h4, .chats li.in .name {
    color: #fff;
}

/* custom form input error states with icons */
.input-icon input {
    padding-right: 25px !important;
}

.input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 4px;
    right: 25px !important;
    font-size: 16px;
}

.input-icon .input-error {
    color:#B94A48;
}
.input-icon .input-warning {
    color: #C09853;
}
.input-icon .input-success {
    color: #468847;
}

/* custom breadcrumb */
.breadcrumb {
    border-radius: 0 ;
}
.breadcrumb li > a{
    color: #888888;
}


/*general search  */
.breadcrumb > li.search-wrap {
    background: none !important;
    float: right;
}

.breadcrumb .search-input-area {
    float: right;
    margin-top: -8px;
    margin-right: -15px;
}

.search-input-area input {
    border: 0px !important;
    padding-left: 8px;
    padding-right: 20px;
    background: #e5e5e5;
    height: 28px;
    width: 240px;
    box-shadow: none;
    border-left: 10px solid #fff !important;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}
.search-input-area button, .search-input-area button:focus {
    border: 0px !important;
    text-align: center;
    background: #4f4f4f !important;
    height: 36px;
    width: 40px;
    box-shadow: none;
    text-shadow: none;
    color: #fff !important;

}
.search-input-area input:focus {
    outline: 0;
    background: #ccc !important;
}

.breadcrumb .search-input-area > i, #sidebar .search-input-area > i {
    cursor: pointer;
    display: inline-block !important;
    font-size: 18px;
    position: absolute !important;
    right: -10px !important;
    top: 7px !important;
}

/* widget container */
.sortable .widget .widget-title {
    cursor: move;
}

.sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #DDDDDD;
    display: block;
    margin-top: 0px !important;
    margin-left: 1%;
    margin-right: 0.6%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sortable-box-placeholder * {
    visibility:hidden;
}

.widget {
    background:#fff;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
    border: 1px solid #404040;
}

.widget-title {
    background: #404040;
    height: 36px;
}

.widget.green {
    border: 1px solid #74B749;
}
.widget.green .widget-title {
    background: #74B749;
}

.widget.blue {
   /*  border: 1px solid #4A8BC2; */
   border: 1px solid #f4f4f8;
    box-shadow: 0px 0px 10px #f4f4f8;
    border-top: 2px solid black;
}
.widget.blue .widget-title {
    /* background: #4A8BC2; */
    background: #fff;
}
.widget-title > h4{
	color: #0b1017;
    font-size: 16px !important;
}
.widget.purple {
    border: 1px solid #9D4A9C;
}
.widget.purple .widget-title {
    background: #9D4A9C;
}

.widget.yellow {
    border: 1px solid #FFB400;
}
.widget.yellow .widget-title {
    background: #FFB400;
}

.widget.orange {
    border: 1px solid #F37B53;
}
.widget.orange .widget-title {
    background: #F37B53;
}

.widget.red {
    border: 1px solid #DE577B;
}
.widget.red .widget-title {
    background: #DE577B;
}

/*gray full*/

.widget.gray-full {
    border: 1px solid #575757;
}
.widget.gray-full .widget-title, .widget.gray-full .widget-body {
    background: #575757;
    color: #fff;
}

/*purple full*/

.widget.purple-full {
    border: 1px solid #9D4A9C;
}
.widget.purple-full .widget-title, .widget.purple-full .widget-body {
    background: #9D4A9C;
    color: #fff;
}

/*yellow full*/

.widget.yellow-full {
    border: 1px solid #FFB400;
}
.widget.yellow-full .widget-title, .widget.yellow-full .widget-body {
    background: #FFB400;
    color: #fff;
}

/*blue full*/

.widget.blue-full {
    border: 1px solid #4A8BC2;
}
.widget.blue-full .widget-title, .widget.blue-full .widget-body {
    background: #4A8BC2;
    color: #fff;
}

/*red full*/
.widget.red-full {
    border: 1px solid #DE577B;
}
.widget.red-full .widget-title, .widget.red-full .widget-body {
    background: #DE577B;
    color: #fff;
}

/*green full*/
.widget.green-full {
    border: 1px solid #74B749;
}
.widget.green-full .widget-title, .widget.green-full .widget-body {
    background: #74B749;
    color: #fff;
}

/*white full*/
.widget.white-full {
    border: 1px solid #fff;
}

.widget.white-full .widget-title {
    border-bottom: 1px solid #ccc;
    color: #404040;
}

.widget.white-full .widget-title h4 {
    color: #404040;
    padding-left: 0;
}
.widget.white-full .tools a {
    color: #ccc;
}
.widget.white-full .widget-title, .widget.white-full .widget-body {
    background: #fff;
}
.widget.white-full .widget-body, .widget.white-full .widget-title .actions {
    padding-left: 0;
    padding-right: 0;
}
/*-------*/

.widget-title > h4 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 11px 10px 15px;
    line-height: 12px;
    margin: 0;
    font-family: 'MyriadPro-Regular';
}

.widget-title > h4 i {
    font-size: 14px;
    margin-right: 2px;
}

.widget-title span.tools {
    float: right;
    margin: 2px 0 0;
    padding: 6px 5px 6px 10px;
}

.widget-title span.tools > a {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.widget-title span.tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .7;
}

.widget-title .btn-group {
    margin-right:5px;
    margin-top: -2px;
}

.widget-title .btn-group .caret {
    margin-top: 8px;
    margin-left: 3px;
}

.widget-body {
    padding: 15px 15px;
}

/* icon buttons */
.icon-btn {
    height: 70px;
    width: 50px;
    margin: 10px 0px 10px 0px;
    padding: 16px 0px 0px 0px;
    font-size: 10px;
    background-color: #fff !important;
    border: 1px solid #ccc;
    display:block !important;
    color: #646464 !important;
    text-align: center;
/*     cursor: pointer; */
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.ie8 .icon-btn:hover {
    filter: none !important;
}

.icon-btn:hover {
    border: 1px solid #404040;
    background: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    color: #444 !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.icon-btn i {
    font-size: 20px;
    color: #777 !important;
}

.icon-btn div {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px !important;
    font-family: Arial;
}

.icon-btn .badge {
    position: absolute;
    font-size: 10px !important;
    top: 26px;
    right: -8px;
    height: 14px;
    padding: 3px 7px;
    color: white !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
    font-family: Arial;
}

.icon-btn:hover .badge {
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.icon-btn i {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.icon-btn:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    color: #fff;
    opacity: 1;
}


/* custom dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 1px solid rgba(0, 2, 1, 0.2);
    -webkit-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -moz-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clipp: padding;
    background-clip: padding-box;
    padding: 0px 0;
    margin:0px;
    list-style: none;
    text-shadow: none;
}

.dropdown-menu.opens-left {
    margin-top: 2px;
    margin-left: -88px;
}

.ie8 .dropdown-menu.opens-left {
    margin-left: -82px;
}

.dropdown-menu.extended {
    top:60px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 235px !important;
}

.dropdown-menu.logout {
    width: 150px !important;
    min-width: 120px !important;
    max-width: 260px !important;
}

.dropdown-menu.extended li a{
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended .arrow{
    top:-14px;
    left: 10px;
    position: absolute;
    margin-top: 6px;
    margin-right: 12px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #f3f3f3;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.dropdown-menu.extended li i{
    margin-right: 3px;
}

.dropdown-menu.extended li a{
    padding: 10px !important;
    background-color: #fff !important;
}

.dropdown-menu.extended li a:hover {
    background-color: #f3f3f3 !important;
}

.dropdown-menu.extended li p{
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    color: #666;
}

.dropdown-menu.extended li a{
    padding: 7px 0 5px 0px;
    list-style: none;
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 13px;
}
.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #EBEBEB !important;
}
.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

/*fontawesome*/

.fontawesome-icon-list .span3{
    margin-left: 0;
}
.fontawesome-icon-list .span3 i{
    font-size: 16px;
}
.fontawesome-icon-list .span3 a{
    color: #888888;
}

/* star rating */
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}
.rating span.star,
.rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.rating span.star:hover,
.rating span.star:hover {
    cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #999999;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #87bb33;
}

/* adjust uniform components */
.radio, .checkbox {
    padding-left: 0px !important;
}

.controls > .radio,
.controls > .checkbox {
    display: inline-block;
    padding: 0 !important;
    margin: 0 25px 0 0 !important;
}

.controls > .radio.line,
.controls > .checkbox.line {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 5px !important;
}

.controls .text {
    display: block;
    margin-top: 5px;
}

.checkbox  div.checker {
    margin-right: 2px !important;
}

.uploader {
    margin-top: 2px !important;
}

/*toggle style*/

.toggle-button label {
    background: #fefefe !important;
    border-radius: 0 !important;

}

/* line 83, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.labelRight {
    background: #fefefe !important;
}
/* line 91, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.primary, .toggle-button span.labelLeft {
    color: #fefefe;
    background: #4e89c7 !important;

}
/* line 96, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.info {
    color: #fefefe;
    background: #3daced !important;

}
/* line 102, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.success {
    color: #fefefe;
    background: #97c80b !important;

}
/* line 108, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.warning {
    color: #fefefe;
    background: #f9b400 !important;

}
/* line 114, ../sass/bootstrap-toggle-buttons.scss */
.toggle-button span.danger {
    color: #fefefe;
    background: #e24b53 !important;

}

/* font awesome icon classes */
[class^="icon-"], [class*=" icon-"],[class^="icon-"]:hover, [class*=" icon-"]:hover {
    background: none !important;
}

/* hide by default ie8*/
.visible-ie8 {
    display: none;
}

.tab-content {
    padding: 0px;
    overflow: hidden;
}

/*navigation*/

.bs-docs-example .navbar-inner .nav .dropdown-toggle:hover,
.bs-docs-example .navbar .nav li.dropdown.active > .dropdown-toggle,
.bs-docs-example .navbar .nav li.dropdown.open.active > .dropdown-toggle,
.bs-docs-example .navbar-inner .nav .dropdown.open .dropdown-toggle{
    background-color: #E5E5E5 !important;
    color: #555555;
}

.bs-docs-example .navbar .nav > .active > a,
.bs-docs-example .navbar .nav > .active > a:hover,
.bs-docs-example .navbar .nav > .active > a:focus {
    box-shadow: none;
}

.bs-docs-example .navbar-inner {
    background: #f2f2f2;
}

/*flot chart*/

.plots{
    margin-top: 20px;
    width:100%;
    height:300px
}

.metro_tips {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
}

/*easy pie chart*/
.easy-pie-chart {
    display: inline-block;
    margin: 0px 18px;
}

.easy-pie-chart .title {
    text-align: center;
}
.update-btn {
    float: right;
    margin-top: 3px;
}

/*spark line chart*/

.sparkline {
    padding: 9px 13px;
    display: inline-block;
    text-align: center;
}
.sparkline .sparkline-tittle {
    font-size: 16px;
    padding-top: 15px;
    display: inline-block;
    font-weight:normal;
   font-family: 'Raleway', sans-serif;
}

/* charts & stats */
.chart, .pie, .bars {
    height: 300px;
}

.stat {
    margin: 0px;
    padding: 0px;
}

.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}

.stat .title {
    margin-left: 10px;
    margin-right: 10px;
    font-size1: 13px;
}

.stat.good .percent  {
    color: #52e136;
    font-size: 16px;
    font-weight: bold;
}

.stat.bad .percent {
    color: #d12610;
    font-size: 16px;
    font-weight: bold;
}

.stat.ok .percent {
    color: #37b7f3;
    font-size: 16px;
    font-weight: bold;
}

/* general list for item with picture */
ul.item-list li .pic {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
ul.item-list {
    margin: 0px;
    list-style: none;
}
ul.item-list li {
    /*padding: 11px 0;*/
    list-style: none;
    border-top: 1px solid white;
    border-bottom: 10px solid #fff;
    font-size: 12px;
    background: #ededed;
}
ul.item-list li:first-child {
    border-top: none;
    /*border-bottom: 1px solid #EBEBEB;*/
}
ul.item-list li:last-child {
    border-top: none;
    border-bottom: none;
}
ul.item-list li .label {
    margin-right: 5px;
    padding: 12px !important;
}

ul.item-list .pull-right span {
    padding: 9px !important;
    display: inline-block;
}


/* general purpose block with css3 gradient background */
.block {
    line-height: 18px;
    margin: 0 0 20px 0;
    padding: 10px;
    text-align: center;
}

/* metro dashboard states */
.metro-nav {
    font-family: 'MyriadPro-Light';
    position: relative;
    z-index: 101;
}

.metro-nav .nav-block-orange {
    background: #f37b53;
}

.metro-nav .nav-block-yellow {
    background: #BFF226;
}

.metro-nav .nav-block-blue {
    background: #0DAED3;
}

.metro-nav .nav-block-green {
    background: #74B749;
}

.metro-nav .nav-block-red {
    background:#de577b;
}

.metro-nav .nav-block-purple {
    background:  #9A4646; 
}
.metro-nav .nav-block-grey {
    background:  #77808a;
}
/*---new add--*/
.metro-nav .nav-light-blue {
    background:  #61b9ff;
}
.metro-nav .nav-light-green {
    background:  #00a489;
}
.metro-nav .nav-deep-terques {
    background:  #0bc0cb;
}
.metro-nav .nav-light-purple {
    background:  #9A4646;
}
.metro-nav .nav-light-yellow {
    background:  #e5bc64;
}
.metro-nav .nav-deep-gray {
    background:  #434343;
}
.metro-nav .nav-light-brown {
    background:  #ab8465;
}
.metro-nav .nav-deep-red {
    background:  #b33062;
}
.metro-nav .nav-olive {
    background:  #959801;
}
.metro-nav .nav-deep-thistle {
    background:  #9e7698;
}

.metro-fix-view .metro-nav-block.double {
    width: 251px !important;
}

.metro-fix-view .metro-nav-block.long {
    width: 251px !important;
    height: 235px !important;
}

.metro-fix-view .metro-nav-block.long .value {
    padding-top: 30px !important;
    display: inline-block;
}

.metro-fix-view .metro-nav-block.long .value i {
    font-size: 90px;
}

.metro-fix-view .metro-nav-block {
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 300;
    height: 120px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 120px !important;
    z-index: 1;
}


.metro-nav .metro-nav-block.double {
    width: 28%;
}

.metro-nav .metro-nav-block {
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 300;
    height:150px;
    letter-spacing: 0.02em;
    line-height: 20px;
   
    overflow: hidden;
    position: relative;
    text-decoration: none;
	/*margin: 0 1% 1% 0;
    width: 17%;*/
    z-index: 1;
}

.metro-nav .metro-nav-block i {
    font-size: 50px;
    margin-top: 20px;
    display: inline-block;
}

.metro-nav .metro-nav-block:last-child {
    margin-right: 0;
}

.metro-nav .metro-nav-block a {
    color: white;
    font-size: 14px;
    font-weight: 400;
    height: 90%;
    line-height: 16px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 88%;
    text-decoration: none;
}

.metro-nav .metro-nav-block a i {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

.metro-nav .metro-nav-block a .info {
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}

.metro-nav .metro-nav-block a:hover i{
    /* transform:rotate(83deg);
    -moz-transform:rotate(83deg);
    -webkit-transform:rotate(83deg);
    -o-transform:rotate(83deg);
    font-size: 140px;
    opacity: 0.2; */
}

.metro-nav .metro-nav-block.long a:hover i{

    font-size: 200px;
}
.metro-nav .metro-nav-block.long a {
    height: 96%;
}
.metro-nav .metro-nav-block a:hover .info {
   /*  transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    font-size: 40px;
    opacity: 0.6; */
}

.metro-nav .metro-nav-block:hover {
    opacity: 0.8;
}

.metro-nav .metro-nav-block.double a {
    width: 94%;
}

.metro-nav .metro-nav-block .info {
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 45px;
	text-align:right;
}

.metro-nav .metro-nav-block .info span{
	display:block;
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
}

.metro-nav .metro-nav-block .status, .metro-nav .metro-nav-block .tile-status {
    background-color: transparent;
    bottom: 20px;
    font-size: 14px;
    left: 10px;
    min-height: 30px;
    position: absolute;
}

.button-view{position: absolute;
    left: 0;
    display: block;
    right: 0;
    bottom: 0;}
	
.button-view > a{position: static !important; 
    width: 100% !important;
    height: 33px !important;
    line-height: inherit !important;color: #000 !important;
    background: #fff;}
/*task bar*/

.no-margin-bot {
    margin-bottom: 0 !important;
}

.dropdown-menu.tasks-bar .task-info {
    margin-bottom: 5px;
}

.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
    float: right;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding-left: 10px;
}



/* mini chart and bar containers  */
.bar-chart {display: none}
.line-chart {display: none}

/* custom label and badges */
.notify-row .badge {
    position: absolute;
    top: -5px;
    z-index: 100;
    right: 1px;
}
.badge {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 2px 6px;
}
.label {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    padding: 5px !important;
}

.label-success, .badge-success {
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}

.label-warning, .badge-warning {
    background-color: #fcb322;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb322), color-stop(100%, #fcb322));
    background-image: -webkit-linear-gradient(top, #fcb322, #fcb322);
    background-image: -moz-linear-gradient(top, #fcb322, #fcb322);
    background-image: -ms-linear-gradient(top, #fcb322, #fcb322);
    background-image: -o-linear-gradient(top, #fcb322, #fcb322);
    background-image: linear-gradient(top, #fcb322, #fcb322);
}

.label-important, .badge-important {
    background-color: #e74955;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e74955), color-stop(100%, #e74955));
    background-image: -webkit-linear-gradient(top, #e74955, #e74955);
    background-image: -moz-linear-gradient(top, #e74955, #e74955);
    background-image: -ms-linear-gradient(top, #e74955, #e74955);
    background-image: -o-linear-gradient(top, #e74955, #e74955);
    background-image: linear-gradient(top, #e74955, #e74955);
}

.label-info, .badge-info {
    background-color: #32c2cd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32c2cd), color-stop(100%, #32c2cd));
    background-image: -webkit-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -moz-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -ms-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -o-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: linear-gradient(top, #32c2cd, #32c2cd);
}

.label-info, .badge-info1 {
    background-color: #006400	;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006400), color-stop(100%, #006400));
    background-image: -webkit-linear-gradient(top, #006400, #006400);
    background-image: -moz-linear-gradient(top, #006400, #006400);
    background-image: -ms-linear-gradient(top, #006400, #006400);
    background-image: -o-linear-gradient(top, #006400, #006400);
    background-image: linear-gradient(top, #006400, #006400);
}

.label-mini {
    font-size: 11px;
}

/*progress bar*/
.progress {
    height: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.progress {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #ededed !important;
    background-image: -moz-linear-gradient(top, #ededed, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#ededed));
    background-image: -webkit-linear-gradient(top, #ededed, #ededed);
    background-image: -o-linear-gradient(top, #ededed, #ededed);
    background-image: linear-gradient(to bottom, #ededed, #ededed);
    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #0e90d2, #0e90d2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0e90d2), to(#0e90d2));
    background-image: -webkit-linear-gradient(top, #0e90d2, #0e90d2);
    background-image: -o-linear-gradient(top, #0e90d2, #0e90d2);
    background-image: linear-gradient(to bottom, #0e90d2, #0e90d2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar + .bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: bar-stripes 2s linear infinite;
    -moz-animation: bar-stripes 2s linear infinite;
    -ms-animation: bar-stripes 2s linear infinite;
    -o-animation: bar-stripes 2s linear infinite;
    animation: bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #dd514c, #dd514c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd514c), to(#dd514c));
    background-image: -webkit-linear-gradient(top, #dd514c, #dd514c);
    background-image: -o-linear-gradient(top, #dd514c, #dd514c);
    background-image: linear-gradient(to bottom, #dd514c, #dd514c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #5eb95e, #5eb95e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5eb95e), to(#5eb95e));
    background-image: -webkit-linear-gradient(top, #5eb95e, #5eb95e);
    background-image: -o-linear-gradient(top, #5eb95e, #5eb95e);
    background-image: linear-gradient(to bottom, #5eb95e, #5eb95e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #4bb1cf, #4bb1cf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4bb1cf), to(#4bb1cf));
    background-image: -webkit-linear-gradient(top, #4bb1cf, #4bb1cf);
    background-image: -o-linear-gradient(top, #4bb1cf, #4bb1cf);
    background-image: linear-gradient(to bottom, #4bb1cf, #4bb1cf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #faa732, #faa732);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#faa732));
    background-image: -webkit-linear-gradient(top, #faa732, #faa732);
    background-image: -o-linear-gradient(top, #faa732, #faa732);
    background-image: linear-gradient(to bottom, #faa732, #faa732);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*pre loader list */
.list_items > li {
    padding: 0 16px 12px 0;
}
/*pagination */
.pagination {
    margin: 10px 0;
}

/*slider*/
table.sliders tr td {
    padding: 30px 0;
}

.slider {
    margin-top: 3px;
}

.slider-info {
    padding-top: 10px;
}

.sliders .ui-widget-header {
    background: #95c9ff !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}


#eq span {
    height:120px; float:left; margin:15px
}


.ui-widget-content {
    background: #eaeaea !important;
    border: none !important;
}

.ui-slider-horizontal {
    height: 8px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #F5F5F5 !important;

}

.ui-slider-vertical {
    width: 8px !important;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.45em !important;
}

/*font awesome icon style*/

.icon-style-list ul.unstyled li {
    /*border: 1px solid #EAEAEA;*/
    font-family: arial;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 13px;
    background: #eeeeee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.icon-style-list ul.unstyled li i {
    font-size: 16px;
    padding-right: 5px;
}

.icon-style-list h3, .icon-style-list h4 {
    font-family: Arial;
}

ul.icons {
    list-style-type: none;
    text-indent: -0.75em;
    margin-left: 25px;
}
/*alpha listing*/
.upper-alpha {
    list-style: upper-alpha;
}
/*roman list*/
.roman-list {
    list-style: upper-roman;
}
/*glyphicons icon style*/
.the-icons {
    list-style: none;
    margin-left: 0;
}

.the-icons li {
    float: left;
    line-height: 25px;
    width:20%;
    line-height: 30px;
}

/* item block  */
.item {
    overflow: hidden;
    display: block;
}
.item:hover .zoom-icon{
    opacity:0.5;
    filter: alpha(opacity = 50);
}

/* zoom icon overlay on images */
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

.zoom .zoom-icon {
    background-image:url("../img/overlay-icon.png");
    background-color: #222;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    filter: alpha(opacity = 0);
    z-index: 6;
    top:0;
}

/* login page */
.login-wrap {
    width: 960px;
    margin: 5% auto 0;
    color: #fefefe;
    text-align: center;
   font-family: 'Raleway', sans-serif;
}

.login-wrap .metro {
    height: 150px;
    float: left;
    margin: 0 10px 10px 0;
}

.login-wrap .double-size {
    width: 310px;
}

.login-wrap .single-size {
    width: 150px;
}

.login-wrap .red {
    background: #e8687f;
}
.login-wrap .green {
    background: #90bb4f;
}
.login-wrap .yellow {
    background: #f5c147;
}
.login-wrap .terques {
    background: #38bec9;
}
.login-wrap .navy-blue {
    background: #5f7cb4;
}
.login-wrap .deep-red {
    background: #993f3e;
}
.login-wrap .blue {
    background: #48b5ee;
}
.login-wrap .purple {
    background: #af5ec5;
}

.login-btn, .login-btn:hover {
    background: none;
    font-size: 28px;
    margin-top: 65px;
   font-family: 'Raleway', sans-serif;
    color: #fff;
}


.login-btn i {
    font-size: 22px !important;
    padding-top: 0 !important;
    display: inline !important;
}

.login-wrap .single-size a.social-link, .login-wrap .double-size a.social-link {
    margin-top: 45px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.login-wrap .single-size a.social-link i , .login-wrap .double-size a.social-link i{
    font-size: 20px;
    display: block;
    padding-top: 0;
    padding-bottom: 10px;
}

.login-footer {
    width: 100%;
    display: inline-block;
}

.remember-hint input[type="checkbox"]{
    margin-top: -2px;
}

.forgot-hint a{
    color: #fefefe;
    margin-right: 10px;
}


/*lock page*/
.lock {
   background: url(../images/digital-marketing-agnecy-atlanta.jpg) no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

}

.lock-header {
  /*  margin-top: 5%;*/
    text-align: center;
text-align: center;
    padding: 2% 0;
background:rgba(204, 204, 204, 0.59);
}

.lock .lock-wrap {
    width: 800px;
    margin: 5% auto 0;
    color: #000;
    text-align: center;
   font-family: 'Raleway', sans-serif;
}
.locked>i,.locked>span{color: #fff}
.lock-wrap .metro {
    height: 165px;
    float: left;
    margin: 0 10px 10px 0;
}

.lock-wrap .double-size {
    width: 38%;
}

.lock-wrap .single-size {
    width: 20%;
}

.lock-wrap .blue {
    background: #66bbfc;
}

.lock-wrap .green {
    background: #0ca389;
}

.lock-wrap .terques {
    background: #36b1b9;
}

.lock-wrap .gray {
    background: #595858;
}

.lock-wrap .orange {
    background: #f37b53;
}

.lock-wrap .red {
    background: #e8687f;
}

.lock-wrap h1 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
    padding-top: 50px;
}
.lock-wrap p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
}

.lock-input {
    margin-top: 60px;
}

.lock-input input {
    height: 30px;
    background: #fff;
    box-shadow: none;
    border:1px solid #fff;
}

.lock-input input:focus {
    border:1px solid #fff !important;
}

.lock-input button.btn {
    height: 40px;
    background: #3db5a1;
    border:1px solid #3db5a1 !important;
}

.lock-input button.btn i {
    color: #fff;
    font-size: 14px;
}

.single-size i {
    font-size: 80px;
    display: block;
    padding-top: 30px;
}

.single-size span, .double-size span{
    font-size: 20px;
}

.double-size span {
    padding: 0 20px;
}

.double-size i {
    font-size: 70px;
    display: inline-block;
    vertical-align: middle;
}

a.user-position {
    margin-top: 40px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

a.user-position:hover {
    color: #fff;
}

.user-position i, .social-link i  {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.user-position:hover i, .social-link:hover i{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    opacity: 0.2;
}

a.social-link i {
    font-size: 30px !important;
}

/* Square stats */

.square-state {

}

.square-state .icon-btn {
    margin-top: 0;
    margin-bottom: 20px;
}


/*map stats*/

.map-stat {
    margin: 20px;
    display: block;
}
.map-stat:before,
.map-stat:after {
    display: table;
    line-height: 0;
    content: "";
}
.map-stat:after {
    clear: both;
}

.map-stat .visual {
    width: 70px;
    height: 60px;
    margin-right: 5px;
    display: block;
    float: left;
}

.map-stat .visual i{
    margin-top: 15px;
    display: block;
    font-size: 68px;
    color: #4d4d4d;
}

.map-stat .details {
    display: block;
    float: left;
    margin-left: 5px;
    padding-top: 0px;
}

.map-stat .details .title {
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
    font-size: 12px;
    color: #878787;
}

.map-stat .details .title i {
    margin-top:2px !important;
    color: #52e136;
    font-size: 16px;
}

.map-stat .details .title i.down {
    color: #b63625;
}

.map-stat .details .number {
    margin: 0px !important;
    margin-bottom: 7px !important;
    font-size: 42px;
    padding: 0px;
    font-weight: bold;
    color: #35d1fe;
}

/*scroller padding*/
.scroller {
    padding-right: 10px;
}


/*jqvmap changes*/
.jqvmap-zoomin {
    background-color: #666 !important;
}
.jqvmap-zoomout {
    background-color: #666 !important;
}
.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px;
}


/* google maps */
.gmaps {
    height: 300px;
    width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
    max-width: none;
}

#gmap_static div{
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    height:100%;
    display:block;
    height: 300px;
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0px;
}

/* advance tables*/
.table-advance {
    margin-bottom: 10px !important;
}

.table-advance thead {
    color: #999;
}

.table-advance thead tr th{
    background-color: #DDD;
    color: #666;
}

.table-advance div.success, .table-advance div.info,
.table-advance div.important, .table-advance div.warning, .table-advance div.danger {
    position: absolute;
    margin-top:5px;
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 20px !important;
}

.table-advance tr td {
    border-left-width: 0px;
    vertical-align: middle;
}
.table-advance tr td:first-child {
    border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
    margin-left: 15px;
}

.table-advance td.highlight div.success {
    border-left: 10px solid #A5D16C;
}

.table-advance td.highlight div.info {
    border-left: 10px solid #87ceeb;
}

.table-advance td.highlight div.important {
    border-left: 10px solid #f02c71;
}

.table-advance td.highlight div.warning {
    border-left: 10px solid #fdbb39;
}

.table-advance td.highlight div.danger {
    border-left: 10px solid #e23e29;
}

/*gritter changes*/
.gritter-close {
    left:auto !important;
    right: 3px !important;
}

/*calender*/

.has-toolbar.fc {
    margin-top: 50px;
}

.fc-header-title {
    display: inline-block;
    margin-top: -50px;
    vertical-align: top;
}

.fc-view {
    margin-top: -50px;
    overflow: hidden;
    width: 100%;
}

.fc-state-default, .fc-state-default .fc-button-inner {
    background: #F3F3F3 !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}

.fc-state-active, .fc-state-active .fc-button-inner,
.fc-state-hover, .fc-state-hover .fc-button-inner{
    background:  #444444 !important;
    color: #fff !important;
}

/*.fc-event-skin {
    background-color: #4a8bc2 !important;
    border-color: #4a8bc2 !important;
    color: #FFFFFF !important;
}*/

.fc-event-skin {
    background-color: #32CD32 !important; /* #1cc98d */
    border-color: #32CD32 !important;
    color: #FFFFFF !important;
}

.fc-grid th {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F3F3F3 !important;
}

.fc-header-title h2 {
    font-size: 20px !important;
    color: #404040;

}

.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
    background: #4A8BC2 !important;
}

#external-events p input[type="checkbox"]{
    margin: 0;
}

/* hide chosen search box */
.event_priority_chzn .chzn-search {
    display: none !important;
}

/* widget tabs */
.widget-tabs .nav-tabs {
    position: relative;
    margin-top: -52px;
}

.widget-tabs .nav-tabs > li {
    float: right;
}

.widget-tabs .nav-tabs {
    border-bottom: none;
    margin-right: 5px;
}

.widget-tabs .nav-tabs > li > a {
    padding-top: 9px;
    padding-bottom: 10px;
    line-height: 17px;
    margin-left: 0px;
    margin-right: 0px;
    border-left: none !important;
    border-right: none !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
}

.widget-tabs .nav-tabs > li:last-child > a {
    border-right:0;
}

.widget-tabs .nav-tabs > li {
    margin-left: -1px;
}
.widget-tabs .nav-tabs > li > a:hover {
    margin-bottom: 0px;
    border-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    border-left: 0;
    border-right: 0;
    background-color: rgba(256,256,256,0.6);
    color: #404040;
    border-top: 1px solid transparent;
}
.widget-tabs .nav-tabs > .active > a  {
    color: #555555;
    cursor: default;
    background-color: #fff;
}
.widget-tabs .widget-body.form {
    padding: 0px;
}

.widget-tabs .widget-body.form .tab-pane {
    padding: 15px;
    padding-top: 0px;
}

.widget-tabs .widget-body.form .nav-tabs {
    margin-top: -37px;
}

/*TodoList*/

.todo-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.todo-list li {
    padding: 1px 0 8px 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #EBEBEB;
}

.todo-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #EBEBEB;
}

.todo-list li:last-child {
    border-top: none;
    border-bottom: none;
}

.todo-list li:before,
.todo-list li:after {
    display: table;
    line-height: 0;
    content: "";
}

.todo-list li:after {
    clear: both;
}

.todo-list .col1 {
    float:left;
    width:100%;
    clear: both;
}

.todo-list .col2 {
    float:left;
    width:120px;
    margin-left:-120px;
    text-align: right;
}

.todo-list .col1 .cont {
    float:left;
    margin-right:120px;
    overflow:hidden;
}

/*Timeline chat*/

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #eee;
    clear: both;
}

.chat-form .input-cont {
    margin-right: 55px;
}

.chat-form .input-cont input {
    margin-bottom: 0px;
}

.chat-form .input-cont input{
    border: 1px solid #fff !important;
    width: 94%;
    margin-top:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.chat-form .input-cont input {
    background-color: #fff !important;
}

.chat-form .input-cont input:focus{
    border: 1px solid #2FADE7 !important;
}

.chat-form .btn-cont {
    margin-top: -38px;
    position: relative;
    float: right;
}

.chat-form .btn-cont .btn {
    border-left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 8px;
}
.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;
}
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before {
    /* content: "";
    left: 21px;
    position: absolute;
    top: -2px; */
}
.timeline-messages, .msg-time-chat , .timeline-messages .msg-in, .timeline-messages .msg-out {
    position: relative;
}


.timeline-messages .msg-in  .arrow {
   /*  border-right: 8px solid #ededed !important; */
}
.timeline-messages .msg-in .arrow {
    /* border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0; */
}

.timeline-messages .msg-out  .arrow {
    border-right: 8px solid #dff1ff !important;
}
.timeline-messages .msg-out .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}

.msg-time-chat:first-child:before {
    margin-top: 16px;
}
.msg-time-chat:before {
  /*   background:#CCCCCC;
    border: 2px solid #FAFAFA;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 10px;
    margin: 27px 0 0 -6px;
    width: 10px; */
}
.msg-time-chat:hover:before {
    background: #2FADE7;
}
.msg-time-chat:first-child {
    padding-top: 0;
}
.message-img {
    float: left;
  /*   margin-right: 30px; */ 
    overflow: hidden;
}
.message-img img {
    display: block;
    height: 44px;
    width: 44px;
}
.text-center{
	text-align:center !important;
}
.message-body {
    margin-left: 47px;
}
.msg-time-chat .msg-in .text {
   /*  background: #ededed; */
    padding: 10px;
}

.msg-time-chat .msg-out .text {
    background: #dff1ff;
    padding: 10px;
}
.msg-time-chat p {
    margin: 0;
    color: #504e4f;
}
.msg-time-chat .attribution {
    color: #504e4f;
    font-size: 11px;
    margin: 0px 0 5px;
}
.msg-time-chat {
    overflow: hidden;
    padding:8px 0;
}

.msg-in a, .msg-in a:hover{
    color: #000;
    /*padding: 5px 5px;
     background: #818181; */
    text-decoration: none;
	font-size: 18px;
    font-weight: bolder;
}
.msg-out a, .msg-out a:hover{
    color: #fff;
    padding: 2px 4px;
    background: #3cabec;
    text-decoration: none;
}

/* Input icons */

/* input with right aligned and colored icons */
.input-icon input {
    padding-right: 25px !important;
}

.input-icon .input-info,
.input-icon .input-error,
.input-icon .input-warning,
.input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 3px;
    right: 25px !important;
    font-size: 16px;
}

.input-icon .input-info {
    color:#27a9e3;
}
.input-icon .input-error {
    color:#B94A48;
}
.input-icon .input-warning {
    color: #C09853;
}
.input-icon .input-success {
    color: #468847;
}

/* input with left aligned icons */
.input-icon.left i {
    color: #ccc;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 6px 2px 4px 10px;
    width: 16px;
    height: 16px;
    border1: 1px solid #ddd;
    font-size: 16px;
    text-align: center;
}

.input-icon.left input {
    padding-left: 33px !important;
}
/* Modify tags input plugin css */
div.tagsinput {
    height: 40px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: auto !important;
}

div.tagsinput span.tag {
    background: #CDE69C !important;
    color: #638421 !important;
    border: 0 !important;
    padding: 3px 6px !important;
    margin-bottom: 4px !important;

}

div.tagsinput input {
    padding: 3px 6px !important;
}

div.tagsinput span.tag a {
    color: #82AD2B !important;
}

div.tagsinput .not_valid {
    color: #fff !important;
    padding: 3px 6px !important;
    background-color: #e02222 !important;
}

/* File uploader plugin css changes */

.fileupload .close {
    position: relative;
    top:4px !important;
}

/*Form wizard*/

.custom-wizard-pills .nav-pills > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #eee;
}

.custom-wizard-pills .nav-pills  {
    margin: 0 auto 30px;
    width: 50%;
}

.custom-wizard-pills .nav-pills > li {
    margin-right: 20px;
}

.custom-wizard-pills .nav-pills  li.active a, .custom-wizard-pills .nav-pills  li a:hover {
    color: #fff;
}

.custom-wizard-pills .nav-pills > li > a {
    padding-left: 30px;
    padding-right: 30px;
    color: #757575;
}

.pager .previous > a, .pager .previous > span {
    float: left;
    margin-right: 5px;
}

.pager .next > a, .pager .next > span {
    float: right;
    margin-left: 5px;
}

#tabsleft ul li a span {
    display: block;
}

#tabsleft ul li a .strong {
    font-weight: bold;
}

#tabsleft > .nav-tabs > li > a {
    background: #eee;
    color: #838383;
}

#tabsleft > .nav-tabs > li.active > a {
    background: #fff;
    color: #5a5a5a;
}

/*ck editor*/

.cke_top, .cke_bottom {
    background: #F5F5F5 !important;
    background: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -webkit-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -o-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    box-shadow: none;
    padding: 6px 8px 2px;
}

.cke_top {
    border-bottom: 1px solid #cccccc !important;
}

.cke_chrome {
    border: 1px solid #cccccc !important;
    box-shadow: none !important;
    display: block;
    padding: 0;
}


/*form validation*/

.cmxform .controls label.error {
    display: inline;
    margin: 0 10px;
    color: #B94A48;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .controls input.error , .cmxform .controls textarea.error{
    border-color: #B94A48 !important;
}

#signupForm label.error {
    display: inline;
    margin-left: 10px;
    width: auto;
    color: #B94A48;
}

/*Pricing table*/

.pricing-table {
    color: #fff;
}

.pricing-table:hover{
    /*opacity: 0.8;*/
}

.pricing-table.most-popular {
    position: relative;
    top: -22px;
    padding-bottom: 30px;
}

.pricing-table.most-popular h3 {
    padding: 10px 0;
}

.pricing-table.terques {
    background:  #36b1b9;
}
.pricing-table.red {
    background:  #de577b;
}
.pricing-table.green {
    background:  #0ca389;
}
.pricing-table.purple {
    background:  #9d4a9c;
}

.pricing-head {
    text-align: center;
}
.pricing-title {
    text-align: center;
    padding: 0px 0 30px 0;
}
.pricing-head h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.green .pricing-head h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.terques .pricing-head h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.red .pricing-head h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.pricing-head h3 span, .pricing-head h4 span {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
}

.pricing-table.red .pricing-head h4 {
    background:#c74e6e;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin:0;
}

.pricing-table.terques .pricing-head h4 {
    background:#309fa6;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin:0;
}


.pricing-table.green .pricing-head h4 {
    background:#0b927b;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin:0;
}

.pricing-table.purple .pricing-head h4 {
    background:#8d428c;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin:0;
}

.pricing-table .price-actions a.btn {
    color: #fff;
    padding: 10px 15px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.pricing-table .price-actions a.btn:hover {
    color: #fff;
    background: #404040;
}

.pricing-table.terques .price-actions .btn {
    background:  #2b8e94;
}
.pricing-table.red .price-actions .btn{
    background:  #b24662;
}
.pricing-table.green .price-actions .btn {
    background:  #0a826e;
}
.pricing-table.purple .price-actions .btn {
    background:  #7e3b7d;
}


.pricing-head span.note {
    display: inline;
    font-size: 17px;
    line-height: 0.8em;
    position: relative;
    top: -28px;
}


.pricing-table ul {
    margin: 15px 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.pricing-table ul li {
    border-bottom: 1px dotted #fff;
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
}

.pricing-table ul li i {
    position: absolute;
    margin-right: 0px;
    margin-top: -2px;
    margin-left: -17px;
    color: #35aa47;
    font-size: 16px;
}
.price-actions {
    padding: 1.15em;
    text-align: center;
}

.pricing-table.selected {
    background-color: #35aa47;
}

.pricing-table.selected:hover {
    border-color: #ddd;
}

.pricing-table.selected .desc {
    border-bottom-color: #fff;
}

.pricing-table.selected h3,
.pricing-table.selected .desc,
.pricing-table.selected ul li,
.pricing-table.selected ul li i,
.pricing-table.selected .rate {
    color: #fff;
}


/* Date tables plugin changes */
.dataTable {
    clear: both;
    margin-top: 5px;
}

.dataTables_filter label {
    line-height: 32px !important;
}

.dataTables_paginate,
.dataTables_filter {
    float: right;
}

/*404 page*/

.error-404 {
    background: url("../img/404bg.jpg")no-repeat center center fixed  #393939;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.error-wrap.error-wrap-404 {
    width: 875px;
    margin: 12% auto 0;
    color: #fff;
    text-align: center;
}

.error-wrap .metro.big {
    float: left;
    width: 340px;
    height: 340px;
    margin: 0 10px 10px 0;
   font-family: 'Raleway', sans-serif;
}

.error-wrap.error-wrap-404 .metro.double {
    float: left;
    width: 340px;
    height: 165px;
    margin: 0 10px 10px 0;
   font-family: 'Raleway', sans-serif;
}

.error-wrap.error-wrap-404 .home {
    color: #fff;
    font-size: 70px;
    text-decoration: none;
    margin-top: 40px;
    display: inline-block;
}

.error-wrap .metro.double .page-txt {
   font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

.error-wrap.error-wrap-404 .metro {
    float: left;
}

.error-wrap.error-wrap-404 .metro.big span {
    padding-top: 160px;
}

.error-wrap.error-wrap-404 .terques {
    background: rgba(75,183,192,0.8);
}

.error-wrap.error-wrap-404 .red {
    background: rgba(232,104,127,0.8);
}

.error-wrap.error-wrap-404 .gray {
    background: rgba(89,88,88,0.5);
}

/*500 page*/

.error-500 {
    background: url("../img/500bg.jpg")no-repeat center center fixed  #393939;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.error-wrap {
    width: 100%;
    margin: 12% auto 0;
    color: #fff;
    text-align: center;
}

.error-wrap h1 {
    font-size: 45px;
}
.error-wrap h2 {
    font-size: 25px;
}

.error-wrap .metro {
    width: 165px;
    height: 165px;
    display: inline-block;
    margin: 0 10px 10px 0;
}

.error-wrap .metro span {
    font-size: 70px;
    padding-top: 70px;
    display: inline-block;
}
.error-wrap  p {
   font-family: 'Raleway', sans-serif;
    padding-top: 20px;
    font-size: 16px;
}
.error-wrap  p a {
    color: #48cffe;
}
.error-wrap .green {
    background: rgba(142,191,72,0.8);
}
.error-wrap .yellow {
    background: rgba(245,193,70,0.8);
}
.error-wrap .purple {
    background: rgba(175,94,197,0.8);
}




/*faq list*/
ul.faq-list li {
    line-height: 30px;
}
ul.faq-list li a{
    background: #eee;
    margin-bottom: 1px;
    color: #868686;
}
ul.faq-list li a:hover, ul.faq-list li a.active{
    margin-bottom: 1px;
    color: #fff;
}

/*search result*/

.search-result label {
    width: 0px !important;
}

.search-result .controls {
    margin-left: 100px;
    float: left;
    margin-right: 10px;
}
.search-result label, .search-result input, .search-result button {
    float: left;
}

.classic-search {
    margin-bottom: 30px;
}

.classic-search h4 {
    margin-bottom: 3px;
}
.classic-search h4 a {
    color: #314558;
}

.file-search tr td img {
    float: left;
    padding-right: 10px;
}
.file-search tr td strong {
    display: block;
    padding-top: 5px;
}

.file-search tr td {
    vertical-align: middle;
}

.product-search {
    background: #F7F7F7;
    margin-bottom: 15px;
}

.product-text img {
    float: left;
    margin-right: 15px;
}

.product-text, .product-text .product-text-info {
    overflow: hidden;
}

.product-info {
    color: #616161;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 15px 30px;
    text-transform: uppercase;
}

.product-info span {
    color: #e18090;
    display: block;
    font-size: 25px;
    font-weight: 200;
    margin-top: 10px;
    text-transform: uppercase;
}


/*mail-btn*/

.mail-btn .btn {
    background-image: -moz-linear-gradient(center top , #FDFDFD 0%, #EAEAEA 100%);
    box-shadow: none;
}
.mail-btn .btn:hover, .mail-btn .btn:focus {
    background: none;
    box-shadow: none;
}

.mail-btn .btn-group > .btn + .btn {
    margin-left: 0;
}

/*alert*/
.alert {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

}

/*error*/

.error-page {display: block; text-align: center;}

.error-page h1 {color: #adafb2; font-size: 30px; font-weight: bold; line-height: 50px; padding: 20px 0}

.error-page h1 strong {color: #adafb2; font-size: 60px; font-weight: bold}

.error-page p {color: #adafb2; font-size: 20px; font-weight: bold;}

/*----*/
.nav-stacked > li > a {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*gallery*/

.metro-gallery {
    position: relative;
}

.mega-covercaption {
    display: none;
}

.mega-covercaption:hover {
    display: block;
}

/*accordion-group*/

.accordion-group a {
    text-decoration: none;
}

.accordion-group {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*tab*/
.custom-tab{
	border-radius: 0 0 3px 3px !important;
    box-shadow: -1px 1px 4px 0 #e6e6e6;
    border: 0;
    background: white;
    position: relative;
    z-index: 3;
    min-height: 100px;
}
.custom-tab > .nav-tabs>.active>a:after {
    position: absolute;
    top: -5px;
    left: -1px;
    right: -1px;
    content: '';
    background: #ffc841;
    height: 4px;
    border-radius: 2px 2px 0 0;
    box-shadow: inset 1px 1px 1px rgba(33,36,37,0.2);
    z-index: 2;
}
.custom-tab .nav-tabs > li > a > i {
	 color: #fafafa;
}
.custom-tab .nav-tabs > li > a {
   transition: background 250ms ease,box-shadow 250ms ease,opacity 250ms ease;
    display: inline-block;
    color: #fafafa;
    font-weight: 700;
    opacity: 1;
    height: 100%;
    border-right: 1px solid #484f51;
    box-shadow: inset -1px 0 1px #60696d,inset 1px 0 1px #60696d;
    margin: 0;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    padding: 12px;
}
.custom-tab > .nav-tabs>.active>a,.custom-tab > .nav-tabs>.active>a:hover,.custom-tab > .nav-tabs>.active>a:focus{
    box-shadow: inset -1px 0 1px #545c5f,inset 1px 0 1px #545c5f;
    background: #3a4042 !important;
    position: relative;
    color: white;
    text-shadow: 0 1px 2px #212425;
    border-color: black;
}
.custom-tab-2 > .nav-tabs>.active>a,.custom-tab-2 > .nav-tabs>.active>a:hover,.custom-tab-2 > .nav-tabs>.active>a:focus{
    box-shadow: inset -1px 0 1px #545c5f,inset 1px 0 1px #545c5f;
    background: #3a4042 !important;
    position: relative;
    color: white;
    text-shadow: 0 1px 2px #212425;
    border-color: black;
}
.custom-tab-2 > .nav>li>a,.custom-tab-2 > .nav>li>a:hover,.custom-tab-2 > .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
	    padding-top: 3px;
    padding-bottom: 3px;
}
.custom-tab-2 > .nav-tabs{
    border:0 none;
}
.custom-tab > .nav-tabs {
    background: #545c5f;
    border: 1px solid #3a4042;
    border-bottom-width: 2px;
    box-shadow: 1px -1px 4px 0 rgba(0,0,0,0.15),inset 1px 1px 1px 0 rgba(255,255,255,0.15);
    border-radius: 3px 3px 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.custom-tab > .tab-content {
    background-color: #FFFFFF;
   /* border: 1px solid #c3c3c3;*/
    border-radius: 0 0 0 0;
    padding: 10px !important;
}
ul.wysihtml5-toolbar{
	background: none;
}
.wysihtml5-toolbar> li{margin:0 0 !important;}
.wysihtml5-toolbar li > a,.wysihtml5-toolbar li > .btn-group>a{background:none;}
/*tree view*/

.widget-body > .actions {
    float: right;
    margin: 6px 0 0;
    padding: 3px 5px 2px;
}

/*blog*/

.blog {
    border-bottom: 1px solid #dcdbdb;
    display: inline-block;
    margin: 10px 0;
}

.blog img {margin-bottom: 10px; width: 100%; margin-top: 12px}

.blog h2, .blog h2 a{
    color: #868686 !important;
    font-size: 28px;
    font-weight: normal;
    margin: 15px 0 0 0;
    padding: 0;
    line-height: normal;
}

.blog h2 a:hover {
    color: #4A8BC2 !important;
}

.blog p {
    margin-bottom: 20px;
}

.blog a.blog-features {
    display: block;
    text-align: center;
    margin-bottom: 10px;
   font-family: 'Raleway', sans-serif;
    padding: 10px;
    font-weight: normal;
    background: #ededed;
    color: #969696;
    text-decoration: none;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.blog .author {
    color: #3b3431;
}

.blog .blog-features i {
    font-size: 35px;
    margin: 5px 0;
    display: inline-block;
}

.blog .orange .blog-features.active, .blog .orange .blog-features:hover {
    background: #f37b53;
    color: #fff;
}

.blog .green .blog-features.active, .blog .green .blog-features:hover {
    background: #0ca389;
    color: #fff;
}

.blog .red .blog-features.active, .blog .red .blog-features:hover {
    background: #de577b;
    color: #fff;
}

.blog .yellow .blog-features.active, .blog .yellow .blog-features:hover {
    background: #fccb2f;
    color: #fff;
}

.blog .date p{
    margin: 0;
    padding: 0px;
    line-height: 30px;
}

.blog .date .day, .blog .date .month {
    display: block;
}

.blog .date .day {
    font-size: 35px;
    margin: 5px 0;
}

.blog .date .month {
    text-transform: uppercase;
    font-size: 20px;
}

.blog-side-bar {
    padding: 15px 0px 1px 10px;
    color: #fff;
    margin-bottom: 20px;
}

.blog-side-bar h2 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: normal;
    font-family: "MyriadPro-Regular";
}

.blog-side-bar ul {
    margin-top: 15px;
    margin-left: 0;
}
/*blue box*/
.blog-side-bar.blue-box {
    background: #66bbfc;
}

.blog-side-bar.blue-box ul li {
    display: inline-block;
    text-align: center;
}

.blog-side-bar.blue-box ul li a {
    background: #5ca8e2;
    margin: 0px 5px 8px 0;
    /*padding: 10px;*/
    display: inline-block;
    text-align: center;
    
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.blog-side-bar.blue-box ul li a:hover {
    background: #fff;
}

.blog-side-bar.blue-box ul li a:hover i, .blog-side-bar.blue-box ul li a:hover span{
    color: #606060;
}

/*green box*/
.blog-side-bar.green-box {
    background: #0ca389;
}

.blog-side-bar .green-box-blog {
    background: #0b927b;
    padding: 2%;
    width: 93%;
    display: inline-block;
}

.blog-side-bar.green-box ul li {
    display: inline-block;
    text-align: center;
}

.blog-side-bar.green-box ul li a {
    background: #5ca8e2;
    margin: 0px 5px 8px 0;
    padding: 10px;
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.blog-side-bar.green-box ul li a:hover {
    background: #fff;
}

.blog-side-bar.green-box ul li a:hover i, .blog-side-bar.green-box ul li a:hover span{
    color: #606060;
}

/*red box*/
.blog-side-bar.red-box {
    background: #de577b;
}

.blog-side-bar.red-box ul li {
    display: inline-block;
    text-align: center;
}

.blog-side-bar.red-box ul li a {
    background: #da6e4b;
    padding: 10px;
    display: inline-block;
    text-align: center;

    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.blog-side-bar.red-box ul li a:hover {
    background: #fff;
}

.blog-side-bar.red-box ul li a:hover i, .blog-side-bar.red-box ul li a:hover span{
    color: #606060;
}

/*-------*/

/*orange box*/
.blog-side-bar.orange-box {
    background: #f37b53;
}

.blog-side-bar.orange-box ul li {
    display: inline-block;
    text-align: center;
}

.blog-side-bar.orange-box ul li a {
    background: #da6e4b;
    margin: 0px 5px 8px 0;
    padding: 10px;
    display: inline-block;
    text-align: center;
    width: 74px;
    height: 74px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.blog-side-bar.orange-box ul li a:hover {
    background: #fff;
}

.blog-side-bar.orange-box ul li a:hover i, .blog-side-bar.orange-box ul li a:hover span{
    color: #606060;
}

/*-------*/
.blog-side-bar ul li i {
    font-size: 30px;
    width: 100%;
    margin-top: 10px;
}

.blog-side-bar ul li span.large {
    font-size: 25px;
    width: 100%;
    margin-top: 10px;
   font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

.blog-side-bar ul li i, .blog-side-bar ul li span {
    display: inline-block;
    color: #fff;
}

.blog-side-bar ul li:last-child {
    margin-right: 0;
}

.blog-side-bar ul li a {
    display: block;
    line-height: 35px;
    text-decoration: none;
}

.blog-side-bar h5, .blog-side-bar h5 a {
    padding: 0;
    margin: 10px 0 0 0;
    line-height: normal;
    font-weight: bold;
    color: #fff;
}

.blog-side-bar p {
    margin-bottom: 0;
}

.blog-side-bar ul.tag {
    width: 100%;
    display: inline-block;
}

.blog-side-bar ul.tag li {
    float: left;
    margin-right: 10px;
    border-bottom: none;
    margin-bottom: 10px;
    line-height: 18px;
}

.blog-side-bar ul.tag li a {
    color: #fff;
    padding: 0px 10px;
    background: #c74e6e;

}

.blog-side-bar ul.tag li a:hover {
    background: #fff;
    color: #606060;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.show-right {
    float: right !important;
}

.post-comment .color-red {
    color: #FF0000;
}


/*custom pagination*/

.custom-pagination {
    margin: 10px 0 20px;
}

.custom-pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.custom-pagination ul > li {
    display: inline;
    margin: 0 5px;
}

.custom-pagination ul > li > a {
    border: 1px solid #dcdbdb;
    color: #717171;
    padding: 5px 10px;
    text-decoration: none;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.custom-pagination ul > li > a:hover,
.custom-pagination ul > li > a:focus,
.custom-pagination ul > .active > a,
.custom-pagination ul > .active > span {
    background: #4a8bc2;
    border: 1px solid #4a8bc2;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
}

/*invoice-list*/


.invoice-list h5 {
    text-transform: uppercase;
}

.invoice-block {
    text-align: right;
}

ul.amounts li {
    padding:10px;
    margin-bottom: 5px;
    background: #f1f1f1;
}

.invoice-date-range .control-group label, .invoice-date-range .control-group input {
    float: left;
}

.invoice-date-range .control-group label {
    width: 70px;
}

.invoice-date-range .control-group input {
    margin-right: 15px;
}

.billing-form label{
    width: 25%;
    float: left;
}

.invoice-input input {
    margin-bottom: 0;
}

/*about us*/

.about-us img{
    width: 100%;
    height: 188px;
}
.about-us .info {
    height: 188px;
    color: #fff;
    float: left;
    width: 100%;
}

.about-us .terques {
    background: #2fbfca;
}
.about-us .red {
    background: #de577b;
}
.about-us .green {
    background: #8ebf48;
}
.about-us .blue {
    background: #66bbfc;
}
.about-us .yellow {
    background: #f5c146;
}
.about-us .orange {
    background: #f37b53;
}
.about-us .info h1 {
    font-size: 30px;
    text-align: center;
    padding-top: 45px;
    line-height: normal;
    margin-bottom: 0;
   font-family: 'Raleway', sans-serif;
}
.about-us .info p {
    font-size: 14px;
    text-align: center;
   font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

.about-us .info .social-links {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.about-us .info .social-links a {
    margin: 0 5px;
    font-size: 20px;
    color: rgba(256,256,256,0.5);
    text-decoration: none;
}
.about-us .info .social-links a:hover {
    color: #fff;
}
/*contact us*/
.contact-us h3 {
    text-align: center;
    padding-bottom:0px;
    margin:0;
}
.contact-us h4 {
    color: #fff !important;
    margin:0;
    padding: 12px 11px 10px 15px;
}

.contact-us .feedback p {
    text-align: center;
}

.one-half {
margin-right: 21px;
}

.feedback .control-group  {
    margin-bottom: 15px;
}

.datepicker.dropdown-menu {z-index: 10000;width:300px;}


/*editable table*/

#editable-sample tr td input.small {
    width: 160px !important;
}

/*profile*/

.profile-head {
    background: #595758;
    padding:20px;
    min-height: 86px;
   font-family: 'Raleway', sans-serif;
}

.profile .profile-photo {
    position: relative;
}

.profile .profile-photo a.edit {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: rgba(0,0,0, 0.5);
    text-align: center;
    color: #fff;
    text-decoration: none;

}

.profile .profile-photo, .profile .profile-photo img {
    width: 100%;
    height: 126px;
    padding: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
}

.profile a.profile-features {
    background: #ededed;
    display: inline-block;
    width: 100%;
    height: 126px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.profile a.profile-features i {
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    display: inline-block;
    color: #969696;
}

.profile a.profile-features p.info {
    color: #969696;
    font-size: 16px;
   font-family: 'Raleway', sans-serif;
}

.profile a.profile-features:hover, .profile a.profile-features.active {
    background: #2db2bb;
    color: #fff;
}

.profile a.profile-features:hover i, .profile a.profile-features.active i ,
.profile a.profile-features:hover p, .profile a.profile-features.active p{
    color: #fff;
}

.profile-head h1 {
    color: #fff;
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: normal;
}

.profile-head p {
    color: #979797;
}

.profile-head .social-link-pf {
    margin-top: 25px;
}

.profile-head .social-link-pf li {
    display: inline-block;
    margin: 0 10px;
}

.profile-head .social-link-pf li a{
    display: inline-block;
    background: #828284;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    color: #595758;
    text-decoration: none;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.profile-head .social-link-pf li a:hover {
    background: #4c8ac7;
    color: #fff;
}

.profile-head .social-link-pf li a i{
    padding-top: 8px;
    display: inline-block;
}

.btn-edit {
    background: #696969;
    color: #fff;
    outline: none;
}

.bio p label {
    display: inline-block;
    width: 100px;
}

.profile-side-box {
    background: #f5f5f5;
}

.profile-side-box h1 {
    background: #e8697e;
    color: #fff;
    padding: 30px 20px;
    font-size: 22px;
}

.profile-side-box.green h1 {
    background: #0da38a;
    color: #fff;
    padding: 30px 20px;
    font-size: 22px;
}

.profile-side-box .desk {
    padding: 20px 15px;
}

.profile-side-box .desk .experience h4, .profile-side-box .desk .experience p {
    padding: 0px;
    margin: 0;
    line-height: normal;
}

.profile-side-box .desk .experience h4 {
    color: #0da38a;
    font-weight: bold;
}

.profile-side-box {
    margin-bottom: 20px;
}

.profile-side-box.red {
    border-bottom: 1px solid #e8697e;
}

.profile-side-box.green {
    border-bottom: 1px solid #0da38a;
}

.profile-side-box img {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    width: 65px;
    height: 65px;
}

.profile-side-box p {
    padding-top: 10px;
}

.profile-side-box p a{
    color: #4c4442;
}

/*profile activities*/

.activities {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
}

.activities li {
    position: relative;
}

.activities:before {
    background: #E5E5E5;
    bottom: 0;
    content: "";
    left: 28%;
    margin-left: -6px;
    position: absolute;
    top: 0;
    width: 1px;
}

.activities > li .activities-title {
    display: block;
    padding-right: 30px;
    position: absolute;
    width: 25%;
    text-align: right;
    top: 26px;
}

.activities > li .activities-tmicon {
    background: #E5E5E5;
    height: 1px;
    left: 30.4%;
    line-height: 40px;
    margin: 0 0 0 -20px;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 30px;
    width: 20px;
}


.activities > li .activities-tmlabel {
    background: #ededed;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 15px 30%;
    padding: 1em;
    position: relative;
}

.activities > li .activities-tmlabel h4 {
    margin: 0;
}

.activities > li .activities-tmlabel em {
    font-size: 12px;
}

.profile-contact p{
    margin-bottom: 0px;
}

.profile-contact {
    background: url("../img/profile-contact.jpg") no-repeat right;
}

/*portlet*/

.portlet-scroll-1, .portlet-scroll-2, .portlet-scroll-3 {
    height: 200px;
}

.widget-title > .tools, .widget-title > .actions {
    float: right;
    margin: 0;
    padding: 4px 5px 2px;
}

.widget-title .pagination.pagination-small {
    display: inline-block !important;
    float: right !important;
    margin: 5px 6px 0 0;
}


.widget-title > .actions > .btn.btn-mini {
    margin-top: 0px;
}
.widget-title > .actions > .btn-group > .btn.btn-mini {
    margin-top: 2px !important;
}

.widget-title > .actions > .btn-group > .btn.dropdown-toggle {
    margin-top: 2px;
}

.widget-title > .tools > a {
    color: #fff;
    text-decoration: none;
}

.widget-title div.tools {
    float: right;
    margin: 2px 0 0;
    padding: 6px 10px;
}

.sm-btn-position {
    margin-top: 3px !important;
}

/*dual select*/

.countLabel
{
    color:Gray;
    font-style:italic;
}

.storageBox
{
    display:none;
}

.copiedOption
{
    background-color:Yellow;
}

.d-sel-filter{
    float: left;
    width: 100%;
}

.d-sel-filter .btn {
    height: 30px;
}

.d-sel-filter span, .d-sel-filter input, .d-sel-filter button {
    float: left;
}

.d-sel-filter span {
    padding-top: 5px;
}

.d-sel-filter span {
    margin-right: 10px;
}


/* social-button css */

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-bitbucket{color:#fff;background:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background:#183c60;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background:#205081;border-color:rgba(0,0,0,0.2)}
.btn-dropbox{color:#fff;background:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background:#0d70b7;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-flickr{color:#fff;background:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background:#d6006f;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-github{color:#fff;background:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background:#444;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background:#446a89;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background:#517fa4;border-color:rgba(0,0,0,0.2)}
.btn-linkedin{color:#fff;background:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background:#005f8d;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-pinterest{color:#fff;background:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{color:#fff;background:#a81a20;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-tumblr{color:#fff;background:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background:#1f3346;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background:#2ba9e1;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background:#1c92c7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background:#2ba9e1;border-color:rgba(0,0,0,0.2)}
.btn-vk{color:#fff;background:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background:#4a6a89;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background:#587ea3;border-color:rgba(0,0,0,0.2)}



#radial_gradient
{
	
	width:80%;
	height:580px;
	position:absolute;
	background-position:0px -240px;
	background-repeat:no-repeat;
	margin:0px auto;
}

#header
{
	margin:0px auto;
	
}





.clear
{
	clear:both;
}

#left_top
{
	float:left;
	margin-left:5px;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#ffffff;
	font-size:18px;
    margin-top:4px;
}

#right_top a
{
	float:right;
	margin-right:8px;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#ffffff;
	font-size:16px;
    margin-top:5px;
}

.awesome, .awesome:visited {
	
	margin-top:6px;
   background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 4px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#ffffff;
	font-size:18px;
}

.blue.awesome, .blue.awesome:visited		
{ 
	background-color: #0098cb; 
}
.blue.awesome:hover
{ 
	background-color: #014d66; 
}

/***************************** circular **********************************/
#loading
{
	background-image:url(../images/loading.gif);
	display:none;
	margin:0px auto;
	margin-top:8px;
	width:32px;
	height:32px;
}

#center_out
{
	
}

#results
{
	margin:0px auto;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#ffffff;
	font-size:22px;
    margin-top:50px;
	text-align:center;
	
	background:#0098cb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:26px;
	display:none;
}

#error
{
	margin:0px auto;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color:#ffffff;
	font-size:14px;
    margin-top:50px;
	text-align:center;
	width:400px;
}
#librayr a{
	float:left;
	position:relative;
	border: 1px solid #e7e7e7;
}

/*==================== styles........ =========================*/
.product-img{
	float:left;
	position:relative;
	border: 1px solid #e9e9e9;
	margin-right: 10px;
}

.product-img .btn{
	position: absolute;
	right: 0;
	bottom: 0;
}

#librayr img{
	width: 100px;
}

#librayr input{
	position:absolute;
	right: 0;
	bottom: 0;
}

#librayr a:hover{
	border: 1px solid red;
}

.product-images img{
	width: 100px;
}
.logo1{}
.logo2{margin-top: 72px;margin-left: 5px; margin-bottom: 20px;}
.logo3{margin-top: 68px;margin-bottom: 20px;}

@media (max-width: 600px) {
   .logo1{width:150px;}
   .logo2{width: 34px;margin-bottom: 20px;margin-left: 0px;margin-top: 46px;}
   .logo3{width: 34px;margin-bottom: 42px;margin-top: 68px;width: 70px;}
}

.feeds{
background: #fff;
width: 37%;
padding: 30px;
float: left;
margin: 10px;	
position: absolute;
}

/* #formDetail2,#formDetail3,#formDetail4{display:none;} */


.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {margin:0;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50% !important;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.well{
	    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.05);
    border-radius: 3px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
    color: #6d787c;
    font-weight: 400;
    min-height: 10px;
}
 .mycontact .control-group {
    margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}   
.mycontact .controls{
	margin-left: 65px;
	
	}
.mycontact label{
	    width: auto !important;
}
.mycontact input {
    border: 0 !important;
}

/* .chzn-container-multi{width:100% !important;} */


.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 0%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 89%;
            float: left;
			background: #fff;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 0%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50% !important;
            border-top-left-radius: 50% !important;
            border-bottom-right-radius: 50% !important;
            border-bottom-left-radius: 50% !important;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}


.blog-box{padding: 0px;}

.blog-btn{border-top: solid 1px rgba(200, 215, 225, 0.5);}
.blog-btn > .span3 > a:hover,.blog-btn > .span6 > a:hover{
	    background: transparent;
    text-decoration: none;
}
.blog-btn > .span3,.blog-btn > .span6 {padding: 1.564103%;
    border-left: solid 1px rgba(200, 215, 225, 0.5);}
.blog-btn > li > .btn{}

.photo-btn{
    background: transparent !important;
    color: blue;
    border: 3px dashed #E9EFF3;
    padding: 65px 10px;
	
}

.modal .modal-footer{
	background: #fff;
}
.modal .btn{
	/* background-color: #4e69a2;
    border-color: #435a8b #3c5488 #334c83;
    line-height: 22px;
    color: #fff;
    font-weight: bold; */
}	
.modal .modal-header{
	background-color: #f6f7f8;
border-bottom: 1px solid #e5e5e5;
    border-radius: 3px 3px 0 0;
    color: #141823;
    font-weight: bold;
    line-height: 19px;
    padding: 10px 12px;
}

.modal .modal-body{
	background-color: #e9eaed;
}
.modal form{
	margin:0;
}

.modal{
	width:840px;
	left:42%;
	
}

.well-title{
	background-color: #5f6d73;
    border-bottom: 1px solid #87A6BC;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-weight: bold;
    line-height: 19px;
    padding: 22px 21px;
    margin: 0;
    font-size: 20px;
	text-transform: uppercase;
}
.padding-none{padding:0;}
.well-body{
	padding:20px 50px;
}
.my-well{
	border-radius: 0.1875rem;
    background-color: #ffffff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,0.12);
    padding: 2.5rem;
    position: relative;margin-bottom: 30px;
}
.sidebar-menu li.open{
	background-color: #fff;
}

#sidebar > ul > li > ul.sub > li input{
	margin-left: 28px;
}
@media (max-width: 979px){
.navbar .nav-collapse .nav.pull-right{
	background: #0087BE;
    z-index: 1000;
}
.nav-collapse, .nav-collapse.collapse{
	z-index: 1000;
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{
	color: #fff;
}
.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a{
	color: #fff;
}
.dropdown-menu.extended li a{
	background: transparent !important;
}
}
@media (max-width: 979px) and (min-width: 768px){
.sidebar-scroll {
    height: 300px;
    overflow: none;
    position: relative !important;
    width: 100%;
    z-index: none;
}
}
@media (max-width: 979px) and (min-width: 768px){
#main-content {
    margin: 7px !important;
    margin-top: 76px !important;
}
}
@media (max-width: 1280px){
.navbar .nav > li > a {
    padding: 20px 5px;
    text-transform: uppercase;
    font-size: 10px;
}
}


@charset "UTF-8";
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,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

.tablehead {
    background: #87a6bc;
    color: white;
    font-weight: bolder;
}

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;
  appearance: none; }



.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text: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; }

.post-excerpt, .editor-media-modal-gallery__preview-individual .wp-caption, .comment__content, .reader__card .reader__full-post-content, .reader__full-post-content {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3d596d; }

.posts__list .post__meta li a:before, .updated-confirmation .conf-alert .conf-alert_title:after, .chart__empty_notice::before, .reader__full-post-content .video-plh-notice::before, input[type=checkbox]:checked:before, .checkbox-tristate:checked:before, .noticon:before, .mce-toolbar .mce-advanced button,
.noticon:after, .billing-history-page .filter-popover-content:before, .billing-history-page .filter-popover-content th, .plan-actions__current-plan-label:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.posts__list .post__meta li a:before, .updated-confirmation .conf-alert .conf-alert_title:after, .chart__empty_notice::before, .reader__full-post-content .video-plh-notice::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;
    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; }

.stats-module.is-loading ul.module-header-actions .gridicon, ul.module-header-actions .stats-module.is-loading .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, ul.module-header-actions .stats-module.is-loading .gridicon:hover::before,
.stats-module.is-loading ul.module-header-actions .gridicon::before, ul.module-header-actions
.stats-module.is-loading .gridicon::before,
.stats-module.is-loading ul.module-header-actions .gridicon:hover, ul.module-header-actions
.stats-module.is-loading .gridicon:hover,
.stats-module.is-loading ul.module-header-actions .gridicon, ul.module-header-actions
.stats-module.is-loading .gridicon {
  color: #f3f6f8;
  fill: #f3f6f8; }

.welcome-message .welcome-section-title, .domain-search-page-wrapper h2, .translator-invitation__title, .media-library__heading, .sharing-service-group__title, .stats-section-title {
  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, .module-expand a, .module-content-text .documentation a, .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; }

.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 {
  transition: -webkit-transform .2s ease-out;
  transition: 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 {
  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); }

body.animate .slide-in-left,
html.animate .slide-in-left {
  transition: -webkit-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); }

body.animate .slide-out-right,
html.animate .slide-out-right {
  transition: -webkit-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); }

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

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

body.animate .fade-background,
html.animate .fade-background {
  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);
    -webkit-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);
    -webkit-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; } }

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, .token-field, .editor-slug.editor-more-options__slug-field input[type="text"].form-text-input {
  margin: 0;
  padding: 7px 14px;
     width: 100%;
  height: auto;
  color: #2e4453;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #c8d7e1;
  background-color: white;
  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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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: 19px;
  margin: 2px 0 0;
  float: left;
  outline: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  
 width: 19px;
  appearance: none; }

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



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: #00aadc;
    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: #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 {
  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;
  width: 100%;
    height: auto;
  -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: #00aadc;
    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; }

/**
 * 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: 100%;
  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; }

.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;
  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;
  transition: opacity .15s ease-in-out; }
  .toolbar-bulk__actions:after {
    content: ".";
    display: block;
    height: 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-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
    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;
  appearance: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-sizing: border-box;
  background: #00aadc;
  border-color: #0091bb;
  border-top-color: #0099c6;
  border-bottom-color: #0088b0;
  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: #00aadc;
  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 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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: #00aadc;
  color: white;
  font: 11px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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: #00aadc;
  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; } }

/**
* 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; }

/**
 * 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;
  transition: opacity 0.1s linear;
  transition-delay: 0.4s; }
  @media (max-width: 480px) {
    .layout__loader {
      background: #0087be; } }

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

/* =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; }


button,
input,
select,
textarea,
.button,
.cancel-confirm .button-primary,
.cancel-confirm input[type=submit],
#footer,
#footer a.readmore {
  }

/*rtl:ignore*/
body.rtl,
.rtl button,
.rtl input,
.rtl select,
.rtl textarea,
.rtl .button,
.rtl .cancel-confirm .button-primary, .cancel-confirm
.rtl .button-primary,
.rtl
.cancel-confirm input[type=submit],
.cancel-confirm
.rtl input[type=submit],
.rtl #footer,
.rtl #footer a.readmore {
  font-family: Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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 .cancel-confirm .button-primary, .cancel-confirm
:lang(he) .rtl .button-primary,
:lang(he) .rtl
.cancel-confirm input[type=submit],
.cancel-confirm
:lang(he) .rtl input[type=submit],
:lang(he) .rtl #footer,
:lang(he) .rtl #footer a.readmore {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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; }



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, .mce-toolbar .mce-advanced button,
.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;
  overflow: hidden; }
  .wp-content:after {
    content: ".";
    display: block;
    height: 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 {
  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);
  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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
    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;
    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; } }

html.no-scroll {
  overflow: hidden; }

/*
 * 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, .wp-overlay .user-actions ul li .cancel-confirm .button-primary, .cancel-confirm .wp-overlay .user-actions ul li .button-primary, .wp-overlay .user-actions ul li
  .cancel-confirm input[type=submit],
  .cancel-confirm .wp-overlay .user-actions ul li input[type=submit] {
    padding: 0 16px 0 22px;
    line-height: 40px;
    height: 40px;
    float: right; }
    .wp-overlay .user-actions ul li .button:hover, .wp-overlay .user-actions ul li .cancel-confirm .button-primary:hover, .cancel-confirm .wp-overlay .user-actions ul li .button-primary:hover, .wp-overlay .user-actions ul li
    .cancel-confirm input[type=submit]:hover,
    .cancel-confirm .wp-overlay .user-actions ul li input[type=submit]: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);
    transition: all 0.1s ease-out; }
  .detail-page__backdrop.detail-page-leave {
    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: #00aadc;
      background: #e9eff3; }
    .detail-page__action-buttons .detail-page-close.is-primary:focus {
      color: #00aadc; }
  .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 {
    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; }

/**
 * Site Grid
 */
.sites__grid {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-bottom: 80px; }
  @media (max-width: 660px) {
    .sites__grid {
      padding-left: .25em;
      padding-right: .25em; } }

.sites__select-heading {
  clear: both;
  color: #3d596d;
  display: block;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px; }

.site-card__add-new .gridicon {
  margin: 28px 0 4px;
  color: #668eaa;
  transition: all 0.1s ease-in-out; }

.site-card__add-new a:hover .gridicon {
  color: #00aadc; }

.site-card__add-new .site-card__content {
  min-height: 192px;
  box-sizing: border-box;
  background: none;
  box-shadow: none;
  border: 2px dashed #c8d7e1;
  padding-top: 24px; }
  .site-card__add-new .site-card__content .site-card__title {
    color: #668eaa; }

.site-card__add-new:hover .site-card__content {
  box-shadow: none;
  border: 2px dashed #00aadc; }
  .site-card__add-new:hover .site-card__content .site-card__title {
    color: #00aadc; }

.site-card {
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  margin-bottom: 20px;
  margin-right: 2%;
  width: 32%; }
  @media (max-width: 480px) {
    .site-card {
      width: 100%; } }
  .site-card:nth-child(3n) {
    margin-right: 0; }
  .site-card.has-update .site-options li {
    display: none; }
  .site-card.has-update .site-options li:last-child {
    background: #f0b849;
    display: block;
    font-size: 12px;
    width: 100%;
    letter-spacing: 0;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: none; }
    .site-card.has-update .site-options li:last-child 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;
      margin-right: 8px;
      opacity: 0.6;
      vertical-align: text-bottom; }
  .site-card.has-update .update-available {
    color: white; }
  .site-card.has-problem .site-options li {
    display: none; }
  .site-card.has-problem .site-options li:last-child {
    background: #d94f4f;
    display: block;
    font-size: 12px;
    width: 100%;
    letter-spacing: 0;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: none; }
    .site-card.has-problem .site-options li:last-child 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;
      margin-right: 8px;
      opacity: 0.6;
      vertical-align: text-bottom; }
    .site-card.has-problem .site-options li:last-child a {
      color: white; }
  .site-card:hover .site-content {
    box-shadow: 0 1px 4px rgba(46, 68, 83, 0.2); }
    @media (max-width: 660px) {
      .site-card:hover .site-content {
        box-shadow: none; } }
  .site-card:hover .site-title, .site-card:hover .site-description {
    color: #00aadc; }
    @media (max-width: 660px) {
      .site-card:hover .site-title, .site-card:hover .site-description {
        color: #2e4453; } }
  .site-card:hover .site-description {
    color: #00aadc; }
    @media (max-width: 660px) {
      .site-card:hover .site-description {
        color: #87a6bc; } }

.site-card__content {
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  margin-bottom: 0;
  min-height: 144px;
  padding: 40px 20px 10px;
  position: relative;
  text-align: center; }
  .site-card__content.is-empty {
    min-height: 144px; }
    .site-card__content.is-empty .site-card__title,
    .site-card__content.is-empty .site-card__description,
    .site-card__content.is-empty .site-icon {
      -webkit-animation: pulse-light 0.8s ease-in-out infinite;
              animation: pulse-light 0.8s ease-in-out infinite; }
    .site-card__content.is-empty .site-card__title {
      background: #c8d7e1;
      height: 16px;
      margin: 4px auto 10px;
      width: 50%; }
    .site-card__content.is-empty .site-card__description {
      background: #c8d7e1;
      height: 10px;
      margin: 4px auto;
      width: 70%; }
  .site-card__content .site-card__header {
    background-color: #e9eff3;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    overflow: hidden; }
    .site-card__content .site-card__header img {
      max-width: 150%;
      max-height: none; }
  .site-card__content .site-icon {
    display: inline-block;
    border: 2px solid white;
    margin-bottom: .4em;
    box-shadow: 0 1px 1px rgba(46, 68, 83, 0.2); }
  .site-card__content .site-card__title {
    white-space: nowrap;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /**
		 * Show lock icon on private sites
		 * todo: use @extend noticon
		 */ }
    .is-private .site-card__content .site-card__title::before {
      font: normal 16px/1 Noticons;
      display: inline-block;
      color: #87a6bc;
      content: "\f470";
      vertical-align: bottom;
      height: 20px;
      line-height: 1.1;
      margin-right: 2px; }
  .site-card__content .site-card__description {
    font-size: 13px;
    font-weight: 200;
    color: #87a6bc;
    font-style: italic;
    line-height: 1.4em;
    margin-bottom: .4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .site-card__content .site-card__options {
    margin: 0; }
    .site-card__content .site-card__options li {
      font-size: 11px;
      list-style: none;
      display: inline-block;
      color: #87a6bc;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
      .site-card__content .site-card__options li:nth-child(2):before {
        content: '\00a0\2022\00a0'; }

/* 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-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-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-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-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, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.rtl .posts__list .post__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

:lang(he) .rtl .posts__list .post__quote {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

/**
 * 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;
    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 {
  transition: opacity 0.3s ease;
  opacity: 0; }
  .updated-trans-enter .updated-confirmation {
    pointer-events: none; }
  .updated-trans-enter .conf-alert {
    transition: -webkit-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: 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 {
  transition: opacity 0.3s ease;
  opacity: 1; }
  .updated-trans-leave .updated-confirmation {
    pointer-events: none; }
  .updated-trans-leave .conf-alert {
    transition: -webkit-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: 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); }

/**
 * 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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -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-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;
  transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease; }
  .post-controls__pane > li {
    -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: #00aadc; }

.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, .purchased .product .actions .cancel-confirm .button-primary, .cancel-confirm .purchased .product .actions .button-primary, .purchased .product .actions
    .cancel-confirm input[type=submit],
    .cancel-confirm .purchased .product .actions input[type=submit] {
      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, .expiring .product .actions .cancel-confirm .button-primary, .cancel-confirm .expiring .product .actions .button-primary, .expiring .product .actions
    .cancel-confirm input[type=submit],
    .cancel-confirm .expiring .product .actions input[type=submit] {
      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; } }

/**
 * 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; } }

.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);
    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-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-flex: 0 0 170px;
          -ms-flex: 0 0 170px;
              flex: 0 0 170px; }
    .checkout .payment-box.is-empty .placeholder-row {
      height: 40px;
      -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-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-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-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-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;
        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;
        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;
    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: #00aadc;
    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-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -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-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-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: #00aadc;
      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: #00aadc;
      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;
      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-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;
    transition: all 0.3s ease-in-out; }
    .privacy-protection label.selected {
      border-color: #00AADC; }
    @media (min-width: 661px) {
      .privacy-protection label {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -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, .privacy-protection-dialog.dialog.card .privacy-comparison li .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-dialog.dialog.card .privacy-comparison li .button-primary, .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li .button-primary, .privacy-protection-dialog.dialog.card .privacy-comparison li
      .cancel-confirm input[type=submit],
      .cancel-confirm .privacy-protection-dialog.dialog.card .privacy-comparison li input[type=submit], .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li
      .cancel-confirm input[type=submit],
      .cancel-confirm .privacy-protection-dialog.dialog.editor-drawer-well__placeholder .privacy-comparison li input[type=submit] {
        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;
  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;
  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: 1;
  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, .billing-history-page .view-receipt-wrapper .receipt-links .cancel-confirm .button-primary, .cancel-confirm .billing-history-page .view-receipt-wrapper .receipt-links .button-primary, .billing-history-page .view-receipt-wrapper .receipt-links
    .cancel-confirm input[type=submit],
    .cancel-confirm .billing-history-page .view-receipt-wrapper .receipt-links input[type=submit] {
      display: block;
      margin: 10px 0;
      padding: 15px;
      text-align: center; }
      @media (min-width: 481px) {
        .billing-history-page .view-receipt-wrapper .receipt-links .button, .billing-history-page .view-receipt-wrapper .receipt-links .cancel-confirm .button-primary, .cancel-confirm .billing-history-page .view-receipt-wrapper .receipt-links .button-primary, .billing-history-page .view-receipt-wrapper .receipt-links
        .cancel-confirm input[type=submit],
        .cancel-confirm .billing-history-page .view-receipt-wrapper .receipt-links input[type=submit] {
          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__content {
  overflow: visible;
  padding: 0 0 20px 0;
  position: static; }

.domain-search-page-wrapper h2 {
  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; }
  @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; } }

@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/google-apps-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 34px;
    margin: 2px 7px 0 0;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 102px; }
  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;
  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; }
  .google-apps-dialog__users .google-apps-dialog__user-email {
    margin-bottom: 9px; }
  .google-apps-dialog__users .google-apps-dialog__user-first-name {
    margin-bottom: 9px; }
    @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); } }
  @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); } }
  .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;
    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, .google-apps-dialog__footer .cancel-confirm .button-primary, .cancel-confirm .google-apps-dialog__footer .button-primary, .google-apps-dialog__footer
  .cancel-confirm input[type=submit],
  .cancel-confirm .google-apps-dialog__footer input[type=submit] {
    width: 100%;
    margin-top: 10px; }
    @media (min-width: 661px) {
      .google-apps-dialog__footer .button, .google-apps-dialog__footer .cancel-confirm .button-primary, .cancel-confirm .google-apps-dialog__footer .button-primary, .google-apps-dialog__footer
      .cancel-confirm input[type=submit],
      .cancel-confirm .google-apps-dialog__footer input[type=submit] {
        width: auto;
        margin: 0 auto auto 10px; } }
    .google-apps-dialog__footer .button:first-of-type, .google-apps-dialog__footer .cancel-confirm .button-primary:first-of-type, .cancel-confirm .google-apps-dialog__footer .button-primary:first-of-type, .google-apps-dialog__footer
    .cancel-confirm input[type=submit]:first-of-type,
    .cancel-confirm .google-apps-dialog__footer input[type=submit]:first-of-type {
      margin-left: 0;
      margin-top: 0; }
      .google-apps-dialog__footer .button:first-of-type.is-primary, .google-apps-dialog__footer .cancel-confirm .button-primary:first-of-type.is-primary, .cancel-confirm .google-apps-dialog__footer .button-primary:first-of-type.is-primary, .google-apps-dialog__footer
      .cancel-confirm input[type=submit]:first-of-type.is-primary,
      .cancel-confirm .google-apps-dialog__footer input[type=submit]:first-of-type.is-primary {
        margin-top: 10px; }
        @media (min-width: 661px) {
          .google-apps-dialog__footer .button:first-of-type.is-primary, .google-apps-dialog__footer .cancel-confirm .button-primary:first-of-type.is-primary, .cancel-confirm .google-apps-dialog__footer .button-primary:first-of-type.is-primary, .google-apps-dialog__footer
          .cancel-confirm input[type=submit]:first-of-type.is-primary,
          .cancel-confirm .google-apps-dialog__footer input[type=submit]:first-of-type.is-primary {
            margin-top: 0; } }

/**
 * 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: #00aadc; }
  .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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-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-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, .menus__menu-actions .cancel-confirm .button-primary, .cancel-confirm .menus__menu-actions .button-primary, .menus__menu-actions
  .cancel-confirm input[type=submit],
  .cancel-confirm .menus__menu-actions input[type=submit] {
    margin-left: 0.7em; }
    .menus__menu-actions .button.noticon:before, .menus__menu-actions .mce-toolbar .mce-advanced button, .mce-toolbar .mce-advanced .menus__menu-actions button, .menus__menu-actions .cancel-confirm .noticon.button-primary:before, .cancel-confirm .menus__menu-actions .noticon.button-primary:before, .menus__menu-actions
    .cancel-confirm input.noticon[type=submit]:before,
    .cancel-confirm .menus__menu-actions input.noticon[type=submit]: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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-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; }
    .menus__menu-item .menu-item-name:before {
      font-size: 16px;
      margin-right: 12px;
      color: #00aadc;
      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-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: right;
    margin-right: -8px;
    /* compensate buttons padding, more universal */
    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;
      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: #00aadc;
        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: #00aadc;
        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: #00aadc; }
      .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: #00aadc;
    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: #00aadc; }
    .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: #00aadc;
        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: #00aadc;
    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;
      transition: all 200ms ease-out; }
    .menus__menu-item-open .editable-item-content .menus__menu-item-form-name {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -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-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-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;
        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;
          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;
            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: #00aadc; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li > label:hover:before {
              color: #00aadc; }
        .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: #00aadc; }
            .menus__menu-item-open .editable-item-content .menus__menu-item-form-types li.is-selected > label:before {
              color: #00aadc; }
    .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;
          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;
            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: #00aadc; }
        .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, .menus__menu-item-actions .cancel-confirm .button-primary, .cancel-confirm .menus__menu-item-actions .button-primary, .menus__menu-item-actions
  .cancel-confirm input[type=submit],
  .cancel-confirm .menus__menu-item-actions input[type=submit] {
    margin-left: 0.5em; }
    .menus__menu-item-actions .button.noticon, .menus__menu-item-actions .mce-toolbar .mce-advanced button, .mce-toolbar .mce-advanced .menus__menu-item-actions button, .menus__menu-item-actions .cancel-confirm .noticon.button-primary, .cancel-confirm .menus__menu-item-actions .noticon.button-primary, .menus__menu-item-actions
    .cancel-confirm input.noticon[type=submit],
    .cancel-confirm .menus__menu-item-actions input.noticon[type=submit] {
      font-family: inherit;
      -webkit-font-smoothing: inherit;
      color: #6f7a88; }
      .menus__menu-item-actions .button.noticon:hover, .menus__menu-item-actions .mce-toolbar .mce-advanced button:hover, .mce-toolbar .mce-advanced .menus__menu-item-actions button:hover, .menus__menu-item-actions .cancel-confirm .noticon.button-primary:hover, .cancel-confirm .menus__menu-item-actions .noticon.button-primary:hover, .menus__menu-item-actions
      .cancel-confirm input.noticon[type=submit]:hover,
      .cancel-confirm .menus__menu-item-actions input.noticon[type=submit]:hover {
        color: #324155; }
      .menus__menu-item-actions .button.noticon:before, .menus__menu-item-actions .mce-toolbar .mce-advanced button, .mce-toolbar .mce-advanced .menus__menu-item-actions button, .menus__menu-item-actions .cancel-confirm .noticon.button-primary:before, .cancel-confirm .menus__menu-item-actions .noticon.button-primary:before, .menus__menu-item-actions
      .cancel-confirm input.noticon[type=submit]:before,
      .cancel-confirm .menus__menu-item-actions input.noticon[type=submit]: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
		 */
    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; }

/**
 * 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 {
      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, .design-assets__button-row .cancel-confirm .button-primary, .cancel-confirm .design-assets__button-row .button-primary, .design-assets__button-row
.cancel-confirm input[type=submit],
.cancel-confirm .design-assets__button-row input[type=submit] {
  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: 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, .NuxWelcomeMessage__primary-content .cancel-confirm .button-primary, .cancel-confirm .NuxWelcomeMessage__primary-content .button-primary, .NuxWelcomeMessage__primary-content
  .cancel-confirm input[type=submit],
  .cancel-confirm .NuxWelcomeMessage__primary-content input[type=submit] {
    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: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: linear-gradient(to bottom, transparent 50%, #00aadc 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: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 100%); }
    .NuxWelcome .close-button:after {
      width: 1px;
      height: 108px;
      background: linear-gradient(to bottom, #c8d7e1 0%, rgba(200, 215, 225, 0) 100%); }
    .notouch .NuxWelcome .close-button:before, .notouch .NuxWelcome .close-button:after {
      transition: -webkit-transform 0.2s ease;
      transition: 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, .NuxWelcomeMessage__primary-content .cancel-confirm .button-primary, .cancel-confirm .NuxWelcomeMessage__primary-content .button-primary, .NuxWelcomeMessage__primary-content
    .cancel-confirm input[type=submit],
    .cancel-confirm .NuxWelcomeMessage__primary-content input[type=submit] {
      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; } }

/**
 * Oauth login page, used in WordPress Desktop App
 */
.is-section-login {
  background: #0087be;
  height: 100%; }
  .is-section-login .wp-content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: none;
    padding-left: 0;
    padding-right: 0; }
  .is-section-login .wp-content:after {
    content: none; }
  .is-section-login .wp-primary {
    height: 100%; }

.auth.main {
  float: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background: none; }
  .auth.main .notice {
    width: calc( 100% - 20px);
    margin: 20px auto 0 auto; }
  .auth.main .notice.is-info {
    color: #f3f6f8;
    padding: 0;
    margin: 20px auto 0 auto; }
  .auth.main .notice.is-info .notice__text {
    padding: 0; }
  .auth.main .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 .cancel-confirm .is-primary[disabled].button-primary, .cancel-confirm
  .auth__form .form-buttons-bar .is-primary[disabled].button-primary,
  .auth__form .form-buttons-bar
  .cancel-confirm input.is-primary[disabled][type=submit],
  .cancel-confirm
  .auth__form .form-buttons-bar input.is-primary[disabled][type=submit],
  .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 .cancel-confirm .is-primary[disabled].button-primary, .cancel-confirm .auth__form .form-buttons-bar .is-primary[disabled].button-primary, .auth__form .form-buttons-bar
  .cancel-confirm input.is-primary[disabled][type=submit],
  .cancel-confirm .auth__form .form-buttons-bar input.is-primary[disabled][type=submit], .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 {
  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; }

.accordion {
  box-shadow: 0 -1px 0 #dce5ec, 0 1px 0 #dce5ec;
  margin-top: 1px;
  position: relative; }

.accordion__toggle {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 16px;
  padding-right: 38px;
  color: #2e4453;
  background-color: #f3f6f8;
  text-align: left; }
  .accordion__toggle:hover {
    background-color: #e9eff3; }
  .accordion__toggle::after {
    font-size: 22px;
  /*   content: "\f432"; */
    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: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a8bece; }

.accordion.is-expanded {
  box-shadow: 0 0 0 1px #c8d7e1; }
  .accordion.is-expanded .accordion__toggle {
    background-color: white;
    box-shadow: 0 0 0 1px #c8d7e1; }
    .accordion.is-expanded .accordion__toggle::after {
      content: '\f432'; }
  .accordion.is-expanded .accordion__content {
    overflow: visible; }

.accordion__header.has-subtitle .accordion__toggle {
  padding-top: 8px;
  padding-bottom: 8px; }

.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; }

.accordion__header.has-icon .accordion__title,
.accordion__header.has-icon .accordion__subtitle {
  padding-left: 28px; }

.accordion__subtitle {
  font-size: 0.8em;
  font-style: italic;
  color: #87a6bc;
  white-space: nowrap;
  overflow-x: 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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  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: 16px; }

.accordion__section {
  margin-bottom: 24px; }

.accordion__section:last-child {
  margin-bottom: 0; }

.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: #00aadc;
  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; }

.bulk-select {
  display: inline-block; }

.bulk-select__container {
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .bulk-select__container .gridicon {
    color: #00aadc;
    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 {
  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;
  appearance: none;
  vertical-align: baseline; }

.button, .cancel-confirm .button-primary,
.cancel-confirm input[type=submit] {
  background: white;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 1px 2px !important;
  color: #2e4453;
  cursor: pointer !important;
  display: inline-block !important;
  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 !important;
  -webkit-appearance: none;
  appearance: none; }
  .button:hover, .cancel-confirm .button-primary:hover,
  .cancel-confirm input[type=submit]:hover {
    border-color: #a8bece;
    color: #2e4453; }
  .button:active, .cancel-confirm .button-primary:active,
  .cancel-confirm input[type=submit]:active {
    border-width: 2px 1px 1px; }
  .button:visited, .cancel-confirm .button-primary:visited,
  .cancel-confirm input[type=submit]:visited {
    color: #2e4453; }
  .button[disabled], .cancel-confirm [disabled].button-primary,
  .cancel-confirm input[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button, .button:disabled, .cancel-confirm .button-primary:disabled,
  .cancel-confirm input[type=submit]:disabled {
    color: #e9eff3;
    background: white;
    border-color: #e9eff3;
    cursor: default; }
    .button[disabled]:active, .cancel-confirm [disabled].button-primary:active,
    .cancel-confirm input[disabled][type=submit]:active, .editor-drawer-well__placeholder[disabled] .editor-drawer-well__button:active, .button:disabled:active, .cancel-confirm .button-primary:disabled:active,
    .cancel-confirm input[type=submit]:disabled:active {
      border-width: 1px 1px 2px; }
  .button:focus, .cancel-confirm .button-primary:focus,
  .cancel-confirm input[type=submit]:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa; }
  .button.is-compact, .cancel-confirm .is-compact.button-primary,
  .cancel-confirm input.is-compact[type=submit] {
    padding: 7px;
    color: #668eaa;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .button.is-compact:disabled, .cancel-confirm .is-compact.button-primary:disabled,
    .cancel-confirm input.is-compact[type=submit]:disabled {
      color: #e9eff3; }
    .button.is-compact .gridicon, .cancel-confirm .is-compact.button-primary .gridicon,
    .cancel-confirm input.is-compact[type=submit] .gridicon {
      top: 4px;
      margin-top: -8px; }
  .button.hidden, .cancel-confirm .hidden.button-primary,
  .cancel-confirm input.hidden[type=submit] {
    display: none; }
  .button .gridicon, .cancel-confirm .button-primary .gridicon,
  .cancel-confirm input[type=submit] .gridicon {
    position: relative;
    top: 4px;
    margin-top: -2px;
    width: 18px;
    height: 18px; }

.button.is-primary, .cancel-confirm .is-primary.button-primary,
.cancel-confirm input.is-primary[type=submit] {
  background: #00aadc;
  border-color: #0087be;
  color: white; }
  .button.is-primary:hover, .cancel-confirm .is-primary.button-primary:hover,
  .cancel-confirm input.is-primary[type=submit]:hover, .button.is-primary:focus, .cancel-confirm .is-primary.button-primary:focus,
  .cancel-confirm input.is-primary[type=submit]:focus {
    border-color: #005082;
    color: white; }
  .button.is-primary[disabled], .cancel-confirm .is-primary[disabled].button-primary,
  .cancel-confirm input.is-primary[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .is-primary.editor-drawer-well__button, .button.is-primary:disabled, .cancel-confirm .is-primary.button-primary:disabled,
  .cancel-confirm input.is-primary[type=submit]:disabled {
    background: #bceefd;
    border-color: #8cc9e2;
    color: white; }
  .button.is-primary.is-compact, .cancel-confirm .is-primary.is-compact.button-primary,
  .cancel-confirm input.is-primary.is-compact[type=submit] {
    color: white; }

.button.is-scary, .cancel-confirm .is-scary.button-primary,
.cancel-confirm input.is-scary[type=submit] {
  color: #d94f4f; }
  .button.is-scary:hover, .cancel-confirm .is-scary.button-primary:hover,
  .cancel-confirm input.is-scary[type=submit]:hover, .button.is-scary:focus, .cancel-confirm .is-scary.button-primary:focus,
  .cancel-confirm input.is-scary[type=submit]:focus {
    border-color: #d94f4f; }
  .button.is-scary:focus, .cancel-confirm .is-scary.button-primary:focus,
  .cancel-confirm input.is-scary[type=submit]:focus {
    box-shadow: 0 0 0 2px #eba3a3; }
  .button.is-scary[disabled], .cancel-confirm .is-scary[disabled].button-primary,
  .cancel-confirm input.is-scary[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .is-scary.editor-drawer-well__button, .button.is-scary:disabled, .cancel-confirm .is-scary.button-primary:disabled,
  .cancel-confirm input.is-scary[type=submit]:disabled {
    color: #f4cdcd;
    border-color: #e9eff3; }

.button.is-primary.is-scary, .cancel-confirm .is-primary.is-scary.button-primary,
.cancel-confirm input.is-primary.is-scary[type=submit] {
  background: #d94f4f;
  border-color: #a02222;
  color: white; }
  .button.is-primary.is-scary:hover, .cancel-confirm .is-primary.is-scary.button-primary:hover,
  .cancel-confirm input.is-primary.is-scary[type=submit]:hover, .button.is-primary.is-scary:focus, .cancel-confirm .is-primary.is-scary.button-primary:focus,
  .cancel-confirm input.is-primary.is-scary[type=submit]:focus {
    border-color: #4c1010; }
  .button.is-primary.is-scary[disabled], .cancel-confirm .is-primary.is-scary[disabled].button-primary,
  .cancel-confirm input.is-primary.is-scary[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .is-primary.is-scary.editor-drawer-well__button, .button.is-primary.is-scary:disabled, .cancel-confirm .is-primary.is-scary.button-primary:disabled,
  .cancel-confirm input.is-primary.is-scary[type=submit]:disabled {
    background: #eba3a3;
    border-color: #e48484; }

.button.is-borderless, .cancel-confirm .is-borderless.button-primary,
.cancel-confirm input.is-borderless[type=submit] {
  border: none;
  color: #668eaa;
  padding-left: 0;
  padding-right: 0; }
  .button.is-borderless:hover, .cancel-confirm .is-borderless.button-primary:hover,
  .cancel-confirm input.is-borderless[type=submit]:hover {
    color: #2e4453; }
  .button.is-borderless:focus, .cancel-confirm .is-borderless.button-primary:focus,
  .cancel-confirm input.is-borderless[type=submit]:focus {
    box-shadow: none; }
  .button.is-borderless .gridicon, .cancel-confirm .is-borderless.button-primary .gridicon,
  .cancel-confirm input.is-borderless[type=submit] .gridicon {
    width: auto;
    height: auto;
    top: 6px; }
  .button.is-borderless[disabled], .cancel-confirm .is-borderless[disabled].button-primary,
  .cancel-confirm input.is-borderless[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button, .button.is-borderless:disabled, .cancel-confirm .is-borderless.button-primary:disabled,
  .cancel-confirm input.is-borderless[type=submit]:disabled {
    color: #e9eff3;
    background: white;
    cursor: default; }
    .button.is-borderless[disabled]:active, .cancel-confirm .is-borderless[disabled].button-primary:active,
    .cancel-confirm input.is-borderless[disabled][type=submit]:active, .editor-drawer-well__placeholder[disabled] .is-borderless.editor-drawer-well__button:active, .button.is-borderless:disabled:active, .cancel-confirm .is-borderless.button-primary:disabled:active,
    .cancel-confirm input.is-borderless[type=submit]:disabled:active {
      border-width: 0; }
  .button.is-borderless.is-scary, .cancel-confirm .is-borderless.is-scary.button-primary,
  .cancel-confirm input.is-borderless.is-scary[type=submit] {
    color: #d94f4f; }
    .button.is-borderless.is-scary:hover, .cancel-confirm .is-borderless.is-scary.button-primary:hover,
    .cancel-confirm input.is-borderless.is-scary[type=submit]:hover, .button.is-borderless.is-scary:focus, .cancel-confirm .is-borderless.is-scary.button-primary:focus,
    .cancel-confirm input.is-borderless.is-scary[type=submit]:focus {
      color: #a02222; }
    .button.is-borderless.is-scary[disabled], .cancel-confirm .is-borderless.is-scary[disabled].button-primary,
    .cancel-confirm input.is-borderless.is-scary[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .is-borderless.is-scary.editor-drawer-well__button {
      color: #f4cdcd; }
  .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; }
    .button.is-borderless.is-compact .gridicon, .cancel-confirm .is-borderless.is-compact.button-primary .gridicon,
    .cancel-confirm input.is-borderless.is-compact[type=submit] .gridicon {
      width: 18px;
      height: 18px;
      top: 5px; }

.wp-content input[type=reset], .wp-content input[type=reset]:hover, .wp-content input[type=reset]:active, .wp-content input[type=reset]:focus {
  background: 0 0;
  border: 0;
  padding: 0 2px 1px;
  width: auto;
  box-shadow: none; }

.wp-content p .button, .wp-content p .cancel-confirm .button-primary, .cancel-confirm .wp-content p .button-primary, .wp-content p
.cancel-confirm input[type=submit],
.cancel-confirm .wp-content p input[type=submit] {
  vertical-align: baseline; }

.wp-content button::-moz-focus-inner,
.wp-content input[type=reset]::-moz-focus-inner,
.wp-content input[type=button]::-moz-focus-inner,
.wp-content input[type=submit]::-moz-focus-inner {
  border-width: 1px 0;
  border-style: solid none;
  border-color: transparent;
  padding: 0; }

.button.is-link, .cancel-confirm .is-link.button-primary,
.cancel-confirm input.is-link[type=submit] {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: #00aadc;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.65; }
  .button.is-link:hover, .cancel-confirm .is-link.button-primary:hover,
  .cancel-confirm input.is-link[type=submit]:hover, .button.is-link:focus, .cancel-confirm .is-link.button-primary:focus,
  .cancel-confirm input.is-link[type=submit]:focus, .button.is-link:active, .cancel-confirm .is-link.button-primary:active,
  .cancel-confirm input.is-link[type=submit]:active {
    color: #33bbe3;
    box-shadow: none; }

.button.noticon, .mce-toolbar .mce-advanced button, .cancel-confirm .noticon.button-primary,
.cancel-confirm input.noticon[type=submit] {
  line-height: inherit; }
  .button.noticon:before, .mce-toolbar .mce-advanced button, .cancel-confirm .noticon.button-primary:before,
  .cancel-confirm input.noticon[type=submit]:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal; }

.button-group .button, .button-group .cancel-confirm .button-primary, .cancel-confirm .button-group .button-primary, .button-group
.cancel-confirm input[type=submit],
.cancel-confirm .button-group input[type=submit] {
  border-left-width: 0;
  border-radius: 0; }
  .button-group .button:focus, .button-group .cancel-confirm .button-primary:focus, .cancel-confirm .button-group .button-primary:focus, .button-group
  .cancel-confirm input[type=submit]:focus,
  .cancel-confirm .button-group input[type=submit]:focus {
    position: relative;
    z-index: 1;
    box-shadow: inset 1px 0 0 #00aadc, 0 0 0 2px #78dcfa; }
  .button-group .button.is-primary:focus, .button-group .cancel-confirm .is-primary.button-primary:focus, .cancel-confirm .button-group .is-primary.button-primary:focus, .button-group
  .cancel-confirm input.is-primary[type=submit]:focus,
  .cancel-confirm .button-group input.is-primary[type=submit]:focus {
    box-shadow: inset 1px 0 0 #005082, 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:focus, .button-group .cancel-confirm .is-scary.button-primary:focus, .cancel-confirm .button-group .is-scary.button-primary:focus, .button-group
  .cancel-confirm input.is-scary[type=submit]:focus,
  .cancel-confirm .button-group input.is-scary[type=submit]:focus {
    box-shadow: inset 1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; }
  .button-group .button.is-primary.is-scary:focus, .button-group .cancel-confirm .is-primary.is-scary.button-primary:focus, .cancel-confirm .button-group .is-primary.is-scary.button-primary:focus, .button-group
  .cancel-confirm input.is-primary.is-scary[type=submit]:focus,
  .cancel-confirm .button-group input.is-primary.is-scary[type=submit]:focus {
    box-shadow: inset 1px 0 0 #761919, 0 0 0 2px #eba3a3; }
  .button-group .button:first-child:focus, .button-group .cancel-confirm .button-primary:first-child:focus, .cancel-confirm .button-group .button-primary:first-child:focus, .button-group
  .cancel-confirm input[type=submit]:first-child:focus,
  .cancel-confirm .button-group input[type=submit]:first-child:focus {
    box-shadow: 0 0 0 2px #78dcfa; }
  .button-group .button.is-scary:first-child:focus, .button-group .cancel-confirm .is-scary.button-primary:first-child:focus, .cancel-confirm .button-group .is-scary.button-primary:first-child:focus, .button-group
  .cancel-confirm input.is-scary[type=submit]:first-child:focus,
  .cancel-confirm .button-group input.is-scary[type=submit]:first-child:focus {
    box-shadow: 0 0 0 2px #eba3a3; }

.button-group .button:first-child, .button-group .cancel-confirm .button-primary:first-child, .cancel-confirm .button-group .button-primary:first-child, .button-group
.cancel-confirm input[type=submit]:first-child,
.cancel-confirm .button-group input[type=submit]:first-child {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.button-group .button:last-child, .button-group .cancel-confirm .button-primary:last-child, .cancel-confirm .button-group .button-primary:last-child, .button-group
.cancel-confirm input[type=submit]:last-child,
.cancel-confirm .button-group input[type=submit]:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.section-header .button-group .button, .section-header .button-group .cancel-confirm .button-primary, .cancel-confirm .section-header .button-group .button-primary, .section-header .button-group
.cancel-confirm input[type=submit],
.cancel-confirm .section-header .button-group input[type=submit] {
  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;
    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: 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-flex;
  display: -ms-flexbox;
  display: flex; }

.chart__bar {
  text-align: center;
  display: inline-block;
  position: relative;
  height: 200px;
  -ms-flex-grow: 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: #00aadc; }
  .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: 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;
    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 {
        content: '\f456';
        position: absolute;
        top: 23px;
        left: 20px;
        margin: -12px 0px 0 -8px;
        font-size: 24px;
        line-height: 1; } }

.chart__tooltip {
  z-index: 1000;
  position: absolute;
  /* default offset for edge-cases: https://github.com/component/tip/pull/12 */
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .chart__tooltip.tip-bottom-left .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-bottom-left .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-bottom-color: #3d596d;
      position: absolute;
      left: 231px /*rtl:ignore*/;
      top: -3px; }
      .rtl .chart__tooltip.tip-bottom-left .tip-arrow::before {
        left: -18px /*rtl:ignore*/;
        top: -3px; }
  .chart__tooltip.tip-bottom-right .tip-arrow, .chart__tooltip.tip-bottom .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-bottom-right .tip-arrow::before, .chart__tooltip.tip-bottom .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-bottom-color: #3d596d;
      position: absolute;
      left: 11px /*rtl:ignore*/;
      top: -3px; }
      .rtl .chart__tooltip.tip-bottom-right .tip-arrow::before, .rtl .chart__tooltip.tip-bottom .tip-arrow::before {
        left: -238px /*rtl:ignore*/;
        top: -3px; }
  .chart__tooltip.tip-top .tip-arrow {
    border-color: rgba(255, 255, 255, 0);
    position: absolute; }
    .chart__tooltip.tip-top .tip-arrow::before {
      content: '';
      border: 4px solid rgba(255, 255, 255, 0);
      border-top-color: #3d596d;
      position: absolute;
      left: 118px /*rtl:ignore*;
      bottom: -40px; }
  .chart__tooltip.tip-bottom .tip-arrow::before {
    left: 86px /*rtl:ignore*/;
    top: -4px; }
    .rtl .chart__tooltip.tip-bottom .tip-arrow::before {
      left: -93px /*rtl:ignore*/; }
  .chart__tooltip .tip-inner {
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    color: white;
    background: #3d596d;
    font-size: 11px;
    padding: 6px 10px;
    margin-top: 4px;
    width: 230px;
    text-align: left; }
    .chart__tooltip .tip-inner ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .chart__tooltip .tip-inner ul:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      .chart__tooltip .tip-inner ul li {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 100;
        height: 24px;
        letter-spacing: 0.1em;
        border: 0; }
        .chart__tooltip .tip-inner ul li .wrapper {
          display: block;
          line-height: inherit;
          line-height: 24px;
          clear: both; }
        .chart__tooltip .tip-inner ul li .value {
          text-align: right;
          float: right;
          min-width: 22px;
          color: #c8d7e1; }
        .chart__tooltip .tip-inner ul li .label {
          display: block;
          overflow: hidden;
          word-break: break-all;
          vertical-align: baseline; }
        .chart__tooltip .tip-inner ul li .gridicon {
          vertical-align: middle;
          margin-right: 6px;
          margin-top: -3px; }
  .chart__tooltip.is-streak {
    margin-top: -5px;
    height: 35px; }
    .chart__tooltip.is-streak .tip-arrow::before {
      left: 85px;
      top: 30px; }
    .chart__tooltip.is-streak .tip-inner {
      width: 160px;
      position: relative;
      top: -10px; }
      .chart__tooltip.is-streak .tip-inner li {
        height: 14px; }
        .chart__tooltip.is-streak .tip-inner li .label {
          width: 100%;
          float: left;
          text-align: center; }
          .rtl .chart__tooltip.is-streak .tip-inner li .label {
            font-size: 11px; }
          .chart__tooltip.is-streak .tip-inner li .label .post-count {
            font-weight: bold; }
        .chart__tooltip.is-streak .tip-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: 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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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); }

.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; }

.count {
  display: inline-block;
  padding: 1px 6px;
  border: solid 1px #87a6bc;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  color: #87a6bc;
  text-align: center; }

.date-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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: #a8bece; }

.date-picker__day_event {
  border-color: #c8d7e1; }

.date-picker__day-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  transition: color 90ms ease; }

.date-picker__day-selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: -webkit-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: scale(0);
          transform: scale(0);
  opacity: 0;
  border-radius: 50%;
  background-color: #00aadc; }

.date-picker__day.is-selected .date-picker__day-selected {
  transition: -webkit-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: 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;
  color: #87a6bc;
  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-Weekday {
  display: table-cell;
  padding: 15px 0 10px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: #c8d7e1;
  text-transform: uppercase; }

.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;
  color: #87a6bc; }

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default; }

.DayPicker-Day--today::before {
  content: '';
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -12px;
  border: solid 1px #f0821e;
  border-radius: 50%; }

.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 {
    color: #c8d7e1; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: white;
  background-color: #f3f6f8; }

.DayPicker--ar {
  direction: rtl; }

.dialog__backdrop {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 46px;
  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;
  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, .dialog__action-buttons .cancel-confirm .button-primary, .cancel-confirm .dialog__action-buttons .button-primary, .dialog__action-buttons
.cancel-confirm input[type=submit],
.cancel-confirm .dialog__action-buttons input[type=submit] {
  margin-left: 10px;
  min-width: 80px; }
  .dialog__action-buttons .button .is-left-aligned, .dialog__action-buttons .cancel-confirm .button-primary .is-left-aligned, .cancel-confirm .dialog__action-buttons .button-primary .is-left-aligned, .dialog__action-buttons
  .cancel-confirm input[type=submit] .is-left-aligned,
  .cancel-confirm .dialog__action-buttons input[type=submit] .is-left-aligned {
    margin-left: 0;
    margin-right: 10px; }

.dialog__action-buttons .is-left-aligned {
  float: left; }

.domain-mapping-suggestion {
  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: #668eaa;
  display: inline-block;
  font-size: 17px;
  font-weight: 600; }
  @media (min-width: 661px) {
    .domain-product-price {
      min-width: 125px; } }
  @media (max-width: 660px) {
    .domain-product-price {
      font-size: 14px; } }
  @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__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) {
    .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-flex;
  display: -ms-flexbox;
  display: flex; }
  .domain-suggestion:after {
    content: ".";
    display: block;
    height: 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-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%; }
  @media (min-width: 661px) {
    .domain-suggestion__content {
      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; }
  .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-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 1px 0 0 5%;
  min-width: 100px; }
  @media (min-width: 661px) {
    .domain-suggestion__action {
      margin-top: 3px; } }
  @media (min-width: 961px) {
    .domain-suggestion__action {
      margin-top: 0; } }
  .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; }
    .is-placeholder .domain-suggestion__action .button, .is-placeholder .domain-suggestion__action .cancel-confirm .button-primary, .cancel-confirm .is-placeholder .domain-suggestion__action .button-primary, .is-placeholder .domain-suggestion__action
    .cancel-confirm input[type=submit],
    .cancel-confirm .is-placeholder .domain-suggestion__action input[type=submit] {
      opacity: 0;
      pointer-events: none; }
  .domain-suggestion__action .button, .domain-suggestion__action .cancel-confirm .button-primary, .cancel-confirm .domain-suggestion__action .button-primary, .domain-suggestion__action
  .cancel-confirm input[type=submit],
  .cancel-confirm .domain-suggestion__action input[type=submit] {
    width: 100%; }
    .domain-suggestion__action .button.added, .domain-suggestion__action .cancel-confirm .added.button-primary, .cancel-confirm .domain-suggestion__action .added.button-primary, .domain-suggestion__action
    .cancel-confirm input.added[type=submit],
    .cancel-confirm .domain-suggestion__action input.added[type=submit] {
      background-color: #f3f6f8; }
      .domain-suggestion__action .button.added .noticon, .domain-suggestion__action .cancel-confirm .added.button-primary .noticon, .cancel-confirm .domain-suggestion__action .added.button-primary .noticon, .domain-suggestion__action
      .cancel-confirm input.added[type=submit] .noticon,
      .cancel-confirm .domain-suggestion__action input.added[type=submit] .noticon {
        font-size: 25px;
        line-height: 16px; }

.example-domain-suggestions {
  background-color: #f3f6f8;
  padding: 0; }

.example-domain-suggestions__illustration {
  background: url("/calypso/images/drake/drake-nomedia.svg") center no-repeat;
  background-size: 175%;
  float: left;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25%; }
  @media (max-width: 660px) {
    .example-domain-suggestions__illustration {
      display: none; } }

.example-domain-suggestions__information {
  background-color: white;
  width: 100%; }
  @media (max-width: 660px) {
    .example-domain-suggestions__information {
      padding: 5px 0; } }
  @media (min-width: 661px) {
    .example-domain-suggestions__information {
      float: right;
      width: 75%; } }

.example-domain-suggestions__header {
  color: #4f748e;
  font-size: 22px;
  font-weight: 200;
  margin: 15px 20px; }

.example-domain-suggestions__list {
  list-style: none;
  margin: 0 20px; }
  .example-domain-suggestions__list li {
    background-color: #f3f6f8;
    padding: 15px;
    margin: 2px 0; }
    .example-domain-suggestions__list li:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    @media (min-width: 481px) {
      .example-domain-suggestions__list li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.example-domain-suggestions__price {
  color: #87a6bc;
  font-size: 14px; }
  @media (min-width: 661px) {
    .example-domain-suggestions__price {
      font-size: 16px; } }
  @media (min-width: 481px) {
    .example-domain-suggestions__price {
      text-align: right;
      width: 100%; } }
  .example-domain-suggestions__price.is-free {
    text-transform: uppercase; }

.example-domain-suggestions__mapping-information {
  color: #4f748e;
  margin: 15px 20px; }
  .example-domain-suggestions__mapping-information a {
    text-decoration: underline; }

.map-domain-step {
  padding: 0; }
  .map-domain-step fieldset {
    clear: left; }
  .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; }
  @media (min-width: 661px) {
    .map-domain-step .domain-product-price {
      float: right;
      margin-top: -5px; } }
  .map-domain-step .notice {
    margin-top: 25px; }

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

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

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

.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;
    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;
  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;
    transition: 0.3s opacity, 0.3s background-color; }
  .drop-zone.is-dragging-over-element {
    background-color: rgba(0, 170, 220, 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;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: 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 {
  display: block;
  margin-bottom: 6px;
  width: auto;
  height: auto;
  font-size: 60px; }

.drop-zone.is-full-screen .drop-zone__content {
  font-size: 30px; }

.drop-zone.is-full-screen .drop-zone__content-icon {
  font-size: 70px; }

/**
 * Emojify
 */
.emojify__emoji {
  height: 18px;
  width: 18px;
  vertical-align: middle; }

.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__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 .gridicons-external {
  color: currentColor;
  margin-left: 8px;
  top: 2px;
  position: relative; }

.feature-example {
  height: 400px;
  margin-top: 36px;
  position: relative;
  overflow: hidden; }

.feature-example__gradient {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(243, 246, 248, 0.4), #f3f6f8);
  z-index: 179; }

.foldable-card.card, .foldable-card.editor-drawer-well__placeholder {
  position: relative;
  transition: margin .15s linear;
  padding: 0; }
  .foldable-card.card:after, .foldable-card.editor-drawer-well__placeholder:after {
    content: ".";
    display: block;
    height: 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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 2 1;
      -ms-flex: 2 1;
          flex: 2 1;
  margin-right: 5px; }
  @media (max-width: 480px) {
    .foldable-card__main {
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1; } }

.foldable-card__secondary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -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-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    vertical-align: middle;
    transition: -webkit-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; }
    .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: #00aadc; }

.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: #87a6bc;
  font-size: 12px;
  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 {
    transition: none;
    -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; }

.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: 8px;
    left: 13px;
    fill: #a8bece;
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.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 {
  overflow: hidden;
  z-index: 179;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
  @media (min-width: 661px) {
    .global-notices {
      top: 63px;
      right: 16px;
      bottom: auto;
      left: auto;
      max-width: calc( 100% - 32px); } }
  @media (min-width: 961px) {
    .global-notices {
      top: 71px;
      right: 24px;
      max-width: calc( 100% - 48px); } }
  @media (min-width: 1041px) {
    .global-notices {
      right: 32px;
      max-width: calc( 100% - 64px); } }

.global-notices .notice {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0; }
  @media (min-width: 661px) {
    .global-notices .notice {
      border-radius: 20px;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      overflow: hidden;
      margin-bottom: 24px; } }

@media (min-width: 661px) {
  .global-notices .notice__icon {
    padding: 8px 0 8px 16px; } }

.global-notices .notice__text {
  padding-left: 16px; }
  @media (min-width: 661px) {
    .global-notices .notice__text {
      padding: 9px 13px; } }

@media (min-width: 661px) {
  .global-notices .notice a.notice__action {
    font-size: 14px;
    padding: 9px 16px; } }

@media (min-width: 661px) {
  .global-notices .notice__dismiss {
    padding: 8px 16px; } }

/**
 * @component Gravatar
 */
.gravatar {
  border-radius: 50%; }
  .gravatar.is-placeholder {
    background: #c8d7e1;
    display: inline-block;
    -webkit-animation: pulse-light 0.8s ease-in-out infinite;
            animation: pulse-light 0.8s ease-in-out infinite; }

.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; }

.header-cake.card, .header-cake.editor-drawer-well__placeholder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 18px;
  padding: 0; }
  .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-flex: none;
      -ms-flex: none;
          flex: none;
  display: block;
  max-width: 33.333%;
  padding: 16px;
  color: #4f748e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }
  .header-cake__back .gridicon {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.6; }
  .header-cake__back.is-spacer {
    opacity: 0;
    cursor: default; }

.header-cake__back-text {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase; }

.header-cake__title {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 16px 0;
  color: #4f748e;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.infinite-list__spacer {
  width: 100%; }

.info-popover .gridicon {
  cursor: pointer;
  color: #b8cad7; }
  .info-popover .gridicon:hover {
    color: #2e4453; }

.info-popover.is_active .gridicon {
  color: #2e4453; }

.popover.info-popover__tooltip .tip-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: #87a6bc;
  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, .logged-out-form__footer .cancel-confirm .is-primary.button-primary, .cancel-confirm .logged-out-form__footer .is-primary.button-primary, .logged-out-form__footer
  .cancel-confirm input.is-primary[type=submit],
  .cancel-confirm .logged-out-form__footer input.is-primary[type=submit] {
    float: none;
    margin: 0;
    width: 100%; }

.logged-out-form__link-item {
  border-bottom: 1px solid #c8d7e1;
  color: #87a6bc;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 21px;
  padding: 16px 0 16px 16px;
  cursor: pointer; }
  @media (min-width: 481px) {
    .logged-out-form__link-item {
      padding-left: 24px; } }
  .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: #00aadc; }

.like-button {
  display: inline-block;
  padding: 4px 4px 4px 27px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  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 {
    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 {
    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; } }

.main {
  margin: auto;
  max-width: 720px;
  z-index: 20; }
  .main.themes, .main.sites {
    max-width: 100%; }
  .main.customize {
    max-width: 100%; }
  @media (max-width: 660px) {
    .main {
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000;
              perspective: 1000; } }

.main .empty-content {
  margin-top: 0; }

.mobile-back-to-sidebar {
  margin: 0 0 8px 0;
  padding: 15px 0 15px 36px;
  position: relative;
  background: white;
  border-bottom: 1px solid #c8d7e1; }
  @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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  margin-bottom: 24px;
  border-radius: 1px;
  background: #f3f6f8;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }
  @media (min-width: 661px) {
    .notice {
      font-size: inherit; } }
  .notice.is-success {
    background: #4ab866; }
  .notice.is-warning {
    background: #f0b849; }
  .notice.is-error {
    background: #d94f4f; }
  .notice.is-info {
    background: #0087be; }

.notice__icon {
  padding: 13px 0 13px 16px; }
  @media (max-width: 660px) {
    .notice__icon {
      display: none; } }

.notice__text {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 100px;
      -ms-flex-preferred-size: 100px;
          flex-basis: 100px;
  font-size: 15px;
  padding: 11px 24px; }
  .notice__text > span,
  .notice__text > div {
    max-width: 680px; }
  @media (min-width: 661px) {
    .notice__text {
      padding: 13px; } }

.notice__button {
  cursor: pointer;
  margin-left: 0.428em; }

.notice__dismiss {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 16px;
  cursor: pointer;
  color: #87a6bc; }
  @media (min-width: 661px) {
    .notice__dismiss {
      padding: 13px 16px; } }
  .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; }

.notice a.notice__action {
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 400;
  margin-left: auto;
  padding: 13px 16px;
  text-decoration: none;
  white-space: nowrap; }
  .notice a.notice__action .gridicon {
    margin-left: 8px;
    opacity: 0.7; }
  .notice a.notice__action:hover, .notice a.notice__action:focus {
    background: rgba(255, 255, 255, 0.2); }

.notice a,
.notice button.is-link {
  line-height: 1.4285;
  font-weight: 600;
  background-image: linear-gradient(to bottom, transparent 75%, #fff 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 1.14em; }
  @media not all, only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
    .notice a,
    .notice button.is-link {
      background-image: linear-gradient(to bottom, transparent 75%, #fff 75%);
      background-repeat: repeat-x; } }

.notice ul {
  margin-bottom: 0;
  margin-left: 0; }

.notice li {
  margin-left: 2em;
  margin-top: 0.5em; }

.notice p {
  margin-bottom: 0;
  margin-top: 0.5em; }
  .notice p:first-child {
    margin-top: 0; }

.notice.is-success, .notice.is-error, .notice.is-warning, .notice.is-info {
  color: white; }
  .notice.is-success a,
  .notice.is-success button.is-link, .notice.is-error a,
  .notice.is-error button.is-link, .notice.is-warning a,
  .notice.is-warning button.is-link, .notice.is-info a,
  .notice.is-info button.is-link {
    color: rgba(255, 255, 255, 0.85); }
    .notice.is-success a:hover,
    .notice.is-success button.is-link:hover, .notice.is-error a:hover,
    .notice.is-error button.is-link:hover, .notice.is-warning a:hover,
    .notice.is-warning button.is-link:hover, .notice.is-info a:hover,
    .notice.is-info button.is-link:hover {
      color: white; }
  .notice.is-success .notice__dismiss, .notice.is-error .notice__dismiss, .notice.is-warning .notice__dismiss, .notice.is-info .notice__dismiss {
    color: white; }

.notice.is-compact {
  border-radius: 2px;
  color: white;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  min-height: 20px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; }
  .notice.is-compact .notice__text {
    font-size: 12px;
    padding: 6px 8px;
    line-height: 1; }
  .notice.is-compact .notice__icon {
    -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: 14px;
    height: 14px;
    vertical-align: middle; }
  .notice.is-compact .notice__dismiss {
    display: none; }
  .notice.is-compact a.notice__action {
    background: transparent;
    display: inline-block;
    font-size: 11px;
    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; }

.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-paypal {
    background-image: url("/calypso/images/upgrades/paypal.svg");
    background-size: 70px;
    width: 70px; }
    .payment-logo.is-paypal.is-compact {
      width: 16px; }

.progress-bar {
  width: 100%;
  display: inline-block;
  position: relative;
  height: 9px;
  background-color: #c8d7e1;
  border-radius: 4.5px; }

.progress-bar__progress {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #006fb5;
  border-radius: 4.5px; }

/* 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);
  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 #00aadc;
    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%;
    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 {
  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 {
  transition-duration: 5s;
  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, .mce-toolbar .mce-advanced button.progress-indicator__cancel {
  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: #00aadc;
  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: #00aadc; }
  .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; }

/**
 * "popover" theme for `component/tip`.
 */
.tip-hide {
  opacity: 0; }

.popover {
  font-size: 11px;
  padding: 10px;
  z-index: 1000;
  position: absolute;
  /* default offset for edge-cases: https://github.com/component/tip/pull/12 */
  top: 0;
  left: 0 /*rtl:ignore*/;
  right: auto /*rtl:ignore*/; }
  .popover .tip-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; }
  .popover .tip-arrow {
    border: 10px dashed #c8d7e1;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
    z-index: 1; }
  .popover.fade {
    transition: opacity 100ms; }
  .popover.tip-top .tip-arrow,
  .popover.tip-top-left .tip-arrow,
  .popover.tip-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*/; }
    .popover.tip-top .tip-arrow::before,
    .popover.tip-top-left .tip-arrow::before,
    .popover.tip-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*/; }
  .popover.tip-bottom .tip-arrow,
  .popover.tip-bottom-left .tip-arrow,
  .popover.tip-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*/; }
    .popover.tip-bottom .tip-arrow::before,
    .popover.tip-bottom-left .tip-arrow::before,
    .popover.tip-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*/; }
  .popover.tip-left .tip-arrow,
  .popover.tip-left-top .tip-arrow,
  .popover.tip-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*/; }
    .popover.tip-left .tip-arrow::before,
    .popover.tip-left-top .tip-arrow::before,
    .popover.tip-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*/; }
  .popover.tip-right .tip-arrow,
  .popover.tip-right-top .tip-arrow,
  .popover.tip-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*/; }
    .popover.tip-right .tip-arrow::before,
    .popover.tip-right-top .tip-arrow::before,
    .popover.tip-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*/; }
  .popover.tip-top-left, .popover.tip-bottom-left, .popover.tip-top-right, .popover.tip-bottom-right {
    padding-right: 0;
    padding-left: 0; }
  .popover.tip-top-left .tip-arrow,
  .popover.tip-bottom-left .tip-arrow {
    left: auto /*rtl:ignore*/;
    right: 5px /*rtl:ignore*/; }
  .popover.tip-top-right .tip-arrow,
  .popover.tip-bottom-right .tip-arrow {
    left: 15px /*rtl:ignore*/; }
  .popover.tip-top-left .tip-inner,
  .popover.tip-bottom-left .tip-inner {
    position: relative;
    left: 10px /*rtl:ignore*/; }
  .popover.tip-top-right .tip-inner,
  .popover.tip-bottom-right .tip-inner {
    position: relative;
    left: -10px /*rtl:ignore*/; }
  .popover.is-dialog-visible {
    z-index: 100300;
    /* Above .dialog */ }

.popover__menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  color: #2e4453;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  transition: all 0.05s ease-in-out; }
  .popover__menu-item:first-child {
    margin-top: 5px; }
  .popover__menu-item:hover, .popover__menu-item:focus {
    background-color: #00aadc;
    border: 0;
    box-shadow: none;
    color: white; }
    .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__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-excerpt {
  margin: 0;
  position: relative;
  -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.is-long:after {
    content: '';
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 24px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }
    @media (max-width: 480px) {
      .post-excerpt.is-long:after {
        height: 22px; } }

.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); } }

.rating {
  width: 80px;
  color: #00aadc;
  line-height: 1; }
  .rating .noticon-rating-empty {
    color: #c8d7e1; }

/**
 * @component Search
 */
.search {
  margin-bottom: 24px;
  width: 60px;
  height: 51px;
  position: relative;
  z-index: 22; }
  @media (max-width: 660px) {
    .search {
      width: 50px; } }
  .search .search-open__icon {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 60px;
    z-index: 20;
    color: #0087be;
    cursor: pointer; }
    .accessible-focus .search .search-open__icon:focus {
      outline: dotted 1px #0087be; }
    @media (max-width: 660px) {
      .search .search-open__icon {
        width: 50px; } }
  .search .search-open__icon:hover {
    color: #3d596d; }
  .search .search-close__icon {
    position: absolute;
    bottom: 0;
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 60px;
    cursor: pointer;
    z-index: 20;
    color: #3d596d;
    display: none;
    opacity: 0;
    transition: opacity .2s ease-in; }
    .accessible-focus .search .search-close__icon:focus {
      outline: dotted 1px #0087be; }
    .search .search-close__icon::before {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: -8px;
      font-size: 16px;
      text-align: center; }
      @media (max-width: 660px) {
        .search .search-close__icon::before {
          font-size: 14px;
          margin-top: -7px; } }
    @media (max-width: 660px) {
      .search .search-close__icon {
        width: 50px; } }

.search.is-pinned {
  margin-bottom: 0;
  height: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 170; }
  .search.is-pinned .search-open__icon {
    right: 0; }
  .search.is-pinned .search__input[type="search"] {
    height: 100%; }

.search__input[type="search"] {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  padding: 0 50px 0 60px;
  border: none;
  background: white;
  height: 51px;
  appearance: none;
  box-sizing: border-box;
  -webkit-appearance: none; }
  @media (max-width: 660px) {
    .search__input[type="search"] {
      opacity: 0;
      left: 0;
      padding-left: 50px; } }
  .search__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  .search__input[type="search"]:focus {
    box-shadow: none;
    border: none; }

.search.is-open {
  margin-right: 0 !important;
  width: 100%; }
  .search.is-open .search-open__icon {
    color: #3d596d;
    left: 0; }
  .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 .spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (max-width: 660px) {
    .search .spinner {
      left: 25px; } }

.search.is-searching .search-open__icon {
  display: none; }

.search.is-searching .spinner {
  display: block;
  z-index: 20; }

@media (max-width: 660px) {
  .animating.search-opening .search input {
    opacity: 1; } }

.search-card.card, .search-card.editor-drawer-well__placeholder {
  padding: 0; }

.search-card .search {
  margin: 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-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-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-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: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } }
  @media (min-width: 481px) {
    .section-nav__panel {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .section-nav__panel:first-child {
        width: 0;
        -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-flex;
        display: -ms-flexbox;
        display: flex;
        width: 0;
        -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-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .section-nav-tabs.is-dropdown {
      position: relative;
      width: auto;
      -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-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-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-flex;
  display: -ms-flexbox;
  display: flex;
  -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: #00aadc; }
  .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: #00aadc; }
  .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-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-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 {
    position: static; }

.section-nav__segmented .segmented-control {
  margin: 0 15px; }

.section-nav__segmented .segmented-control__link {
  padding: 3px 16px 5px; }

@media (max-width: 480px) {
  .section-nav .search.is-pinned {
    height: 46px; } }

/**
 * Segmented Control
 */
.segmented-control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-radius: 4px;
  background-color: white;
  list-style: none; }

.segmented-control__item {
  -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 #87a6bc;
    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 #87a6bc;
  border-right: none;
  font-size: 14px;
  line-height: 18px;
  color: #87a6bc;
  text-align: center; }
  .segmented-control__link:focus {
    color: #2e4453;
    outline: none; }
    .keyboard-navigation .segmented-control__link:focus .segmented-control__text {
      outline: dotted 1px #0087be; }
  .notouch .segmented-control__link:hover {
    color: #2e4453; }
  .segmented-control__item.is-selected .segmented-control__link {
    border-color: #2e4453;
    background-color: #f3f6f8;
    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; }

/**
 * Select Dropdown
 */
.select-dropdown {
  height: 43px; }
  .select-dropdown.is-compact {
    height: 28px; }

.select-dropdown__container {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: auto;
  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;
    box-shadow: 0 0 0 2px #78dcfa; }
    .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:focus {
    border-color: #00aadc;
    box-shadow: 0 0 0 2px #78dcfa;
    outline: 0;
    border-radius: 4px; }

.select-dropdown__header {
  padding: 11px 44px 11px 16px;
  border-style: solid;
  border-color: #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #2e4453;
  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;
    position: absolute;
    right: 13px;
    top: 12px;
    display: block;
    line-height: 18px;
    color: rgba(135, 166, 188, 0.5); }
    .is-compact .select-dropdown__header::after {
      right: 4px;
      top: 4px; }
  .is-compact .select-dropdown__header {
    padding: 7px;
    color: #668eaa;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase; }
    .is-compact .select-dropdown__header .count {
      border-width: 0;
      margin-left: 0;
      line-height: 1; }
  .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'; }
  .select-dropdown__header .count {
    margin-left: 8px; }

.select-dropdown__header-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select-dropdown__options {
  visibility: hidden;
  height: 0;
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  margin: -2px 0 0 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 0 0 4px 4px; }
  .accessible-focus .select-dropdown__options {
    border: solid 1px #0087be;
    border-top-color: #c8d7e1; }
  .select-dropdown.is-open .select-dropdown__options {
    visibility: visible;
    height: auto; }

.select-dropdown__option:last-child .select-dropdown__item {
  border-radius: 0 0 4px 4px; }

.select-dropdown__item,
.select-dropdown__item-text {
  padding: 11px 44px 11px 16px; }

.select-dropdown__item {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #2e4453;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer; }
  .select-dropdown__item::before {
    content: attr(data-bold-text);
    font-weight: 700;
    opacity: 0; }
  .select-dropdown__item:visited {
    color: #2e4453; }
  .select-dropdown__item.is-selected {
    background-color: #00aadc;
    color: white; }
  .select-dropdown__item.is-disabled {
    background-color: white;
    color: #87a6bc;
    cursor: default;
    opacity: .5; }
  .notouch .select-dropdown__item:hover {
    color: #00aadc; }
  .notouch .select-dropdown__item.is-selected:hover {
    color: white; }

.select-dropdown__item-text {
  padding-right: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  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-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .select-dropdown__item-text .count {
    color: inherit;
    border-color: inherit; }

.select-dropdown__separator {
  border-top: 1px solid #c8d7e1;
  display: block;
  margin: 8px 0; }

/**
 * @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; }

/**
 * Site Selector
 * @component `selector`
 */
.site-selector {
  overflow: visible;
  position: static;
  pointer-events: auto;
  border: none;
  z-index: 10; }
  .site-selector.is-large .search {
    display: block; }

.site-selector .site,
.site-selector .all-sites {
  font-size: 14px; }
  .site-selector .site.is-selected,
  .notouch .site-selector .site.is-selected:hover,
  .site-selector .all-sites.is-selected,
  .notouch
  .site-selector .all-sites.is-selected:hover {
    background-color: #87a6bc; }
    .site-selector .site.is-selected .site__badge,
    .notouch .site-selector .site.is-selected:hover .site__badge,
    .site-selector .all-sites.is-selected .site__badge,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__badge {
      color: white; }
    .site-selector .site.is-selected .site__title,
    .site-selector .site.is-selected .site__domain,
    .notouch .site-selector .site.is-selected:hover .site__title,
    .notouch .site-selector .site.is-selected:hover .site__domain,
    .site-selector .all-sites.is-selected .site__title,
    .site-selector .all-sites.is-selected .site__domain,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__title,
    .notouch
    .site-selector .all-sites.is-selected:hover .site__domain {
      color: white; }
      .site-selector .site.is-selected .site__title::after,
      .site-selector .site.is-selected .site__domain::after,
      .notouch .site-selector .site.is-selected:hover .site__title::after,
      .notouch .site-selector .site.is-selected:hover .site__domain::after,
      .site-selector .all-sites.is-selected .site__title::after,
      .site-selector .all-sites.is-selected .site__domain::after,
      .notouch
      .site-selector .all-sites.is-selected:hover .site__title::after,
      .notouch
      .site-selector .all-sites.is-selected:hover .site__domain::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        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,
    .notouch .site-selector .site.is-selected:hover .count,
    .site-selector .all-sites.is-selected .count,
    .notouch
    .site-selector .all-sites.is-selected:hover .count {
      border-color: white;
      color: white; }
    .site-selector .site.is-selected.is-private .site__title::before,
    .notouch .site-selector .site.is-selected:hover.is-private .site__title::before,
    .site-selector .all-sites.is-selected.is-private .site__title::before,
    .notouch
    .site-selector .all-sites.is-selected:hover.is-private .site__title::before {
      color: white; }
  .notouch .site-selector .site:hover, .notouch
  .site-selector .all-sites:hover {
    background-color: #f3f6f8;
    cursor: pointer; }
    .notouch .site-selector .site:hover .site__title,
    .notouch .site-selector .site:hover .site__domain, .notouch
    .site-selector .all-sites:hover .site__title,
    .notouch
    .site-selector .all-sites:hover .site__domain {
      color: #00aadc; }
      .notouch .site-selector .site:hover .site__title::after,
      .notouch .site-selector .site:hover .site__domain::after, .notouch
      .site-selector .all-sites:hover .site__title::after,
      .notouch
      .site-selector .all-sites:hover .site__domain::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }

.site-selector .search {
  display: none;
  margin-bottom: 0;
  width: auto;
  height: auto;
  padding: 8px;
  border-bottom: 1px solid #e9eff3; }
  .site-selector .search .search__input[type="search"] {
    position: relative;
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 32px;
    font-size: 13px;
    border: 1px solid #c8d7e1;
    -webkit-appearance: none; }
    .site-selector .search .search__input[type="search"]:hover {
      border: 1px solid #a8bece;
      background-color: white; }
    .site-selector .search .search__input[type="search"]::-webkit-input-placeholder {
      color: #87a6bc; }
    .site-selector .search .search__input[type="search"]::-moz-placeholder {
      color: #87a6bc; }
  .site-selector .search .search-open__icon {
    background-color: transparent;
    border-left: none;
    color: #87a6bc;
    padding: 0;
    width: auto;
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px; }
  .site-selector .search.is-open .search-close__icon {
    color: #87a6bc;
    right: 16px;
    margin-top: -9px;
    width: 18px;
    height: 18px; }

.site-selector__sites {
  max-height: calc( 100% - 89px);
  overflow-y: auto; }

.site-selector__no-results {
  color: #87a6bc;
  font-style: italic;
  padding: 10px 20px; }

.site-selector__add-new-site {
  padding: 8px 9px;
  display: block;
  border-top: 1px solid #c8d7e1; }

.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-modal .sites-dropdown .site-selector {
  max-height: 20vh; }

.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-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 16px;
  transition: -webkit-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; }

.sites-dropdown__wrapper {
  background: white;
  border: 1px solid #c8d7e1;
  border-width: 1px 1px 2px;
  border-radius: 4px;
  margin: 0;
  position: relative;
  width: 300px; }
  @media (max-width: 660px) {
    .sites-dropdown__wrapper {
      width: 100%; } }

.sites-dropdown.is-open .sites-dropdown__wrapper {
  margin: 0; }

.sites-dropdown__selected {
  cursor: pointer;
  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;
  max-height: 30vh;
  overflow-y: auto; }
  .sites-dropdown .site-selector.is-large {
    margin-top: 50px; }

.sites-dropdown .site-selector .search {
  position: absolute;
  top: 67px;
  left: 0;
  right: 0;
  margin: 0; }

.sites-dropdown .site-selector .search input {
  margin: 0;
  background-color: white; }

.sites-dropdown .site-selector .site {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .notouch .sites-dropdown .site-selector .site:hover {
    background: #00aadc; }
    .notouch .sites-dropdown .site-selector .site:hover .site__badge {
      color: white; }
    .notouch .sites-dropdown .site-selector .site:hover .site__title,
    .notouch .sites-dropdown .site-selector .site:hover .site__domain {
      color: white; }
      .notouch .sites-dropdown .site-selector .site:hover .site__title::after,
      .notouch .sites-dropdown .site-selector .site:hover .site__domain::after {
        content: '';
        display: block;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: auto;
        width: 20%;
        height: auto; }
    .notouch .sites-dropdown .site-selector .site:hover .site__title:before {
      color: white; }
  .sites-dropdown .site-selector .site.is-selected,
  .notouch .sites-dropdown .site-selector .site.is-selected:hover {
    background-color: #f3f6f8; }
    .sites-dropdown .site-selector .site.is-selected .site__title,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover .site__title {
      color: #2e4453; }
    .sites-dropdown .site-selector .site.is-selected .site__domain,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover .site__domain {
      color: #87a6bc; }
    .sites-dropdown .site-selector .site.is-selected.is-private .site__title::before,
    .notouch .sites-dropdown .site-selector .site.is-selected:hover.is-private .site__title::before {
      color: #87a6bc; }

.sites-dropdown .site-selector .site:not(.is-selected) .site-icon__img {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }

.sites-popover {
  width: 300px;
  font-size: 15px; }

.sites-popover .tip-inner {
  position: relative;
  text-align: left;
  overflow: hidden; }

.sites-popover .site-selector.is-large {
  padding-top: 50px; }

.sites-popover .search {
  position: absolute;
  top: 0;
  right: 0;
  left: 0; }

.sites-popover .site-selector__sites {
  overflow-y: auto;
  max-height: 70vh; }

.sites-popover .site__content {
  text-decoration: none; }

.sites-popover .site-selector__heading {
  margin-top: 16px; }

.sites-popover .site-selector .site.is-selected {
  background-color: #87a6bc; }
  .sites-popover .site-selector .site.is-selected .site__title {
    color: white; }
    .sites-popover .site-selector .site.is-selected .site__title::before {
      color: white; }
  .sites-popover .site-selector .site.is-selected .site__domain {
    color: white; }

.notouch .sites-popover .site-selector .site:hover {
  background: #00aadc; }
  .notouch .sites-popover .site-selector .site:hover .site__badge {
    color: white; }
  .notouch .sites-popover .site-selector .site:hover .site__title,
  .notouch .sites-popover .site-selector .site:hover .site__domain {
    color: white; }
    .notouch .sites-popover .site-selector .site:hover .site__title::after,
    .notouch .sites-popover .site-selector .site:hover .site__domain::after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      background: linear-gradient(to right, rgba(0, 170, 220, 0), #00aadc 90%);
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: auto;
      width: 20%;
      height: auto; }
  .notouch .sites-popover .site-selector .site:hover .site__title:before {
    color: white; }

.sites-popover .site-selector .site:not(.is-selected) .site-icon__img {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }

@-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: #00aadc; }

.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: #00aadc;
    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; }

/**
 * StatUpdateIndicator
 */
.stat-update-indicator {
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 5px;
  background-color: transparent;
  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; } }

.theme {
  padding: 0;
  margin: 0 10px 20px 10px;
  width: 230px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  transition: all 100ms ease-in-out; }
  .theme h2 {
    display: inline-block;
    color: black;
    font-weight: 600;
    padding: 15px 0 15px 15px;
    margin: inherit;
    font-family: inherit;
    font-size: inherit; }
  .theme .price {
    padding-left: 10px;
    color: #4FB769;
    font-size: 90%;
    font-weight: 600; }
  .theme.is-active {
    background: #00aadc; }
    .theme.is-active h2 {
      color: white; }
    .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__active-focus {
  opacity: 0.0;
  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;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1); }
    .is-actionable .theme__active-focus span {
      padding: 6px 9px;
      color: #2e4453;
      background: white;
      border: 1px solid #f3f6f8;
      border-radius: 2px; }

@-webkit-keyframes theme__active-focus-label {
  0% {
    position: absolute;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); } }

@keyframes theme__active-focus-label {
  0% {
    position: absolute;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); } }

.theme__active-label {
  margin-left: 10px;
  color: #a9e9fc;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600; }

.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__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px; }

.theme__more-button {
  float: right;
  border-left: 1px solid #f3f6f8;
  height: 54px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  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;
    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: #00aadc; }
    .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-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-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.timezone-dropdown .select-dropdown__options {
  max-height: 300px;
  overflow-y: auto; }

.wplink__dialog.dialog.card, .wplink__dialog.dialog.editor-drawer-well__placeholder {
  min-width: 380px;
  z-index: 100200; }

.wplink__remove-link {
  color: #87a6bc;
  cursor: pointer;
  float: left;
  margin-right: 24px;
  text-align: left;
  padding: 7px 0 9px; }
  .wplink__remove-link:hover {
    color: #4f748e; }
  .wplink__remove-link .gridicon {
    vertical-align: bottom;
    margin-right: 5px;
    margin-bottom: -3px; }

@media (min-width: 661px) {
  .editor-alert-modal.dialog.card, .editor-alert-modal.dialog.editor-drawer-well__placeholder {
    max-width: 500px; } }

@media (min-width: 661px) {
  .wpcom-help__dialog.dialog.card, .wpcom-help__dialog.dialog.editor-drawer-well__placeholder {
    max-width: 700px; } }

.wpcom-help__dialog.dialog.card .dialog__content, .wpcom-help__dialog.dialog.editor-drawer-well__placeholder .dialog__content {
  height: 70vh;
  margin: 0 -24px;
  padding: 0 24px;
  overflow-y: scroll;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }

.wpcom-help__heading {
  font-size: 24px; }

.wpcom-help__key,
.wpcom-help__action {
  border: 1px solid #c8d7e1;
  font-weight: normal;
  padding: 4px; }

.wpcom-help__key {
  width: 48px;
  text-align: center;
  border-width: 0 0 1px 0;
  font-weight: 700; }

.wpcom-help__action {
  border-width: 0 1px 1px 0; }

.wpcom-help__table {
  border: 1px solid #c8d7e1;
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  table-layout: fixed;
  /* Prevents HTML tables from becoming too wide */ }
  .wpcom-help__table th {
    font-weight: 700; }
  .wpcom-help__table kbd {
    color: #2e4453; }

.wpcom-charmap__dialog.dialog.card, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder {
  padding: 0 24px; }
  .wpcom-charmap__dialog.dialog.card .dialog__content, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder .dialog__content {
    height: 70vh;
    margin: 0 -24px;
    padding: 16px 8px 16px 24px;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    pointer-events: all; }
  .wpcom-charmap__dialog.dialog.card .dialog__action-buttons, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder .dialog__action-buttons {
    margin: 0 -24px; }
  @media (min-width: 661px) {
    .wpcom-charmap__dialog.dialog.card, .wpcom-charmap__dialog.dialog.editor-drawer-well__placeholder {
      max-width: 700px; } }

.wpcom-charmap__table {
  margin: 10px 0; }

.wpcom-charmap__heading {
  font-size: 24px; }

.wpcom-charmap__character {
  border: 1px solid #e9eff3;
  margin: 0 -1px -1px 0;
  /* prevent borders from doubling up at overlap */
  font-weight: normal;
  padding: 8px;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  cursor: pointer; }

.wpcom-charmap__character:hover {
  background-color: #4f748e;
  color: white; }

.tinymce {
  display: none; }
  .tinymce.is-visible {
    display: block; }

.mce-tinymce > .mce-container-body:after {
  margin-top: 1px;
  transition: width 0.2s; }
  @media (max-width: 660px) {
    .mce-tinymce > .mce-container-body:after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      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: 44px; } }
  @media (min-width: 661px) and (max-width: 960px) {
    .mce-tinymce > .mce-container-body:after {
      content: '';
      display: block;
      position: absolute;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      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; } }

.mce-tinymce > .mce-container-body.is-scrolled-full:after {
  width: 0; }

.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp, .mce-tinymce.is-pinned > .mce-container-body:after {
  position: fixed;
  top: 47px; }

.mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp {
  left: 229px; }
  @media (min-width: 961px) {
    .mce-tinymce.is-pinned > .mce-container-body > .mce-toolbar-grp {
      left: 273px; } }

.post-editor div.mce-toolbar-grp,
.mce-inline-toolbar-grp div.mce-toolbar-grp {
  background-color: rgba(255, 255, 255, 0.92);
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 1px 0;
  padding: 0;
  overflow-x: auto;
  margin: 0 auto; }
  @media (min-width: 961px) {
    .post-editor div.mce-toolbar-grp,
    .mce-inline-toolbar-grp div.mce-toolbar-grp {
      border-width: 1px;
      max-width: 700px; } }

.post-editor .mce-toolbar .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-ico {
  color: #4f748e; }

.post-editor .mce-toolbar .mce-btn .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn .gridicon {
  fill: #4f748e; }

.post-editor .mce-colorbutton .mce-preview,
.mce-inline-toolbar-grp .mce-colorbutton .mce-preview {
  background-color: #2e4453; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  margin: 0 2px 0 0;
  padding: 0 8px;
  vertical-align: top;
  border-right: 1px solid #e9eff3;
  height: 36px; }
  @media (max-width: 660px) {
    .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
    .mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
      border-right-color: white;
      padding: 2px 0; } }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus,
.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
  box-shadow: none;
  border-color: transparent; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico {
  color: #2e4453; }

.post-editor .mce-toolbar .mce-btn-group .mce-btn:hover .gridicon,
.post-editor .mce-toolbar .mce-btn-group .mce-btn:focus .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:hover .gridicon,
.mce-inline-toolbar-grp .mce-toolbar .mce-btn-group .mce-btn:focus .gridicon {
  fill: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child)::before,
.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child)::after {
  content: '';
  position: absolute;
  top: -6px;
  bottom: -6px;
  width: 1px;
  background-color: #c8d7e1; }

.mce-toolbar .mce-btn-group .mce-btn.mce-hidden {
  display: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child) {
  margin-left: 9px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-start:not(:first-child)::before {
    left: -7px; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child) {
  margin-right: 9px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(:last-child)::after {
    right: -7px; }

.mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(.mce-hidden) + .mce-btn.mce-toolbar-segment-start {
  margin-left: 2px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-toolbar-segment-end:not(.mce-hidden) + .mce-btn.mce-toolbar-segment-start::before {
    display: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-decrease {
  margin-right: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase {
  margin-left: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-img-size-increase .dashicons-plus::before {
  display: inline-block;
  margin-top: 2px; }

.mce-tooltip {
  opacity: 1 !important; }

.mce-tooltip-inner {
  box-shadow: none !important;
  background: #2e4453 !important;
  color: white !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
  padding: 4px 8px 5px !important; }

.mce-tooltip-arrow {
  border-bottom-color: #2e4453 !important; }

.mce-toolbar .mce-btn {
  display: inline-block;
  vertical-align: middle; }

.mce-toolbar .mce-wpcom-button.mce-contact-form button,
.mce-toolbar .mce-wpcom-button.mce-media button {
  height: 38px;
  padding: 0 8px;
  margin-top: 0px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto; }
  @media (min-width: 661px) {
    .mce-toolbar .mce-wpcom-button.mce-contact-form button,
    .mce-toolbar .mce-wpcom-button.mce-media button {
      border-right: 1px solid #e9eff3;
      font-size: 13px; } }

.mce-toolbar .mce-wpcom-button.mce-media span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #4f748e;
  font-size: 13px; }

.mce-toolbar .mce-wpcom-button.mce-contact-form:hover span,
.mce-toolbar .mce-wpcom-button.mce-media:hover span {
  color: #2e4453; }

.mce-toolbar .mce-wpcom-button.mce-contact-form svg,
.mce-toolbar .mce-wpcom-button.mce-media svg {
  fill: #4f748e;
  width: 20px;
  margin-right: 4px; }

.mce-toolbar .mce-wpcom-button.mce-contact-form svg {
  margin-left: 4px; }

.mce-toolbar .mce-wpcom-button.mce-contact-form:hover svg,
.mce-toolbar .mce-wpcom-button.mce-media:hover svg {
  fill: #2e4453; }

.mce-toolbar .mce-wpcom-button.mce-btn.mce-contact-form,
.mce-toolbar .mce-wpcom-button.mce-btn.mce-media {
  margin: 0;
  border: 0; }

.mce-toolbar .mce-advanced button {
  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);
  font-size: 0; }
  .mce-toolbar .mce-advanced button:before {
    content: '\f476';
    font-size: 24px; }

.mce-toolbar .mce-advanced.mce-btn button {
  display: none;
  color: #2e4453;
  padding: 0px 2px; }
  .mce-toolbar .mce-advanced.mce-btn button:hover {
    color: #87a6bc; }
  @media (min-width: 961px) {
    .mce-toolbar .mce-advanced.mce-btn button {
      display: block; } }

.mce-toolbar .mce-btn-group .mce-advanced.mce-btn.mce-last {
  position: absolute;
  top: 3px;
  right: 14px; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active.mce-advanced {
  border: none; }

.mce-toolbar .mce-active.mce-advanced button {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  .mce-toolbar .mce-active.mce-advanced button:hover {
    color: #87a6bc; }

/*------------------------------------------------------------------------------
	TinyMCE and Quicklinks toolbars
------------------------------------------------------------------------------*/
/* TinyMCE widgets/containers */
.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
  color: inherit;
  font-family: inherit; }

/* TinyMCE windows */
#mce-modal-block,
#mce-modal-block.mce-fade {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: none; }

.mce-window {
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  transition: none; }

.mce-window .mce-container-body.mce-abs-layout {
  overflow: visible; }

.mce-window .mce-window-head {
  background: #fcfcfc;
  border-bottom: 1px solid #dfdfdf;
  padding: 0;
  min-height: 36px; }

.mce-window .mce-window-head .mce-title {
  color: #444;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
  padding: 0 36px 0 16px; }

.mce-window .mce-window-head .mce-close {
  color: transparent;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center; }

.mce-window .mce-window-head .mce-close:before {
  font: normal 20px/36px dashicons;
  text-align: center;
  color: #666;
  width: 36px;
  height: 36px;
  display: block; }

.mce-window .mce-window-head .mce-close:hover:before {
  color: #00a0d2; }

.mce-window .mce-window-head .mce-dragh {
  width: calc( 100% - 36px); }

.mce-wp-help .mce-window-head {
  border-bottom: none; }

.mce-textbox,
.mce-checkbox i.mce-i-checkbox {
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  transition: .05s all ease-in-out; }

.mce-textbox:focus,
.mce-textbox.mce-focus,
.mce-checkbox:focus i.mce-i-checkbox {
  border-color: #5b9dd9;
  box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); }

/* TinyMCE menus */
.mce-container.mce-menu,
.mce-container .mce-floatpanel.mce-popover {
  background-color: white;
  border: 1px solid #c8d7e1;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  padding: 0;
  margin: 0; }

.mce-floatpanel.mce-popover.mce-bottom {
  margin-top: 2px; }

.mce-floatpanel .mce-arrow {
  display: none; }

.mce-menu .mce-container-body {
  min-width: 160px;
  margin-bottom: -1px; }

.mce-menu-item {
  border: none;
  margin-bottom: 2px; }

.mce-menu-has-icons i.mce-ico {
  line-height: 20px; }

/* TinyMCE panel */
div.mce-panel {
  border: 0;
  background: #fff;
  clear: both;
  -webkit-filter: none;
          filter: none; }

.mce-container .mce-panel.mce-menu {
  border: 1px solid #c8d7e1; }

.mce-container .mce-menu-item .mce-text {
  color: #2e4453; }

div.mce-tab {
  line-height: 13px; }

/* TinyMCE toolbars */
div.mce-toolbar-grp {
  border-bottom: 1px solid #dedede;
  background: #f5f5f5;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

div.mce-inline-toolbar-grp {
  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);
  box-sizing: border-box;
  margin-bottom: 8px;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 100100;
  /* Same as the other TinyMCE "panels" */
  max-width: 98%; }

div.mce-inline-toolbar-grp > .mce-container-body {
  overflow-x: auto; }

div.mce-inline-toolbar-grp.is-scrollable > .mce-container-body:not(.is-scrolled-full)::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
  width: 20%;
  height: auto; }

div.mce-inline-toolbar-grp > div.mce-stack-layout {
  padding: 1px; }

div.mce-inline-toolbar-grp.mce-arrow-up {
  margin-bottom: 0;
  margin-top: 8px; }

div.mce-inline-toolbar-grp:before,
div.mce-inline-toolbar-grp:after {
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  content: ''; }

div.mce-inline-toolbar-grp.mce-arrow-up:before {
  top: -18px;
  border-bottom-color: #c8d7e1;
  border-width: 9px;
  margin-left: -9px; }

div.mce-inline-toolbar-grp.mce-arrow-down:before {
  bottom: -18px;
  border-top-color: #c8d7e1;
  border-width: 9px;
  margin-left: -9px; }

div.mce-inline-toolbar-grp.mce-arrow-up:after {
  top: -16px;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px; }

div.mce-inline-toolbar-grp.mce-arrow-down:after {
  bottom: -16px;
  border-top-color: white;
  border-width: 8px;
  margin-left: -8px; }

div.mce-inline-toolbar-grp.mce-arrow-left:before,
div.mce-inline-toolbar-grp.mce-arrow-left:after {
  margin: 0; }

div.mce-inline-toolbar-grp.mce-arrow-left:before {
  left: 20px; }

div.mce-inline-toolbar-grp.mce-arrow-left:after {
  left: 21px; }

div.mce-inline-toolbar-grp.mce-arrow-right:before,
div.mce-inline-toolbar-grp.mce-arrow-right:after {
  left: auto;
  margin: 0; }

div.mce-inline-toolbar-grp.mce-arrow-right:before {
  right: 20px; }

div.mce-inline-toolbar-grp.mce-arrow-right:after {
  right: 21px; }

div.mce-inline-toolbar-grp.mce-arrow-full {
  right: 0; }

div.mce-inline-toolbar-grp.mce-arrow-full > div {
  width: 100%;
  overflow-x: auto; }

.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
  padding-right: 32px; }

.mce-toolbar .mce-btn-group,
.mce-inline-toolbar-grp .mce-flow-layout-item.mce-last {
  margin: 0; }

@media (min-width: 961px) {
  .mce-tinymce .mce-stack-layout-item.mce-last {
    border-top: 1px solid #e9eff3; } }

.mce-tinymce .mce-edit-area.mce-stack-layout-item.mce-last {
  border-top: 0; }

.mce-toolbar-grp .mce-stack-layout-item {
  display: inline-block;
  overflow: hidden; }
  @media (min-width: 961px) {
    .mce-toolbar-grp .mce-stack-layout-item {
      display: block; } }

.mce-stack-layout-item.mce-last.mce-first {
  margin-top: 0; }

div.mce-statusbar {
  border-top: 1px solid #c8d7e1; }

div.mce-path {
  padding: 8px 16px;
  margin: 0; }

.post-editor .mce-path-item {
  color: #4f748e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.mce-path .mce-divider {
  visibility: hidden; }
  .mce-path .mce-divider::before {
    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;
    color: #87a6bc;
    margin: 0 -8px 0 4px;
    visibility: visible; }

.mce-path,
.mce-path-item,
.mce-path .mce-divider {
  font-size: 12px;
  line-height: 18px; }

.mce-toolbar .mce-btn,
.qt-dfw {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer; }

#wp-fullscreen-buttons .mce-btn,
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
  margin: 4px 2px;
  border: 1px solid transparent;
  background-image: none;
  border-radius: 0;
  -webkit-filter: none;
          filter: none; }
  @media (max-width: 480px) {
    #wp-fullscreen-buttons .mce-btn,
    .mce-toolbar .mce-btn-group .mce-btn,
    .qt-dfw {
      margin: 0; } }

.mce-toolbar-grp:not(.mce-inline-toolbar-grp) .mce-btn-group .mce-btn.mce-first {
  margin-left: 4px; }

#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
#wp-fullscreen-buttons .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
  background: transparent;
  border-color: transparent;
  color: #2e4453;
  box-shadow: none;
  outline: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active,
#wp-fullscreen-buttons .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
#wp-fullscreen-buttons .mce-btn:active,
.qt-dfw.active {
  color: #2e4453;
  border-color: #c8d7e1;
  background: white;
  box-shadow: none; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
  border-color: #c8d7e1;
  color: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-active i.mce-ico,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
  color: #2e4453; }

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled i.mce-ico {
  color: #a8bece; }

.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
#wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
#wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
  color: #87a6bc;
  background: none;
  border-color: white;
  text-shadow: none;
  box-shadow: none; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover i.mce-ico,
  #wp-fullscreen-buttons .mce-btn.mce-disabled:hover i.mce-ico,
  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus i.mce-ico,
  #wp-fullscreen-buttons .mce-btn.mce-disabled:focus i.mce-ico {
    color: #87a6bc; }

.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
  border-color: transparent; }

.mce-toolbar .mce-btn button,
.qt-dfw {
  padding: 4px;
  line-height: normal; }

.mce-toolbar .mce-btn i {
  text-shadow: none; }

.mce-toolbar .mce-btn-group > div {
  white-space: nowrap; }
  @media (min-width: 961px) {
    .mce-toolbar .mce-btn-group > div {
      margin-right: 32px;
      white-space: normal; } }

.mce-toolbar .mce-flow-layout-item.mce-btn-group > div {
  margin-right: 0; }

.mce-toolbar .mce-btn .mce-open {
  padding-right: 8px;
  padding-left: 6px;
  border-right: 0; }

.mce-toolbar .mce-colorbutton .mce-preview {
  margin: 0;
  padding: 0;
  top: auto;
  bottom: 2px;
  left: 3px;
  height: 3px;
  width: 20px; }

/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  margin-right: 0; }

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox.mce-active {
  border-color: white;
  border-right: 1px solid #e9eff3; }

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
  padding-right: 20px;
  color: #4f748e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 13px;
  height: 34px;
  width: auto;
  min-width: 110px;
  text-overflow: initial;
  text-align: left; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button:hover {
    color: #2e4453; }
  @media (max-width: 660px) {
    .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
      margin-top: 5px; } }

.post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
  background-image: none;
  border-right-color: #e9eff3; }
  @media (max-width: 660px) {
    .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
      border-right-color: white; } }
  .post-editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover i.mce-caret {
    color: #2e4453; }

.mce-panel .mce-btn i.mce-caret {
  top: 5px;
  right: 18px;
  margin: 2px 0 0 -13px /*rtl:ignore*/;
  border: none;
  color: #87a6bc; }
  .mce-panel .mce-btn i.mce-caret::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; }

.mce-panel .mce-btn.mce-listbox i.mce-caret {
  margin: 4px -2px 0 0; }

.mce-panel .mce-btn:hover i.mce-caret {
  border-top-color: #32373c; }

.mce-panel .mce-active i.mce-caret::before {
  content: '\f432'; }

.mce-listbox.mce-active i.mce-caret {
  margin-top: -3px; }

@media (max-width: 660px) {
  .mce-panel .mce-btn.mce-listbox i.mce-caret {
    top: 6px; }
  .mce-listbox.mce-active i.mce-caret {
    margin-top: -1px; } }

.mce-toolbar .mce-splitbtn:hover .mce-open {
  border-right-color: transparent; }

.mce-toolbar .mce-splitbtn .mce-open.mce-active {
  box-shadow: none; }

.mce-menu .mce-menu-item-normal.mce-active {
  background-color: #00aadc;
  color: white;
  -webkit-filter: none;
          filter: none; }

.mce-menu .mce-menu-item-normal.mce-active .mce-text {
  color: white; }

.mce-container.mce-menu .mce-menu-item:hover,
.mce-container.mce-menu .mce-menu-item.mce-selected,
.mce-container.mce-menu .mce-menu-item:focus {
  color: #00aadc;
  background-color: white;
  background-image: none;
  -webkit-filter: none;
          filter: none; }

.mce-container.mce-menu .mce-menu-item:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item:focus .mce-ico,
.mce-container.mce-menu .mce-menu-item:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text {
  color: #00aadc; }

.mce-container.mce-menu .mce-menu-item.mce-active:hover {
  background: #00aadc; }

.mce-container.mce-menu .mce-menu-item.mce-active:hover .mce-text {
  color: white; }

/* Menubar */
.mce-menubar {
  border-color: #e5e5e5;
  background: #fff;
  border-width: 0px 0px 1px; }

.mce-menubar .mce-btn:focus {
  outline: 0; }

div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
  margin: 5px 0 4px; }

.mce-menubtn span {
  margin-right: 0;
  padding-left: 3px; }

.mce-menu-has-icons i.mce-ico:before {
  margin-left: -2px; }

/* Buttons in modals */
.mce-primary button,
.mce-primary button i {
  text-align: center;
  color: #fff;
  text-shadow: none;
  padding: 0;
  line-height: 26px; }

.mce-window .mce-btn {
  color: #555;
  background: #f7f7f7;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
  background-image: none; }

/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
  border-width: 1px 0;
  border-style: solid none;
  border-color: transparent;
  padding: 0; }

.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
  background: #fafafa;
  border-color: #999;
  color: #23282d; }

.mce-window .mce-btn:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }

.mce-window .mce-btn:active {
  background: #eee;
  border-color: #999;
  color: #32373c;
  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }

.mce-window .mce-btn.mce-disabled {
  color: #a0a5aa;
  border-color: #ddd;
  background: #f7f7f7;
  box-shadow: none;
  text-shadow: 0 1px 0 #fff;
  cursor: default; }

.mce-window .mce-btn.mce-primary {
  background: #00a0d2;
  border-color: #0073aa;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  text-decoration: none; }

.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
  background: #1e8cbe;
  border-color: #0073aa;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
  color: #fff; }

.mce-window .mce-btn.mce-primary:focus {
  border-color: #0e3950;
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }

.mce-window .mce-btn.mce-primary:active {
  background: #1b7aa6;
  border-color: #005684;
  color: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  vertical-align: top; }

.mce-window .mce-btn.mce-primary.mce-disabled {
  color: #94cde7;
  background: #298cba;
  border-color: #1b607f;
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  cursor: default; }

/* TinyMCE tooltips */
.mce-tooltip {
  margin-top: 2px; }

.mce-tooltip-inner {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px; }

/* TinyMCE icons */
.mce-ico {
  font-family: tinymce, Arial, sans-serif; }

.mce-btn-small .mce-ico {
  font-family: "tinymce-small", Arial, sans-serif; }

.mce-toolbar .mce-ico {
  color: #777;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  text-shadow: none;
  margin: 0;
  padding: 0; }

.qt-dfw {
  color: #777;
  line-height: 20px;
  width: 28px;
  height: 26px;
  text-align: center;
  text-shadow: none; }

.mce-toolbar .mce-btn .mce-open {
  line-height: 20px; }

.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
  border-left-color: #c8d7e1; }

i.mce-i-bold,
i.mce-i-italic,
i.mce-i-bullist,
i.mce-i-numlist,
i.mce-i-blockquote,
i.mce-i-alignleft,
i.mce-i-aligncenter,
i.mce-i-alignright,
i.mce-i-link,
i.mce-i-unlink,
i.mce-i-wp_more,
i.mce-i-strikethrough,
i.mce-i-spellchecker,
i.mce-i-fullscreen,
i.mce-i-wp_fullscreen,
i.mce-i-dfw,
i.mce-i-wp_adv,
i.mce-i-underline,
i.mce-i-alignjustify,
i.mce-i-forecolor,
i.mce-i-backcolor,
i.mce-i-pastetext,
i.mce-i-pasteword,
i.mce-i-removeformat,
i.mce-i-charmap,
i.mce-i-outdent,
i.mce-i-indent,
i.mce-i-undo,
i.mce-i-redo,
i.mce-i-help,
i.mce-i-wp_help,
i.mce-i-wp-media-library,
i.mce-i-ltr,
i.mce-i-wp_page,
i.mce-i-hr,
i.mce-i-wp_code,
i.mce-i-dashicon,
.mce-close,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox button::before {
  font: normal 20px/1 'dashicons';
  padding: 0;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -2px;
  padding-right: 2px; }

.qt-dfw {
  font: normal 20px/1 'dashicons';
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

i.mce-i-bold:before {
  content: '\f200'; }

i.mce-i-italic:before {
  content: '\f201'; }

i.mce-i-bullist:before {
  content: '\f203'; }

i.mce-i-numlist:before {
  content: '\f204'; }

i.mce-i-blockquote:before {
  content: '\f205'; }

i.mce-i-alignleft:before {
  content: '\f206'; }

i.mce-i-aligncenter:before {
  content: '\f207'; }

i.mce-i-alignright:before {
  content: '\f208'; }

i.mce-i-link:before {
  content: '\f103'; }

i.mce-i-unlink:before {
  content: '\f225'; }

i.mce-i-wp_more:before {
  content: '\f209'; }

i.mce-i-strikethrough:before {
  content: '\f224'; }

i.mce-i-spellchecker:before {
  content: '\f210'; }

i.mce-i-fullscreen:before,
i.mce-i-wp_fullscreen:before,
i.mce-i-dfw:before,
.qt-dfw:before {
  content: '\f211'; }

i.mce-i-wp_adv:before {
  content: '\f212'; }

i.mce-i-underline:before {
  content: '\f213'; }

i.mce-i-alignjustify:before {
  content: '\f214'; }

i.mce-i-forecolor:before,
i.mce-i-backcolor:before {
  content: '\f215'; }

i.mce-i-pastetext:before {
  content: '\f217'; }

i.mce-i-removeformat:before {
  content: '\f218'; }

i.mce-i-charmap:before {
  content: '\f220'; }

i.mce-i-outdent:before {
  content: '\f221'; }

i.mce-i-indent:before {
  content: '\f222'; }

i.mce-i-undo:before {
  content: '\f171'; }

i.mce-i-redo:before {
  content: '\f172'; }

i.mce-i-help:before,
i.mce-i-wp_help:before {
  content: '\f223'; }

i.mce-i-wp-media-library:before {
  content: '\f104'; }

i.mce-i-ltr:before {
  content: '\f320'; }

i.mce-i-wp_page:before {
  content: '\f105'; }

i.mce-i-hr:before {
  content: '\f460'; }

.mce-close:before {
  content: '\f158'; }

i.mce-i-wp_code:before {
  content: '\f475'; }

/* RTL button icons */
.rtl i.mce-i-outdent:before {
  content: '\f222'; }

.rtl i.mce-i-indent:before {
  content: '\f221'; }

/* Editors */
.wp-editor-wrap {
  position: relative; }

.wp-editor-tools {
  position: relative;
  z-index: 1; }

.wp-editor-tools:after {
  clear: both;
  content: '';
  display: table; }

.wp-editor-container {
  clear: both; }

.wp-editor-area {
  font-family: Consolas, Monaco, monospace;
  font-size: 13px;
  padding: 10px;
  margin: 1px 0 0;
  line-height: 150%;
  border: 0 none;
  outline: none;
  display: block;
  resize: vertical;
  box-sizing: border-box; }

.rtl .wp-editor-area {
  font-family: Tahoma, Monaco, monospace; }

.locale-he-il .wp-editor-area {
  font-family: Arial, Monaco, monospace; }

.wp-editor-container textarea.wp-editor-area {
  width: 100%;
  margin: 0;
  box-shadow: none; }

.wp-editor-tabs {
  float: right; }

.wp-switch-editor {
  float: left;
  box-sizing: content-box;
  position: relative;
  top: 1px;
  background: #ebebeb;
  color: #777;
  cursor: pointer;
  font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 3px 8px 4px;
  border: 1px solid #e5e5e5; }

.wp-switch-editor:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  outline: none;
  color: #23282d; }

.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
  box-shadow: none; }

.wp-switch-editor:active {
  background-color: #f5f5f5;
  box-shadow: none; }

.js .tmce-active .wp-editor-area {
  color: white; }

.tmce-active .quicktags-toolbar {
  display: none; }

.tmce-active .switch-tmce,
.html-active .switch-html {
  background: #f5f5f5;
  color: #555;
  border-bottom-color: #f5f5f5; }

.wp-media-buttons {
  float: left; }

.wp-media-buttons .button, .wp-media-buttons .cancel-confirm .button-primary, .cancel-confirm .wp-media-buttons .button-primary, .wp-media-buttons
.cancel-confirm input[type=submit],
.cancel-confirm .wp-media-buttons input[type=submit] {
  margin-right: 5px;
  margin-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px; }

.wp-media-buttons .button:active, .wp-media-buttons .cancel-confirm .button-primary:active, .cancel-confirm .wp-media-buttons .button-primary:active, .wp-media-buttons
.cancel-confirm input[type=submit]:active,
.cancel-confirm .wp-media-buttons input[type=submit]:active {
  position: relative;
  top: 1px;
  margin-top: -1px;
  margin-bottom: 1px; }

.wp-media-buttons .insert-media {
  padding-left: 5px; }

.wp-media-buttons a {
  text-decoration: none;
  color: #464646;
  font-size: 12px; }

.wp-media-buttons img {
  padding: 0 4px;
  vertical-align: middle; }

.wp-media-buttons span.wp-media-buttons-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  margin: 0 2px; }

.wp-media-buttons .add_media span.wp-media-buttons-icon {
  background: none; }

.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  font: normal 18px/1 'dashicons';
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  content: '\f104'; }

/* Quicktags */
.quicktags-toolbar {
  padding: 3px;
  position: relative;
  border-bottom: 1px solid #dedede;
  background: #f5f5f5; }

.has-dfw .quicktags-toolbar {
  padding-right: 35px; }

.wp-core-ui .quicktags-toolbar input.button.button-small, .wp-core-ui .quicktags-toolbar .cancel-confirm input.button-small.button-primary, .cancel-confirm .wp-core-ui .quicktags-toolbar input.button-small.button-primary, .wp-core-ui .quicktags-toolbar
.cancel-confirm input.button-small[type=submit],
.cancel-confirm .wp-core-ui .quicktags-toolbar input.button-small[type=submit] {
  margin: 2px; }

.quicktags-toolbar input[value="link"] {
  text-decoration: underline; }

.quicktags-toolbar input[value="del"] {
  text-decoration: line-through; }

.quicktags-toolbar input[value="i"] {
  font-style: italic; }

.quicktags-toolbar input[value="b"] {
  font-weight: bold; }

.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
.qt-dfw {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 5px 0 0; }

.qt-fullscreen {
  position: static;
  margin: 2px; }

.mce-toolbar-grp .mce-container-body {
  position: relative; }

.mce-tinymce .mce-btn-group .mce-btn.mce-last {
  position: absolute;
  right: 0; }
  @media (max-width: 960px) {
    .mce-tinymce .mce-btn-group .mce-btn.mce-last {
      position: relative;
      right: inherit; } }

@media (max-width: 660px) {
  .mce-toolbar .mce-btn button,
  .qt-dfw {
    padding: 6px; }
  #wp-fullscreen-buttons .mce-btn,
  .mce-toolbar .mce-btn-group .mce-btn {
    margin: 6px 4px; }
  .qt-dfw {
    width: 36px;
    height: 34px; }
  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
    margin: 4px 4px 0 0; }
  .mce-toolbar .mce-colorbutton .mce-preview {
    left: 8px;
    bottom: 6px; }
  .mce-window .mce-btn {
    padding: 2px 0; }
  .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
  .has-dfw .quicktags-toolbar {
    padding-right: 40px; } }

@media (max-width: 660px) {
  .wp-core-ui .quicktags-toolbar input.button.button-small, .wp-core-ui .quicktags-toolbar .cancel-confirm input.button-small.button-primary, .cancel-confirm .wp-core-ui .quicktags-toolbar input.button-small.button-primary, .wp-core-ui .quicktags-toolbar
  .cancel-confirm input.button-small[type=submit],
  .cancel-confirm .wp-core-ui .quicktags-toolbar input.button-small[type=submit] {
    /* .button-small is normaly 11px, but a bit too small for these buttons. */
    font-size: 12px;
    height: 26px;
    line-height: 24px; } }

#wp_editbtns,
#wp_gallerybtns {
  padding: 2px;
  position: absolute;
  display: none;
  z-index: 100020; }

#wp_editimgbtn,
#wp_delimgbtn,
#wp_editgallery,
#wp_delgallery {
  border-color: #999;
  background-color: #eee;
  margin: 2px;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

#wp_editimgbtn:hover,
#wp_delimgbtn:hover,
#wp_editgallery:hover,
#wp_delgallery:hover {
  border-color: #555;
  background-color: #ccc; }

/* Distraction-Free Writing mode
 * =Overlay Styles
-------------------------------------------------------------- */
.fullscreen-overlay {
  z-index: 100005;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-filter: inherit;
          filter: inherit; }

.wp-fullscreen-active .fullscreen-overlay,
.wp-fullscreen-active #wp-fullscreen-body {
  display: block; }

.fullscreen-fader {
  z-index: 200000; }

.wp-fullscreen-active .fullscreen-fader,
.wp-core-ui.wp-fullscreen-active .postbox-container {
  display: none; }

/* =Overlay Body
-------------------------------------------------------------- */
#wp-fullscreen-body,
.mce-fullscreen {
  z-index: 100010; }

#wp-fullscreen-body {
  display: none; }

.wp-fullscreen-wrap {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  top: 60px;
  z-index: 100015; }

.wp-fullscreen-wrap .wp-editor-container,
.wp-fullscreen-title,
#wp-fullscreen-central-toolbar {
  box-sizing: border-box;
  max-width: 100%; }

.wp-fullscreen-active .wp-editor-tools,
.wp-fullscreen-active .quicktags-toolbar,
.wp-fullscreen-active .mce-toolbar-grp,
.wp-fullscreen-active .mce-statusbar {
  display: none; }

#wp-fullscreen-statusbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  z-index: 100020;
  background: #fff;
  transition: height 0.2s; }

#wp-fullscreen-status {
  margin: 0 auto;
  padding: 0; }

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-fullscreen-title:focus,
.wp-fullscreen-active .wp-editor-container {
  border-radius: 0;
  border: 1px dashed transparent;
  background: transparent;
  box-shadow: none;
  transition: border-color 0.4s; }

.wp-fullscreen-active .wp-editor-container {
  margin: 0 auto 40px; }

.wp-fullscreen-active .wp-fullscreen-title {
  font-size: 1.7em;
  line-height: 100%;
  outline: medium none;
  padding: 3px 7px;
  margin: 10px auto 30px;
  display: block; }

#wp-fullscreen-tagline {
  color: #82878c;
  font-size: 18px;
  float: right;
  padding: 4px 0 0; }

/* =Top bar
-------------------------------------------------------------- */
#fullscreen-topbar {
  background: #f5f5f5;
  border-bottom: 1px solid #dedede;
  height: 45px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100020;
  transition: opacity 0.4s; }

#wp-fullscreen-toolbar {
  padding: 6px 10px 0;
  clear: both;
  max-width: 1100px;
  margin: 0 auto; }

#wp-fullscreen-mode-bar,
#wp-fullscreen-button-bar,
#wp-fullscreen-close {
  float: left; }

#wp-fullscreen-count,
#wp-fullscreen-tagline {
  display: inline-block; }

#wp-fullscreen-button-bar {
  margin-top: 2px; }

#wp-fullscreen-save {
  float: right;
  padding: 2px 0 0;
  min-width: 95px; }

#wp-fullscreen-count,
#wp-fullscreen-close {
  padding: 5px 0 0; }

#wp-fullscreen-central-toolbar {
  margin: auto;
  padding: 0;
  min-width: 620px; }

#wp-fullscreen-buttons > div {
  float: left; }

#wp-fullscreen-mode-bar {
  padding: 3px 14px 0 0; }

#wp-fullscreen-buttons .hidden {
  display: none; }

#wp-fullscreen-buttons .disabled {
  opacity: 0.5; }

#wp-fullscreen-buttons .mce-btn button {
  margin: 0;
  outline: 0 none;
  border: 0 none;
  white-space: nowrap;
  width: auto;
  background: none;
  color: #32373c;
  cursor: pointer;
  font-size: 18px;
  line-height: 20px;
  overflow: visible;
  text-align: center;
  box-sizing: border-box; }

.wp-html-mode #wp-fullscreen-buttons div {
  display: none; }

.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
  display: block; }

#wp-fullscreen-save img {
  vertical-align: middle; }

#wp-fullscreen-save span {
  display: none;
  margin: 5px 6px 0;
  float: left; }

/* =Thickbox Adjustments
-------------------------------------------------------------- */
.wp-fullscreen-active #TB_overlay {
  z-index: 100050; }

.wp-fullscreen-active #TB_window {
  z-index: 100051; }

/* Colors */
.fullscreen-overlay {
  background: #fff; }

/* =CSS 3 transitions
-------------------------------------------------------------- */
.wp-fullscreen-active #fullscreen-topbar {
  transition-duration: 0.8s;
  opacity: 0;
  filter: alpha(opacity=0); }

.wp-fullscreen-active #wp-fullscreen-statusbar {
  height: 0; }

.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
  transition-duration: 0.4s;
  opacity: 1;
  filter: alpha(opacity=100); }

.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
  height: 29px;
  background: #f8f8f8;
  border-top: 1px solid #eee; }

.wp-fullscreen-active .wp-fullscreen-title,
.wp-fullscreen-active .wp-editor-container {
  transition-duration: 0.8s;
  border-color: transparent; }

.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
  transition-duration: 0.4s;
  border-color: #ccc; }

.fade-1000,
.fade-600,
.fade-400,
.fade-300 {
  opacity: 0;
  transition-property: opacity; }

.fade-1000 {
  transition-duration: 1s; }

.fade-600 {
  transition-duration: 0.6s; }

.fade-400 {
  transition-duration: 0.4s; }

.fade-300 {
  transition-duration: 0.3s; }

.fade-trigger {
  opacity: 1; }

/* DFW on touch screen devices */
.wp-dfw-touch #fullscreen-topbar {
  position: absolute;
  opacity: 1; }

.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
.wp-dfw-touch .wp-fullscreen-title {
  max-width: 700px; }

.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
  border-color: #ccc; }

.wp-dfw-touch #wp-fullscreen-statusbar {
  height: 30px; }

@media (max-width: 660px) {
  #wp-fullscreen-close,
  #wp-fullscreen-central-toolbar,
  #wp-fullscreen-mode-bar,
  #wp-fullscreen-button-bar,
  #wp-fullscreen-save {
    display: inline-block; }
  #fullscreen-topbar {
    height: 85px; }
  #wp-fullscreen-central-toolbar {
    width: auto !important;
    min-width: 0; }
  #wp-fullscreen-close {
    line-height: 30px;
    vertical-align: top;
    padding: 0 12px; }
  #wp-fullscreen-button-bar {
    position: absolute;
    top: 45px;
    left: 0; }
  .wp-fullscreen-wrap {
    top: 95px; }
  #wp-fullscreen-save {
    position: absolute;
    right: 10px; } }

@media screen and (max-width: 480px) {
  #wp_fs_help {
    display: none; }
  .wp-fullscreen-wrap .wp-editor-container,
  .wp-fullscreen-title {
    width: 480px !important; }
  body.wp-fullscreen-active {
    width: 480px;
    overflow: auto; }
  #fullscreen-topbar,
  .wp-fullscreen-wrap {
    width: 480px; }
  #fullscreen-topbar {
    position: absolute; }
  #wp-fullscreen-status {
    width: auto !important;
    max-width: 100%;
    padding: 0 10px; } }

/*------------------------------------------------------------------------------
	wp-link
------------------------------------------------------------------------------*/
div.wp-link-preview {
  float: left;
  margin: 10px 8px 10px 12px;
  max-width: 694px;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 660px) {
    div.wp-link-preview {
      margin-top: 14px;
      margin-bottom: 14px;
      max-width: 70%;
      max-width: calc( 100% - 104px); } }

div.wp-link-preview a {
  color: #0087be;
  text-decoration: underline;
  transition-property: border, background, color;
  transition-duration: .05s;
  transition-timing-function: ease-in-out;
  cursor: pointer; }
  div.wp-link-preview a:hover, div.wp-link-preview a:focus, div.wp-link-preview a:active {
    color: #33bbe3; }

/* =Localization
-------------------------------------------------------------- */
.rtl .wp-switch-editor,
.rtl .quicktags-toolbar input {
  font-family: Tahoma, sans-serif; }

/*rtl:ignore*/
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
  direction: rtl; }

/*rtl:ignore*/
.mce-rtl .mce-listbox i.mce-caret {
  left: 6px; }

html:lang(he-il) .rtl .wp-switch-editor,
html:lang(he-il) .rtl .quicktags-toolbar input {
  font-family: Arial, sans-serif; }

/* HiDPI */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .wp-media-buttons .add_media span.wp-media-buttons-icon,
  #wp-fullscreen-buttons #wp_fs_image span.mce_image {
    background: none; } }

.token-field {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  border: 1px solid #c8d7e1;
  color: #2e4453;
  cursor: text;
  transition: all .15s ease-in-out; }
  .token-field:hover {
    border-color: #a8bece; }
  .token-field.is-active {
    border-color: #0087be;
    box-shadow: 0 0 0 2px #78dcfa; }

.token-field__input-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0 2px 8px;
  padding: 0;
  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 .token-field__token-text {
  background: transparent;
  color: #0087be; }

.token-field__token.is-borderless .token-field__remove-token {
  background: transparent;
  color: #87a6bc;
  padding: 0 2px; }

.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; }

.token-field__token.is-borderless.is-validating .token-field__token-text {
  color: #2e4453; }

.token-field__token-text,
.token-field__remove-token {
  display: inline-block;
  line-height: 24px;
  background: #4f748e;
  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;
  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: #00aadc;
    color: white; }

.token-field__suggestion-match {
  color: #2e4453; }

.counted-textarea {
  border: 1px solid #c8d7e1;
  background-color: #e9eff3; }
  .counted-textarea.is-exceeding-acceptable-length {
    background: #d94f4f; }
    .counted-textarea.is-exceeding-acceptable-length .counted-textarea__count-panel {
      color: white; }

.counted-textarea__input {
  display: block;
  resize: vertical;
  border: none;
  padding: 8px; }

.counted-textarea__count-panel {
  padding: 8px;
  font-size: 12px;
  color: #668eaa; }

.form-button {
  float: right;
  margin-left: 10px; }

.form-buttons-bar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

@media (max-width: 480px) {
  .form-buttons-bar {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .form-buttons-bar .button, .form-buttons-bar .cancel-confirm .button-primary, .cancel-confirm .form-buttons-bar .button-primary, .form-buttons-bar
    .cancel-confirm input[type=submit],
    .cancel-confirm .form-buttons-bar input[type=submit] {
      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 .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: linear-gradient(to bottom, transparent, transparent 8px, #c8d7e1 8px, #c8d7e1 10px, transparent 10px); }

.form-range:focus {
  outline: none; }

.form-range::-webkit-slider-thumb {
  height: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 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: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 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: 26px;
  width: 26px;
  border: none;
  background: radial-gradient(#00aadc, #00aadc 6px, #005082 7px, transparent 8px, transparent);
  cursor: pointer; }

.form-section-heading, .cancel-confirm h3,
.cancel-confirm form > h4 {
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 20px 0; }

.form-section-heading:first-child, .cancel-confirm h3:first-child,
.cancel-confirm form > h4:first-child {
  margin-top: 0; }

.form-select {
  margin-bottom: 1em; }

.form-select:only-of-type,
.form-select:last-of-type {
  margin-bottom: 0; }

.form-setting-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0 0 0; }

.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-affixes {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .form-text-input-with-affixes.no-wrap {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 481px) {
    .form-text-input-with-affixes {
      -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-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 #c8d7e1;
  color: #2e4453;
  padding: 8px 14px;
  white-space: nowrap; }

.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;
  background: #a8bece;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  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;
    transition: all .2s ease; }
  .form-toggle__switch:before {
    display: none; }
  .form-toggle__switch:hover {
    background: #c8d7e1; }
  .accessible-focus .form-toggle__switch:focus {
    box-shadow: 0 0 0 2px #00aadc; }

.form-toggle__label {
  cursor: pointer; }
  .is-disabled .form-toggle__label {
    cursor: default; }

.accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #00aadc; }

.accessible-focus .form-toggle:focus:checked + .form-toggle__label .form-toggle__switch {
  box-shadow: 0 0 0 2px #78dcfa; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch {
  background: #00aadc; }
  .form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
    left: 16px; }

.form-toggle:checked + .form-toggle__label .form-toggle__switch:hover {
  background: #78dcfa; }

.form-toggle:disabled + label.form-toggle__label span.form-toggle__switch:hover,
.form-toggle:disabled + label.form-toggle__label span.form-toggle__switch {
  background: #e9eff3;
  cursor: default; }

.form-toggle.is-toggling + .form-toggle__label .form-toggle__switch {
  background: #00aadc; }

.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-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-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-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 #00aadc; }
  .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: #00aadc; }
  .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; }

.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; }

.plan {
  background: #f3f6f8;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0; }
  .plan.is-placeholder .plan__plan-tagline {
    -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.is-placeholder .plan__plan-tagline:after {
      content: '\00a0'; }
  .plan.is-placeholder .plan__illustration {
    display: none; }
  .plan.is-placeholder .plan__plan-details p {
    -webkit-animation: loading-fade 1.6s ease-in-out infinite;
            animation: loading-fade 1.6s ease-in-out infinite;
    background-color: #d9e3ea;
    color: transparent;
    margin-bottom: 5px; }
    .plan.is-placeholder .plan__plan-details p:after {
      content: '\00a0'; }
  .plan.is-placeholder .plan__plan-details p:nth-child(2) {
    width: 70%; }
  .plan .gridicons-checkmark-circle {
    fill: #4ab866;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 6px; }

.plan__plan-expand {
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  width: 100%; }

.plan__plan-details {
  box-sizing: border-box;
  color: #2e4453;
  padding: 16px;
  width: 100%;
  font-size: 13px;
  opacity: 0.8; }
  .plan__plan-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px; }
    .plan__plan-details ul li {
      font-size: 13px;
      padding: 5px 0 5px 14px;
      opacity: .8; }
  .plan__plan-details p {
    margin: 0; }
  .plan__plan-details .plan__learn-more {
    font-size: 13px;
    display: block;
    margin: 8px 0 0 0; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-sidebar .plan__illustration {
    display: none; }
  .plans.has-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
  .plans.has-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-sidebar .plan__plan-details {
    min-height: 155px; }
  .plans.has-sidebar .plan-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan.is-active .plan__plan-expand {
    max-height: 500px; }
  .plans.has-no-sidebar .plan__plan-expand {
    max-height: 0; }
  .plans.has-no-sidebar .plan__plan-tagline {
    display: none; }
  .plans.has-no-sidebar .plan__illustration {
    display: none; }
  .plans.has-no-sidebar .plan__plan-details {
    border-top: 2px solid #c8d7e1;
    float: left; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-no-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-no-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
  .plans.has-no-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-no-sidebar .plan__plan-details {
    min-height: 155px; }
  .plans.has-no-sidebar .plan-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.plan__feature {
  padding-left: 10px; }
  .plan__feature.is-plan-specific {
    font-weight: bold; }

.plan__features .gridicon {
  margin-left: -12px;
  position: relative;
  left: -5px;
  top: 2px; }

.plan .plan-actions {
  float: left;
  width: 100%;
  padding: 0 16px 16px 16px;
  box-sizing: border-box; }
  .plan .plan-actions.is-image-button {
    padding: 0; }

.plan .plan-actions__action-details {
  clear: both;
  font-size: 12px;
  color: #668eaa;
  text-align: center; }
  .plan .plan-actions__action-details:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.plan-actions__upgrade-button {
  display: block;
  text-align: center;
  width: 100%; }

.plan-actions__trial-period {
  text-align: center;
  line-height: 16px;
  display: block;
  padding: 5px 10px 0 5px;
  color: #2e4453;
  opacity: .8; }

.plan-actions.is-placeholder .plan-actions__upgrade-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;
  border: none;
  border-radius: 0;
  margin-bottom: 0.5em;
  pointer-events: none; }
  .plan-actions.is-placeholder .plan-actions__upgrade-button:after {
    content: '\00a0'; }

.plan-actions.is-placeholder .plan-actions__trial-period {
  height: 3em; }

.plan-actions__current .plan-actions__upgrade-button {
  background: white;
  margin: 0 0 8px 0; }

.plan-actions__current .plan-actions__plan-expiration {
  color: #2e4453;
  display: block;
  font-size: 11px;
  opacity: .8;
  padding: 7px 0 0 0; }

.plan-actions__current-plan-label {
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  color: #2e4453;
  display: block;
  font-size: 14px;
  opacity: .6;
  padding: 0.5em 1.2em 0.62em;
  text-align: center; }
  .plan-actions__current-plan-label: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;
    color: #4ab866;
    margin-left: -10px;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle; }

.plan-actions__trial-hint {
  font-size: 12px;
  line-height: 18px; }

.plan-actions__trial-upgrade-now {
  white-space: nowrap; }

.plans-compare .plan-actions {
  font-size: 16px;
  padding: 10px; }

.plans-compare .plan-actions__upgrade-button {
  overflow: visible;
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal; }

.plans-compare .plan-actions__current-plan-label {
  font-size: 12px;
  padding: 10px 5px; }
  .plans-compare .plan-actions__current-plan-label:before {
    margin-left: -5px;
    padding-right: 1px; }

@media (max-width: 960px) {
  .plans.has-sidebar .plans-compare .plan-actions {
    display: none; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
  .plans.has-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-sidebar .plan__plan-details {
    min-height: 155px; }
  .plans.has-sidebar .plan-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plans-compare .plan-actions {
    display: none; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan {
    margin: 0 2% 15px 0; }
    .plans.has-no-sidebar .plan:last-child {
      margin-right: 0; }
    .plans.has-no-sidebar .plan .gridicons-checkmark-circle {
      left: 50%;
      top: 64px;
      margin-left: 30px; }
  .plans.has-no-sidebar .plan__plan-tagline {
    color: #87a6bc;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center; }
  .plans.has-no-sidebar .plan__plan-details {
    min-height: 155px; }
  .plans.has-no-sidebar .plan-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.plan-actions__illustration {
  width: 100px;
  height: 100px;
  margin: 5px auto 10px auto;
  background-size: 100%;
  border-radius: 50%;
  border: 5px solid #e9eff3; }

.free_plan.plan-actions__illustration,
.jetpack_free.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-beginner.svg"); }

.value_bundle.plan-actions__illustration,
.jetpack_premium.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-premium.svg"); }

.business-bundle.plan-actions__illustration,
.jetpack_business.plan-actions__illustration {
  background-image: url("/calypso/images/plans/plan-business.svg"); }

.jetpack_premium .is-image-button, .jetpack_business .is-image-button {
  display: none; }

.plan-discount-message {
  display: block;
  padding: 2px 10px;
  box-sizing: border-box;
  background: #2e4453;
  color: white;
  font-size: 10px;
  text-transform: uppercase; }

.plan-discount-message {
  display: block;
  width: 100%; }

@media (min-width: 961px) {
  .plans.has-sidebar .plan-discount-message {
    text-align: center; }
  .plans.has-sidebar .plan-discount-message {
    position: absolute;
    top: -19px;
    z-index: 1; }
  .plans.has-sidebar .plans-compare .plan-discount-message {
    margin: 0 10px;
    padding: 5px 10px;
    position: relative;
    top: auto;
    width: calc( 100% - 20px); }
    .plans.has-sidebar .plans-compare .plan-discount-message:after {
      content: "";
      position: absolute;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #2e4453 transparent;
      top: -20px;
      left: 42%; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan-discount-message {
    text-align: center; }
  .plans.has-no-sidebar .plan-discount-message {
    position: absolute;
    top: -19px;
    z-index: 1; }
  .plans.has-no-sidebar .plans-compare .plan-discount-message {
    margin: 0 10px;
    padding: 5px 10px;
    position: relative;
    top: auto;
    width: calc( 100% - 20px); }
    .plans.has-no-sidebar .plans-compare .plan-discount-message:after {
      content: "";
      position: absolute;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #2e4453 transparent;
      top: -20px;
      left: 42%; } }

.plan-features {
  text-align: center; }
  .plan-features.is-placeholder .plan-header .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; }
    .plan-features.is-placeholder .plan-header .header-text:after {
      content: '\00a0'; }
    .plan-features.is-placeholder .plan-header .header-text:after {
      content: '\A\00a0';
      white-space: pre; }

.plan-features__included {
  color: #2e4453; }

.plan-features__included.no-text:before {
  color: #4ab866;
  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; }

.plan-features__not-included.no-text:before {
  color: #668eaa;
  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;
  vertical-align: inherit; }

.plan-feature-cell {
  border-bottom: 1px solid #c8d7e1;
  display: table;
  height: 54px;
  vertical-align: middle;
  width: 100%; }

.plan-feature-cell__feature-text {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px; }

.feature-list.is-placeholder .plan-feature-cell__feature-text 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: block;
  width: 65%; }
  .feature-list.is-placeholder .plan-feature-cell__feature-text span:after {
    content: '\00a0'; }

.is-placeholder .plan-feature-cell__feature-text span {
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite;
  background-color: #d9e3ea;
  color: transparent;
  display: block;
  margin: 0 auto;
  width: 15%; }
  .is-placeholder .plan-feature-cell__feature-text span:after {
    content: '\00a0'; }

.plan-features .plan-feature-cell__feature-text {
  color: #668eaa;
  opacity: .7; }

.plan-features:not(:nth-child(2)) .plan-feature-cell__feature-text {
  color: #2e4453;
  opacity: .9;
  font-weight: bold; }

.plan .plan-header__title:before, .plan-feature-column .plan-header__title:before {
  background-size: 100%;
  content: '';
  display: block;
  margin: 0 auto;
  width: 35px;
  height: 35px; }

.plan.free_plan .plan-header__title:before, .plan.jetpack_free .plan-header__title:before, .plan-feature-column.free_plan .plan-header__title:before, .plan-feature-column.jetpack_free .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-beginner.svg"); }

.plan.value_bundle .plan-header__title:before, .plan.jetpack_premium .plan-header__title:before, .plan-feature-column.value_bundle .plan-header__title:before, .plan-feature-column.jetpack_premium .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-premium.svg"); }

.plan.business-bundle .plan-header__title:before, .plan.jetpack_business .plan-header__title:before, .plan-feature-column.business-bundle .plan-header__title:before, .plan-feature-column.jetpack_business .plan-header__title:before {
  background-image: url("/calypso/images/plans/plan-business.svg"); }

.plan .plan-header {
  background: white;
  width: 100%;
  padding: 24px 16px 16px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer; }
  .plan .plan-header: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;
    color: #00aadc;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    transition: all .3s ease-in-out; }
  .plan .plan-header .plan-header__title {
    color: #0087be;
    display: block;
    font-size: 17px;
    line-height: 16px; }
    .plan .plan-header .plan-header__title:before {
      left: 10px;
      top: 16px;
      position: absolute; }

.plan.is-active .plan-header:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.plan-header.is-placeholder .plan-header__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;
  margin: 0 auto 5px;
  width: 60%; }
  .plan-header.is-placeholder .plan-header__title:after {
    content: '\00a0'; }
  .plan-header.is-placeholder .plan-header__title:before {
    display: none; }

@media (max-width: 480px) {
  .plan-header.is-placeholder {
    height: 70px; } }

.plans-compare .plan-header {
  border-bottom: 2px solid #c8d7e1;
  height: 3em;
  padding: 0 15px 0 15px; }
  .plans-compare .plan-header .plan-header__title {
    text-align: center;
    color: #2e4453;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; }
    .plans-compare .plan-header .plan-header__title .header-text:first-line {
      color: white;
      font-size: 13px;
      color: #668eaa; }

@media (max-width: 960px) {
  .plans.has-sidebar .plan.card .plan-header, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    float: left; }
    .plans.has-sidebar .plan.card .plan-header .plan-header__title, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      margin: -8px 0 0 0;
      padding: 0 0 0 40px;
      text-align: left; }
    .plans.has-sidebar .plan.card .plan-header .plan-actions, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-actions {
      display: none; }
  .plans.has-sidebar .plans-compare .plan-header .plan-header__title .header-text {
    display: none; } }

@media (min-width: 961px) {
  .plans.has-sidebar .plan .plan-header .plan-header__title:before, .plans.has-sidebar .plan-feature-column .plan-header .plan-header__title:before {
    display: none; }
  .plans.has-sidebar .plan.card .plan-header, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    border-bottom: 2px solid #c8d7e1;
    min-height: 230px;
    padding: 16px; }
    .plans.has-sidebar .plan.card .plan-header:after, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header:after {
      display: none; }
    .plans.has-sidebar .plan.card .plan-header .plan-header__title, .plans.has-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      line-height: 20px;
      text-align: center; } }

@media (max-width: 660px) {
  .plans.has-no-sidebar .plan.card .plan-header, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    float: left; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-header__title, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      margin: -8px 0 0 0;
      padding: 0 0 0 40px;
      text-align: left; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-actions, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-actions {
      display: none; }
  .plans.has-no-sidebar .plans-compare .plan-header .plan-header__title .header-text {
    display: none; } }

@media (min-width: 661px) {
  .plans.has-no-sidebar .plan .plan-header .plan-header__title:before, .plans.has-no-sidebar .plan-feature-column .plan-header .plan-header__title:before {
    display: none; }
  .plans.has-no-sidebar .plan.card .plan-header, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header {
    border-bottom: 2px solid #c8d7e1;
    min-height: 230px;
    padding: 16px; }
    .plans.has-no-sidebar .plan.card .plan-header:after, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header:after {
      display: none; }
    .plans.has-no-sidebar .plan.card .plan-header .plan-header__title, .plans.has-no-sidebar .plan.editor-drawer-well__placeholder .plan-header .plan-header__title {
      line-height: 20px;
      text-align: center; } }

.plan-list .jetpack_premium .plan-header__title, .plan-list .jetpack_business .plan-header__title {
  margin-top: 15px; }

.plan-list {
  padding-top: 19px;
  text-align: left; }
  .plan-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.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: 1em 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: block;
  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; } }

@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; } }

@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; } }

@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-compare__columns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.plan-feature-column {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: .9em;
  vertical-align: top; }
  .plan-feature-column .feature-list {
    text-align: left; }

.plans-compare__free-trial-exception-message {
  font-size: .8em;
  font-style: italic;
  text-align: right;
  margin-top: 15px; }

.post-schedule {
  position: relative; }

.post-schedule__header {
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 47px;
  color: #87a6bc;
  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; }

.post-schedule__header-month {
  cursor: pointer; }

.post-schedule__header-year {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #a8bece;
  height: 20;
  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;
  color: #87a6bc;
  font-size: 12px; }

hr.post-schedule__hr {
  height: 1px;
  background: #e9eff3;
  margin: 0 -16px; }

input.post-schedule__clock_time {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  border: 1px solid #e9eff3;
  width: 42px;
  text-align: center;
  padding: 0;
  color: #a8bece;
  font-size: 12px; }

.post-schedule__clock-divisor {
  margin: 0 6px; }

.info-popover__tooltip.post-schedule__timezone-info,
.post-schedule__clock-timezone {
  color: #87a6bc;
  line-height: 20px; }

.post-schedule__clock-timezone {
  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 .tip-inner {
    font-size: 12px; }

.section-header.card, .section-header.editor-drawer-well__placeholder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative; }
  .section-header.card:after, .section-header.editor-drawer-well__placeholder:after {
    content: ''; }

.section-header__label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 28px;
  position: relative; }
  .section-header__label:before {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative; }
  .section-header__actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.section-header__label {
  color: #87a6bc;
  font-size: 14px; }

.section-header__actions .button, .section-header__actions .cancel-confirm .button-primary, .cancel-confirm .section-header__actions .button-primary, .section-header__actions
.cancel-confirm input[type=submit],
.cancel-confirm .section-header__actions input[type=submit] {
  float: left;
  margin-right: 8px; }
  .section-header__actions .button:last-child, .section-header__actions .cancel-confirm .button-primary:last-child, .cancel-confirm .section-header__actions .button-primary:last-child, .section-header__actions
  .cancel-confirm input[type=submit]:last-child,
  .cancel-confirm .section-header__actions input[type=submit]:last-child {
    margin-right: 0; }

/*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; } }

.tooltip.popover .tip-arrow {
  border-width: 6px; }

.tooltip.popover.tip-bottom-right .tip-arrow, .tooltip.popover.tip-bottom-left .tip-arrow, .tooltip.popover.tip-bottom .tip-arrow {
  border-bottom-color: #3d596d;
  position: absolute;
  top: 9px;
  margin-left: -6px; }
  .tooltip.popover.tip-bottom-right .tip-arrow::before, .tooltip.popover.tip-bottom-left .tip-arrow::before, .tooltip.popover.tip-bottom .tip-arrow::before {
    display: none; }

.tooltip.popover.tip-top .tip-arrow, .tooltip.popover.tip-top-left .tip-arrow, .tooltip.popover.tip-top-right .tip-arrow {
  border-top-color: #3d596d;
  position: absolute;
  bottom: 4px;
  margin-left: -6px; }
  .tooltip.popover.tip-top .tip-arrow::before, .tooltip.popover.tip-top-left .tip-arrow::before, .tooltip.popover.tip-top-right .tip-arrow::before {
    display: none; }

.tooltip.popover.tip-right {
  padding-top: 0; }
  .tooltip.popover.tip-right .tip-arrow {
    border-right-color: #3d596d;
    position: absolute;
    margin-left: 4px; }
    .tooltip.popover.tip-right .tip-arrow::before {
      display: none; }

.tooltip.popover .tip-inner {
  border: 0px;
  box-shadow: none;
  border-radius: 2px;
  color: white;
  background: #3d596d;
  font-size: 12px;
  padding: 6px 10px;
  margin-top: 5px;
  text-align: left; }

.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-form__extras {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -15px; }
  .credit-card-form__extras .credit-card-form__field,
  .credit-card-form__extras .credit-card-form__label {
    margin-left: 15px; }
  .credit-card-form__extras .cvv,
  .credit-card-form__extras .expiration-date {
    -webkit-flex-basis: 6em;
        -ms-flex-preferred-size: 6em;
            flex-basis: 6em;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .credit-card-form__extras .country {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .credit-card-form__extras .country label {
      display: none; }
  .credit-card-form__extras .postal-code {
    -webkit-flex-basis: 8em;
        -ms-flex-preferred-size: 8em;
            flex-basis: 8em;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }

.credit-card-form__field {
  margin-top: 15px;
  position: relative; }
  .credit-card-form__field select {
    font-size: 15px;
    width: 100%; }
  .credit-card-form__field.invalid input,
  .credit-card-form__field.invalid select {
    border-color: #d94f4f; }
  .credit-card-form__field input[disabled] {
    cursor: not-allowed; }

.credit-card-form__label label {
  color: #668eaa;
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  left: 13px;
  top: 12px; }
  .credit-card-form__label label .error {
    color: #d94f4f;
    margin-left: 1em; }

.credit-card-form__label.focus label {
  color: #00aadc; }

.credit-card-form__label.active label {
  display: inline; }

.credit-card-form__label.active input {
  padding-top: 27px; }

.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; }

.web-preview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  z-index: 100200;
  opacity: 0;
  transition: 0s 0.2s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.web-preview__backdrop {
  background: rgba(135, 166, 188, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.web-preview__content {
  box-shadow: 0 0 0 1px rgba(83, 121, 148, 0.5), 0 1px 2px #6d93ad;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: 47px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  transition: 0.1s -webkit-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; }
  .is-computer .web-preview__content {
    width: 100%; }
  .is-tablet .web-preview__content {
    width: 783px; }
  .is-phone .web-preview__content {
    width: 460px; }

@media (max-width: 660px) {
  .web-preview.is-computer .web-preview__content,
  .web-preview.is-tablet .web-preview__content,
  .web-preview.is-phone .web-preview__content {
    left: 0;
    right: 0;
    width: 100%; } }

.web-preview.is-visible {
  height: 100%;
  opacity: 1;
  transition: 0s height, 0.2s opacity cubic-bezier(0.25, 0.5, 0.5, 0.9); }
  .web-preview.is-visible .web-preview__content {
    -webkit-transform: scale(1);
            transform: scale(1); }

.web-preview__toolbar {
  background: white;
  border-bottom: 1px solid #c8d7e1;
  border-radius: 4px 4px 0 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.web-preview.is-computer .web-preview__toolbar {
  border-radius: 0; }

.web-preview__close,
.web-preview__external,
.web-preview__device-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 {
    color: #2e4453; }
  .web-preview__close .gridicon,
  .web-preview__external .gridicon,
  .web-preview__device-button .gridicon {
    vertical-align: middle; }

.web-preview__close {
  cursor: pointer; }

.web-preview__external {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 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__toolbar-tray {
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .web-preview__toolbar-tray .button, .web-preview__toolbar-tray .cancel-confirm .button-primary, .cancel-confirm .web-preview__toolbar-tray .button-primary, .web-preview__toolbar-tray
  .cancel-confirm input[type=submit],
  .cancel-confirm .web-preview__toolbar-tray input[type=submit] {
    margin: 4px; }

.web-preview__frame {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  background: #f3f6f8; }
  .is-loaded .web-preview__frame {
    opacity: 1; }

.web-preview__placeholder {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.web-preview .spinner {
  margin-left: -10px;
  position: absolute;
  top: 45%;
  left: 50%; }
  @media (max-width: 660px) {
    .web-preview .spinner {
      top: 20%; } }

.web-preview__loading-message {
  color: #87a6bc;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  display: block;
  margin: 48px 0; }

.version {
  text-transform: uppercase;
  font-size: 11px;
  color: #87a6bc;
  line-height: 18px; }
  .version:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .version .gridicon {
    float: left;
    margin-right: 4px; }

.vertical-nav {
  margin-top: 15px; }

.vertical-nav-item .noticon {
  box-sizing: border-box;
  color: #87a6bc;
  font-size: 20px;
  height: 100%;
  padding-left: 3px;
  padding-top: 20px;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px; }

.vertical-nav-item .noticon-collapse {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.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; }

.translator-invitation {
  background: none;
  position: relative;
  padding: 24px 18px 0;
  margin-bottom: 66px;
  box-shadow: none; }
  .translator-invitation:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 35px;
    z-index: -1;
    background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 20%, #c8d7e1 80%, rgba(200, 215, 225, 0) 100%); }
  .translator-invitation .close-button {
    padding: 6px; }
  .translator-invitation .gridicons-globe {
    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; }

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

.translator-invitation__primary-content {
  font-size: 16px;
  line-height: 24px; }
  .translator-invitation__primary-content .button, .translator-invitation__primary-content .cancel-confirm .button-primary, .cancel-confirm .translator-invitation__primary-content .button-primary, .translator-invitation__primary-content
  .cancel-confirm input[type=submit],
  .cancel-confirm .translator-invitation__primary-content input[type=submit] {
    display: block;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 8px;
    text-align: center; }

.translator-invitation__secondary-content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.translator-invitation__intro {
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%;
  margin-bottom: 20px; }

.translator-invitation__link {
  color: #00aadc;
  text-shadow: 1px 0 #e9eff3, 2px 0 #e9eff3, -1px 0 #e9eff3, -2px 0 #e9eff3;
  background-image: linear-gradient(to bottom, transparent 50%, #00aadc 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 85%; }

.translator-invitation__actions {
  -webkit-flex-grow: 100%;
      -ms-flex-positive: 100%;
          flex-grow: 100%;
  margin-left: 2%; }
  .translator-invitation__actions > .button:last-of-type, .cancel-confirm .translator-invitation__actions > .button-primary:last-of-type,
  .cancel-confirm .translator-invitation__actions > input[type=submit]:last-of-type {
    margin-right: 0; }

@media (min-width: 661px) {
  .translator-invitation {
    padding: 12px 0 0; }
  .translator-invitation__title {
    clear: none; }
  .translator-invitation__primary-content {
    margin-bottom: 0; }
    .translator-invitation__primary-content .button, .translator-invitation__primary-content .cancel-confirm .button-primary, .cancel-confirm .translator-invitation__primary-content .button-primary, .translator-invitation__primary-content
    .cancel-confirm input[type=submit],
    .cancel-confirm .translator-invitation__primary-content input[type=submit] {
      display: inline-block;
      width: auto;
      padding: 7px 24px;
      margin-right: 24px; }
  .translator-invitation__intro {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .translator-invitation__actions {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .translator-invitation__secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.masterbar {
  background: #0087be;
  border-bottom: 1px solid #0079aa;
  color: white;
  font-size: 16px;
  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-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  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: #00aadc;
    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-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; } }

.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;
    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); } }

.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 {
  overflow: auto;
  padding: 0;
  background: #e9eff3;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;z-index: 300; }
  @media (max-width: 960px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
     width: 100%;
    position: static; }
    .well-body{padding:0;}
	.modal{
		  width:auto;
		  left:inherit;
	  }
	}
  @media (min-width: 961px) {
    .sidebar, .post-editor__sidebar {
      border-right: 1px solid #d9e3ea;
      width: 272px; } 
	  
	  
	  }
  @media (max-width: 660px) {
    .sidebar, .post-editor__sidebar {
      left: -100vw;
      width: 100vw;
      max-height: calc(100vh - 47px);
    /*   pointer-events: none; */
      -webkit-transform: translateX(0);
              transform: translateX(0);
      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(100vw);
                transform: translateX(100vw); }
      .focus-sites .sidebar, .focus-sites .post-editor__sidebar {
        -webkit-transform: translateX(100vw);
                transform: translateX(100vw); } }

.sidebar, .post-editor__sidebar {
  margin: 0; }
  .sidebar ul, .post-editor__sidebar ul {
    list-style: none;
    margin: 0; }
  .sidebar li, .post-editor__sidebar li {
    position: relative; }

.sidebar__heading {
  color: #668eaa;
  font-weight: 600;
  font-size: 12px;
  margin: 16px 8px 6px 14px; }

.sidebar__menu {
  display: block; }
  @media (max-width: 660px) {
    .sidebar__menu {
      margin-top: 24px; } }
  .sidebar__menu li {
    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-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: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 50%); }
      @media (max-width: 660px) {
        .sidebar__menu a:first-child:after {
          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;
	text-decoration: none;
    overflow: hidden;
    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.add-new {
    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) {
      .sidebar__menu a.add-new {
        font-size: 14px;
        height: 35px;
        padding: 8px 16px;
        margin: 10px 10px 0 0; } }
  .sidebar__menu a.plan-name {
    padding: 3px 8px 4px 8px;
    position: absolute;
    top: 12px;
    right: 8px;
    color: #4f748e;
    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; } }
  .sidebar__menu .noticon-external {
    position: absolute;
    top: 15px;
    right: 19px;
    z-index: 1;
    color: #87a6bc; }
    @media (max-width: 660px) {
      .sidebar__menu .noticon-external {
        top: 9px;
        right: 16px;
        font-size: 32px; } }

@media (min-width: 661px) {
  .sidebar__menu .selected {
    background-color: #87a6bc; }
    .sidebar__menu .selected a {
      color: white; }
      .sidebar__menu .selected a:first-child:after {
        background: linear-gradient(to right, rgba(135, 166, 188, 0), #87a6bc 50%); }
    .sidebar__menu .selected a.add-new {
      color: #3d596d;
      border: 1px solid #668eaa; }
    .sidebar__menu .selected .gridicon {
      fill: white; }
    .sidebar__menu .selected.is-action-button-selected a:first-child:after {
      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 {
    color: #00aadc; }
    .notouch .sidebar__menu li:hover:not(.selected) a:first-child:after {
      background: linear-gradient(to right, rgba(243, 246, 248, 0), #f3f6f8 50%); }
    .notouch .sidebar__menu li:hover:not(.selected) a.add-new {
      background-color: white;
      color: #2e4453; }
  .notouch .sidebar__menu li:hover:not(.selected) .gridicon {
    fill: #00aadc; }

.notouch .sidebar__menu li:not(.selected) a.add-new:hover {
  color: #00aadc; }

.accept-dialog {
  padding-bottom: 24px;
  max-width: 500px; }

@media (max-width: 480px) {
  .account-password__buttons-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-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;
  transition: opacity .5s ease-in; }

.account__username-form-toggle-enter-active {
  opacity: 1; }

.account__username-form-toggle-leave {
  opacity: 1;
  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; }

.connected-application-item__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .connected-application-item__header h3 {
    -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; } }

.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;
  text-align: center; }

.credit-cards_single-card {
  border: 1px solid #e9eff3;
  border-top: none; }
  .credit-cards_single-card:first-child {
    border-top: 1px solid #e9eff3; }

.get-apps__title {
  text-align: center;
  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;
  text-align: center; }

.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; } }

.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, .help-contact-confirmation .cancel-confirm h3, .cancel-confirm .help-contact-confirmation h3, .help-contact-confirmation
  .cancel-confirm form > h4,
  .cancel-confirm .help-contact-confirmation form > h4 {
    margin: 13px 0px 7px 0px; }
    @media (max-width: 660px) {
      .help-contact-confirmation .form-section-heading, .help-contact-confirmation .cancel-confirm h3, .cancel-confirm .help-contact-confirmation h3, .help-contact-confirmation
      .cancel-confirm form > h4,
      .cancel-confirm .help-contact-confirmation form > h4 {
        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 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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; }
  .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; }
  .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; }

.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-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-happiness-engineers {
  margin: 4px 0px 64px 0px; }
  @media (min-width: 661px) {
    .help-happiness-engineers {
      margin: 24px 0px 64px 0px; } }

@media (max-width: 660px) {
  .help-happiness-engineers .form-section-heading, .help-happiness-engineers .cancel-confirm h3, .cancel-confirm .help-happiness-engineers h3, .help-happiness-engineers
  .cancel-confirm form > h4,
  .cancel-confirm .help-happiness-engineers form > h4 {
    font: 300 16px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } }

.help-happiness-engineers__description {
  margin: -16px 0px 12px 0px;
  font: 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #668eaa; }
  @media (min-width: 661px) {
    .help-happiness-engineers__description {
      margin: -16px 0px 20px 0px; } }

.help-happiness-engineers__tray {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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__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 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

.help-result:hover {
  background-color: #00aadc; }
  .help-result:hover .help-result__title,
  .help-result:hover .help-result__description {
    color: white; }
  .help-result:hover .help-result__icon-path {
    fill: white; }

.help-result__wrapper:hover {
  background-color: #00aadc; }

.help-result__icon {
  position: absolute;
  margin: -2px 16px 0px -8px; }

.help-result__title {
  margin: -2px 0px 0px 32px;
  color: #0087be;
  font: 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 600; }

.help-result__description {
  color: #4f748e;
  font: 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  margin: 2px 0px 0px 32px; }

.help-search {
  margin-bottom: 16px; }

.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__header {
  margin-top: 15px; }
  @media (max-width: 660px) {
    .help__header {
      font: 300 16px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } }

.help__support-link {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .help__support-link {
      float: left;
      width: 33%; } }

.help__support-link-title {
  padding: 0px 10px 10px 0px;
  font: 16px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #0087be; }
  @media (min-width: 661px) {
    .help__support-link-title {
      font: 21px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } }

.help__support-link-content {
  padding-right: 10px;
  font: 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  color: #87a6bc; }

.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-flex;
    display: -ms-flexbox;
    display: flex;
    -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, .next-steps-box .next-steps-box__step-body .next-steps-box__step-action .cancel-confirm .button-primary, .cancel-confirm .next-steps-box .next-steps-box__step-body .next-steps-box__step-action .button-primary, .next-steps-box .next-steps-box__step-body .next-steps-box__step-action
      .cancel-confirm input[type=submit],
      .cancel-confirm .next-steps-box .next-steps-box__step-body .next-steps-box__step-action input[type=submit] {
        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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -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-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-flex;
      display: -ms-flexbox;
      display: flex; } }

.notification-settings-blog-settings-placeholder__blog {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-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-form__streams {
  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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notification-settings-form-labels .notification-settings-form-header__title {
    -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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -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-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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  -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-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 481px) {
    .notification-settings-form-stream {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -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-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -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; }

.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;
  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;
    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%;
  border-color: #c8d7e1;
  border-style: solid;
  border-width: 2px;
  margin: 0 auto;
  outline: none;
  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;
    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 {
    font-size: 16px; }

.profile-gravatar__user-display-name {
  font-size: 24px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 32px;
  margin: 8px 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 {
  float: left;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: underline;
  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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
  font-style: italic;
  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; }

@media (max-width: 480px) {
  .profile-links button {
    margin-bottom: 10px; } }

.button.add-buttons__add-wp-site, .cancel-confirm .add-buttons__add-wp-site.button-primary,
.cancel-confirm input.add-buttons__add-wp-site[type=submit] {
  margin-left: 8px; }

.cancel-private-registration .notice {
  margin-bottom: 10px; }
  @media (min-width: 661px) {
    .cancel-private-registration .notice {
      margin-bottom: 15px; } }

.cancel-private-registration__card {
  color: #2e4453; }
  .cancel-private-registration__card.is-placeholder .cancel-private-registration__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-private-registration__card.is-placeholder .cancel-private-registration__text span:after {
      content: '\00a0'; }

.cancel-private-registration__cancel-button {
  margin-top: 10px; }
  .cancel-private-registration__cancel-button[disabled] {
    color: #87a6bc; }

.cancel-purchase__card {
  margin-bottom: 0; }
  .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__info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: auto; }
  @media (min-width: 661px) {
    .cancel-purchase__info {
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }

.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__section {
  color: #4f748e;
  margin: 0; }

.cancel-purchase__section-header {
  display: block;
  font-size: 16px;
  font-weight: 400; }

@media (max-width: 660px) {
  .cancel-purchase__footer .button, .cancel-purchase__footer .cancel-confirm .button-primary, .cancel-confirm .cancel-purchase__footer .button-primary, .cancel-purchase__footer
  .cancel-confirm input[type=submit],
  .cancel-confirm .cancel-purchase__footer input[type=submit] {
    width: 100%; } }

.cancel-purchase-support-box {
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px 0;
  padding: 16px; }
  @media (min-width: 661px) {
    .cancel-purchase-support-box {
      width: 31%; } }
  .cancel-purchase-support-box h3 {
    color: #415e74;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px 0; }
  .cancel-purchase-support-box .button, .cancel-purchase-support-box .cancel-confirm .button-primary, .cancel-confirm .cancel-purchase-support-box .button-primary, .cancel-purchase-support-box
  .cancel-confirm input[type=submit],
  .cancel-confirm .cancel-purchase-support-box input[type=submit] {
    margin: 20px 0 0 0;
    text-align: center;
    width: 100%; }
  .cancel-purchase-support-box p {
    font-size: 13px;
    margin: 0; }

.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%; }

.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'; }

.cancel-confirm .modal.cancel-modal {
  background: none;
  padding: 0;
  z-index: inherit; }

.cancel-confirm ul.features-checklist {
  overflow: inherit;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 20px -5px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cancel-confirm ul.features-checklist li {
    -webkit-flex: 2 1 200px;
        -ms-flex: 2 1 200px;
            flex: 2 1 200px;
    margin: 5px;
    float: none;
    width: 200px;
    background-color: #f3f6f8;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.cancel-confirm .button-primary,
.cancel-confirm input[type=submit] {
  margin: 10px 0 !important;
  font-size: inherit !important;
  display: block !important; }

.cancel-confirm h3:first-of-type,
.cancel-confirm form > h4:first-of-type {
  margin-top: 10px; }

.cancel-confirm #domain_cancel_reasons h4 {
  display: none; }

.cancel-confirm #domain_cancel_reasons div {
  margin-top: 20px; }

.confirm-cancel-purchase-loading-placeholder__cancel-button {
  width: 30%; }

.confirm-cancel-purchase-loading-placeholder__header {
  height: 36px;
  margin-bottom: 15px;
  width: 70%; }

.confirm-cancel-purchase-loading-placeholder__reason {
  height: 12px;
  margin-bottom: 5px;
  width: 60%; }

.confirm-cancel-purchase-loading-placeholder__subheader {
  height: 24px;
  margin-bottom: 10px;
  width: 50%; }

.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.is-placeholder {
  padding: 16px 24px; }
  .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__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__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__purchase-date,
.purchase-item__purchase-type {
  line-height: 14px;
  margin-top: 2px; }

.purchase-item__title {
  color: #2e4453;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 2px 20px 2px 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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      font-size: 18px;
      font-weight: 700;
      max-width: none; } }

.purchase-item__purchase-type {
  color: #87a6bc;
  font-size: 11px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (min-width: 481px) {
    .purchase-item__purchase-type {
      text-transform: uppercase; } }

.purchase-item__purchase-date {
  color: #4f748e;
  font-size: 13px; }

.purchases-site {
  margin-bottom: 15px; }
  @media (max-width: 660px) {
    .purchases-site .section-header {
      display: block; } }
  .purchases-site .section-header.card, .purchases-site .section-header.editor-drawer-well__placeholder {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }

.purchases-site__slug {
  color: #58819e;
  font-size: 12px; }

.section-header__label,
.purchases-site__slug {
  white-space: nowrap; }
  @media (max-width: 660px) {
    .section-header__label,
    .purchases-site__slug {
      line-height: 15px; } }

.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-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0; }
  @media (max-width: 660px) {
    .manage-purchase__meta {
      -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-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-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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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; } }

.edit-card-details__content {
  margin-bottom: 0; }

.edit-card-details__footer {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-color: #f3f6f8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .edit-card-details__footer em {
    color: #a8bece; }
  .edit-card-details__footer button {
    margin-left: auto; }
  @media (max-width: 660px) {
    .edit-card-details__footer {
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .edit-card-details__footer em {
        margin-top: 10px; }
      .edit-card-details__footer button {
        width: 100%; } }

.edit-payment-method h2 {
  color: #46667d;
  font-size: 20px;
  margin-bottom: 10px; }

.edit-payment-method__header {
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 35px auto;
  padding-left: 50px; }
  .edit-payment-method__header em {
    color: #a8bece;
    display: block;
    font-size: 12px; }
  .edit-payment-method__header.visa {
    background-image: url("/calypso/images/upgrades/cc-visa.svg"); }

.edit-payment-method__details strong {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  text-transform: uppercase; }

.edit-payment-method__details span {
  font-size: 13px; }

.edit-payment-method__details span + strong {
  margin-top: 15px; }

.edit-payment-method__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -16px; }
  .edit-payment-method__actions button {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 16px;
    margin-top: 16px; }
    @media (max-width: 660px) {
      .edit-payment-method__actions button {
        width: 100%; } }

.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__dialog.dialog__content h1 {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis; }

.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;
  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; } }

.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, .security-2fa-backup-codes-list__warning .mce-toolbar .mce-advanced button, .mce-toolbar .mce-advanced .security-2fa-backup-codes-list__warning button {
      position: relative;
      top: 1px; }

.security-2fa-backup-codes-prompt:after {
  content: ".";
  display: block;
  height: 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, .security-2fa-code-prompt .cancel-confirm .button-primary, .cancel-confirm .security-2fa-code-prompt .button-primary, .security-2fa-code-prompt
.cancel-confirm input[type=submit],
.cancel-confirm .security-2fa-code-prompt input[type=submit] {
  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-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-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, .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item .mce-toolbar .mce-advanced button, .mce-toolbar .mce-advanced .security-2fa-progress__container .security-2fa-progress__inner-container .security-2fa-progress__item button {
          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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-2fa-sms-settings__fieldset-container .form-fieldset__country {
  -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-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-checkup-intro__text {
  margin-bottom: 0; }

.security-checkup-contact__detail .form-phone-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-phone-input {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.security-checkup-contact__detail .form-fieldset__country {
  padding-right: 0; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-fieldset__country {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-right: 20px;
      margin-bottom: 0; } }

.security-checkup-contact__detail .form-country-select {
  width: 100%; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-country-select {
      min-width: 0;
      width: 100%;
      max-width: 200px; } }

.security-checkup-contact__detail .form-fieldset__phone-number {
  margin-bottom: 0; }
  @media (min-width: 481px) {
    .security-checkup-contact__detail .form-fieldset__phone-number {
      -webkit-flex: 2 0px;
          -ms-flex: 2 0px;
              flex: 2 0px; } }

.security-checkup-contact .notice {
  margin-top: 8px; }

.security-checkup-contact__placeholder-heading,
.security-checkup-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-checkup-contact__placeholder-heading {
  line-height: 2.4;
  margin-bottom: 1em; }
  @media (min-width: 481px) {
    .security-checkup-contact__placeholder-heading {
      width: 45%; } }

.security-checkup-contact__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.security-checkup-contact__header-info {
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.security-checkup-contact__header-title {
  font-size: 1em;
  line-height: 1em; }

.security-checkup-contact__header-subtitle {
  display: block;
  font-size: 1em;
  font-style: italic;
  color: #87a6bc; }

.security-checkup-contact__detail {
  margin-top: 8px; }

.security-checkup-contact__remove {
  color: #87a6bc;
  float: left;
  cursor: pointer;
  padding: 9px 0; }
  .security-checkup-contact__remove:hover {
    color: #4f748e; }
  .security-checkup-contact__remove .gridicon {
    vertical-align: bottom;
    margin-right: 2px; }
    @media (min-width: 481px) {
      .security-checkup-contact__remove .gridicon {
        width: 16px;
        height: 16px; } }
  .security-checkup-contact__remove span {
    display: none; }
    @media (min-width: 481px) {
      .security-checkup-contact__remove span {
        display: inline; } }

.current-section .gravatar {
  position: absolute;
  top: 12px;
  left: 32px;
  border: 1px solid #fff; }

.current-section__me-title {
  font-size: 9px;
  margin: 3px 0 -4px; }

.is-section-me .sidebar, .is-section-me .post-editor__sidebar {
  padding-top: 16px; }

.form-button.me-sidebar__menu__signout {
  display: block;
  margin: auto auto 24px auto;
  max-width: 100%;
  clear: both;
  float: none;
  padding: 8px 24px; }

.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; }

.earnings-history__header {
  color: #87a6bc;
  border: 1px solid #f3f6f8;
  border-left: none;
  border-right: none;
  font-size: 11px;
  line-height: 50px;
  -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%; } }

.all-sites {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }

.all-sites .count {
  position: absolute;
  right: 16px;
  top: 24px; }

/**
 * Icon composite for All My Sites
 */
.all-sites-icon {
  margin: -8px 12px -8px -8px;
  position: relative;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px; }
  .all-sites-icon .site-icon.is-blank::before {
    display: none; }
  .all-sites-icon.is-shape-3::before, .all-sites-icon.is-shape-2::before, .all-sites-icon.is-shape-2::after, .all-sites-icon.is-shape-1::before, .all-sites-icon.is-shape-1::after {
    background: #2e4453;
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 30px;
    top: 30px; }
  .all-sites-icon.is-shape-2::after, .all-sites-icon.is-shape-1::after {
    position: absolute;
    left: 8px;
    top: 8px; }

.all-sites-icon .site-icon {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  background: #87a6bc;
  border: none;
  margin-right: 0;
  position: absolute; }

.all-sites-icon.is-shape-1 .site-icon {
  overflow: visible; }
  .all-sites-icon.is-shape-1 .site-icon::after {
    background: #87a6bc;
    content: '';
    display: block;
    position: absolute;
    left: -17px;
    top: 17px;
    height: 15px;
    width: 15px; }

.all-sites-icon.is-shape-1 .site-icon,
.all-sites-icon.is-shape-2 .site-icon {
  left: auto;
  right: 0;
  top: 0; }
  .all-sites-icon.is-shape-1 .site-icon + .site-icon,
  .all-sites-icon.is-shape-2 .site-icon + .site-icon {
    left: 0;
    right: auto;
    bottom: 0;
    top: auto; }

.all-sites-icon.is-shape-3 .site-icon,
.all-sites-icon.is-shape-4 .site-icon {
  left: 0;
  right: auto;
  top: 0; }
  .all-sites-icon.is-shape-3 .site-icon + .site-icon,
  .all-sites-icon.is-shape-4 .site-icon + .site-icon {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto; }
  .all-sites-icon.is-shape-3 .site-icon + .site-icon + .site-icon,
  .all-sites-icon.is-shape-4 .site-icon + .site-icon + .site-icon {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0; }
  .all-sites-icon.is-shape-3 .site-icon + .site-icon + .site-icon + .site-icon,
  .all-sites-icon.is-shape-4 .site-icon + .site-icon + .site-icon + .site-icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0; }

.category-selector__search {
  position: relative;
  margin-bottom: 4px; }

.category-selector__search .gridicon {
  position: absolute;
  left: 8px;
  top: 9px; }

.category-selector__search input {
  right: 0;
  width: 100%;
  height: 35px;
  padding: 4px 8px 4px 30px;
  background: white;
  font-size: 14px;
  -webkit-appearance: none; }

.category-selector .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; }

.category-selector .is-empty-content {
  display: block;
  padding: 4px;
  font-size: 14px; }

.category-selector ul {
  padding: 0;
  font-size: 14px; }
  .category-selector ul.depth-0 {
    margin-left: 0; }
  .category-selector ul ul {
    margin-left: 1em; }
  .category-selector ul li {
    padding: 2px 0; }
    .category-selector ul li input[type=radio] + label,
    .category-selector ul li input[type=checkbox] + label,
    .category-selector ul li .checkbox-tristate + label {
      display: block;
      margin-left: 24px;
      transition: all 200ms ease-out;
      color: #2e4453; }
      .category-selector ul li input[type=radio] + label:hover,
      .category-selector ul li input[type=checkbox] + label:hover,
      .category-selector ul li .checkbox-tristate + label:hover {
        color: #00aadc; }
    .category-selector ul li input[type=checkbox], .category-selector ul li .checkbox-tristate {
      margin-right: 8px; }

.category-selector__add-category {
  border: 1px solid #c8d7e1;
  border-top-color: #e9eff3;
  margin: 0 0 8px;
  padding: 8px; }

.category-selector__add-category.is-compact {
  border: none;
  padding-left: 0; }

.category-selector__add-category-selector {
  border: 1px solid #c8d7e1;
  height: 186px;
  padding: 8px;
  overflow: hidden;
  overflow-y: auto;
  margin: 8px 0; }

.category-selector__add-category-selector .category-selector__search {
  position: relative;
  margin: -9px -9px 4px; }

.category-selector__add-category-dialog .dialog__content {
  min-width: 40vw; }

.category-selector__add-category-dialog .form-input-validation {
  padding-bottom: 0; }

@media (max-width: 660px) {
  .category-selector__add-category-dialog {
    width: 90%; }
  .category-selector__add-category-dialog .dialog__content {
    min-width: none; } }

.category-selector__add-category-info {
  z-index: 100201; }
  .category-selector__add-category-info .gridicon {
    position: relative;
    top: 4px;
    left: 4px; }

.category-selector__add-category-info-message {
  margin: 0; }

/**
 * 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 {
  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__add-new-site {
  background: #f3f6f8;
  border-bottom: 1px solid #d9e3ea;
  display: block;
  padding: 4px 8px;
  margin: 0;
  box-sizing: border-box;
  position: relative; }
  @media (max-width: 660px) {
    .current-site__add-new-site {
      background-color: #f3f6f8;
      padding: 18px 16px 18px 53px; } }
  .current-site__add-new-site:hover {
    background-color: #f3f6f8;
    color: #00aadc; }

.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, .current-site__switch-sites .cancel-confirm .button-primary, .cancel-confirm .current-site__switch-sites .button-primary, .current-site__switch-sites
  .cancel-confirm input[type=submit],
  .cancel-confirm .current-site__switch-sites input[type=submit] {
    text-align: left;
    padding: 16px;
    width: 100%; }
    .current-site__switch-sites .button .gridicon, .current-site__switch-sites .cancel-confirm .button-primary .gridicon, .cancel-confirm .current-site__switch-sites .button-primary .gridicon, .current-site__switch-sites
    .cancel-confirm input[type=submit] .gridicon,
    .cancel-confirm .current-site__switch-sites input[type=submit] .gridicon {
      margin-right: 4px; }
  @media (max-width: 660px) {
    .current-site__switch-sites {
      background-color: #f3f6f8; } }
  .current-site__switch-sites:hover {
    background-color: #f3f6f8; }

.current-site .notice {
  margin: 0 8px 8px; }

.current-site .site__badge {
  padding-right: 8px; }

.main.customize.is-iframe {
  background-color: #f3f6f8;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 660px) {
    .main.customize.is-iframe {
      height: 100vh;
      position: relative; } }
  @media (min-width: 661px) {
    .main.customize.is-iframe {
      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 {
  background: #f3f6f8 url("/calypso/images/loading.gif") no-repeat center 90px;
  background-size: 32px;
  border-radius: 8px;
  display: block;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding: 20px;
  text-align: center;
  width: 140px; }

.customizer-loading-panel__muse-status {
  background-color: #0085be;
  box-sizing: border-box;
  color: #C8D6E2;
  height: 48px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999; }

.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; } }

.draft__title {
  display: inline-block;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: bottom;
  position: relative; }
  .has-all-actions .draft__title {
    width: 85%; }
  .draft__title a {
    color: #2e4453; }
  .draft__title::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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 {
  color: #4f748e;
  font-size: 12px;
  font-weight: 300; }
  .draft__excerpt .gridicon {
    color: #87a6bc;
    vertical-align: text-bottom;
    margin-right: 8px; }

.draft .site-icon {
  border: none;
  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.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 .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 .time {
    line-height: 1; }
  .draft .post-relative-time-status .time-text {
    font-size: 10px;
    color: #87a6bc;
    text-transform: uppercase; }
  .draft .post-relative-time-status small {
    display: none; }
  .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;
  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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      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 #00aadc; }

.draft__pending-label {
  background: #f0b849;
  border-radius: 2px;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 11px;
  margin-right: 8px;
  padding: 2px 8px;
  text-transform: uppercase; }

.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; }

.exporter__title {
  margin-bottom: 0.5em;
  font-size: 24px;
  font-weight: 300;
  color: #2e4453;
  clear: left; }

.exporter__subtitle {
  font-size: 11px;
  color: #2e4453; }

.exporter__spinner-button {
  float: right;
  padding: 8px; }

.exporter__export-button {
  float: right; }

.exporter__placeholder-text {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
  height: 32px;
  color: transparent;
  background-color: #e9eff3;
  -webkit-animation: loading-fade 1.6s ease-in-out infinite;
          animation: loading-fade 1.6s ease-in-out infinite; }

.exporter__advanced-settings {
  padding-bottom: 50px; }

.exporter__advanced-settings-title {
  margin-bottom: 0.5em;
  font-size: 22px;
  font-weight: 200;
  color: #2e4453; }

@media (min-width: 961px) {
  .exporter__advanced-settings-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.exporter__option-fieldset {
  margin-top: 10px; }
  @media (min-width: 961px) {
    .exporter__option-fieldset {
      margin-top: inherit;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.exporter__option-fieldset-legend .exporter__option-fieldset-legend-text {
  font-weight: bold; }

.exporter__option-fieldset-description {
  font-size: smaller;
  color: #87a6bc;
  padding-left: 24px;
  padding-right: 24px; }

.exporter__option-fieldset-fields {
  padding-left: 24px;
  padding-right: 24px; }
  .exporter__option-fieldset-fields select {
    width: 100%; }

.invite-form-header__title {
  color: #3d596d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px; }

.invite-form-header__explanation {
  color: #2e4453;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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-flex;
  display: -ms-flexbox;
  display: flex;
  -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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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-flex;
  display: -ms-flexbox;
  display: flex; }

.invite-accept-logged-in__button-bar .button, .invite-accept-logged-in__button-bar .cancel-confirm .button-primary, .cancel-confirm .invite-accept-logged-in__button-bar .button-primary, .invite-accept-logged-in__button-bar
.cancel-confirm input[type=submit],
.cancel-confirm .invite-accept-logged-in__button-bar input[type=submit] {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -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, .invite-accept-logged-in__button-bar .cancel-confirm .button-primary:first-child, .cancel-confirm .invite-accept-logged-in__button-bar .button-primary:first-child, .invite-accept-logged-in__button-bar
  .cancel-confirm input[type=submit]:first-child,
  .cancel-confirm .invite-accept-logged-in__button-bar input[type=submit]:first-child {
    margin-left: 0; }
  .invite-accept-logged-in__button-bar .button:last-child, .invite-accept-logged-in__button-bar .cancel-confirm .button-primary:last-child, .cancel-confirm .invite-accept-logged-in__button-bar .button-primary:last-child, .invite-accept-logged-in__button-bar
  .cancel-confirm input[type=submit]:last-child,
  .cancel-confirm .invite-accept-logged-in__button-bar input[type=submit]: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 only screen and (max-width: 800px) {
	
	.flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.flip-scroll * html .cf { zoom: 1; }
	.flip-scroll *:first-child+html .cf { zoom: 1; }
	.thhide{display:none;}
	.flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.flip-scroll th,
	.flip-scroll td { margin: 0; vertical-align: top; }
	.flip-scroll th { text-align: left; }
	
	.flip-scroll table { display: block; position: relative; width: 100%; }
	.flip-scroll thead { display: block; float: left; }
	.flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.flip-scroll thead tr { display: block; }
	.flip-scroll th { display: block; text-align: right; }
	.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	.flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	.flip-scroll th { border-bottom: 0; border-left: 0; }
	.flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	.flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	.flip-scroll th:last-child,
	.flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
} 
  
  
.media-library__content {
  position: relative; }

.media-library__content .empty-content__illustration {
  width: 70%; }

.media-library__scale-range.range {
  position: absolute;
  top: 11px;
  right: 0;
  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;
    transition: color 90ms ease;
    box-shadow: 0 0 8px rgba(46, 68, 83, 0.4);
    background: #00aadc;
    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 #00aadc, 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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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 (max-width: 480px) {
  .media-library__upload-button {
    margin-left: 0; } }

.media-library__upload-url {
  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-flex;
  display: -ms-flexbox;
  display: flex;
  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 {
  position: relative;
  margin-bottom: 14px; }

.media-library__header .button, .media-library__header .cancel-confirm .button-primary, .cancel-confirm .media-library__header .button-primary, .media-library__header
.cancel-confirm input[type=submit],
.cancel-confirm .media-library__header input[type=submit] {
  margin: 0 8px; }
  .media-library__header .button.is-desktop, .media-library__header .cancel-confirm .is-desktop.button-primary, .cancel-confirm .media-library__header .is-desktop.button-primary, .media-library__header
  .cancel-confirm input.is-desktop[type=submit],
  .cancel-confirm .media-library__header input.is-desktop[type=submit] {
    display: none; }
    @media (min-width: 661px) {
      .media-library__header .button.is-desktop, .media-library__header .cancel-confirm .is-desktop.button-primary, .cancel-confirm .media-library__header .is-desktop.button-primary, .media-library__header
      .cancel-confirm input.is-desktop[type=submit],
      .cancel-confirm .media-library__header input.is-desktop[type=submit] {
        display: inline-block; } }
  .media-library__header .button.is-mobile, .media-library__header .cancel-confirm .is-mobile.button-primary, .cancel-confirm .media-library__header .is-mobile.button-primary, .media-library__header
  .cancel-confirm input.is-mobile[type=submit],
  .cancel-confirm .media-library__header input.is-mobile[type=submit] {
    position: relative;
    left: -1px;
    height: 40px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    @media (min-width: 661px) {
      .media-library__header .button.is-mobile, .media-library__header .cancel-confirm .is-mobile.button-primary, .cancel-confirm .media-library__header .is-mobile.button-primary, .media-library__header
      .cancel-confirm input.is-mobile[type=submit],
      .cancel-confirm .media-library__header input.is-mobile[type=submit] {
        display: none; } }
  .media-library__header .button:first-of-type, .media-library__header .cancel-confirm .button-primary:first-of-type, .cancel-confirm .media-library__header .button-primary:first-of-type, .media-library__header
  .cancel-confirm input[type=submit]:first-of-type,
  .cancel-confirm .media-library__header input[type=submit]:first-of-type {
    margin-left: 0; }

@media (max-width: 660px) {
  .media-library__header .button.media-library__upload-button, .media-library__header .cancel-confirm .media-library__upload-button.button-primary, .cancel-confirm .media-library__header .media-library__upload-button.button-primary, .media-library__header
  .cancel-confirm input.media-library__upload-button[type=submit],
  .cancel-confirm .media-library__header input.media-library__upload-button[type=submit] {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

.media-library__heading {
  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;
  top: 0;
  right: 0; }

.media-library__scale-toggle .gridicon {
  margin: 2px 8px;
  vertical-align: middle; }

.media-library__content .notice {
  margin-bottom: 0; }

.media-library__list-item-edit {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
  padding: 2px 6px 3px;
  transition: 0.2s opacity;
  opacity: 0;
  color: #668eaa; }
  .media-library__list-item-edit:hover {
    color: #4f748e; }

.media-library__list-item:hover .media-library__list-item-edit {
  opacity: 1; }

.media-library__list-item.is-small .media-library__list-item-edit {
  display: none; }

.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; }

.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 {
  display: none; }
  @media (min-width: 661px) {
    .page .site-icon {
      display: block;
      float: left;
      margin-right: 10px; } }

.page__title,
.page__title:visited {
  display: inline;
  color: #2e4453;
  font-weight: 500;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  margin-right: 33px; }
  .page__title .noticon-home:before,
  .page__title:visited .noticon-home:before {
    color: #87a6bc;
    font-size: 24px;
    margin-left: -3px;
    margin-right: 4px; }

.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; }

.page__popover-more-info {
  color: #87a6bc;
  padding: 4px 16px 8px;
  font-size: 12px;
  max-width: 200px;
  text-align: left; }

.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 .author-selector__author-toggle .gravatar {
  margin-left: 6px;
  vertical-align: middle; }

.delete-user__reassign-user-name {
  margin: 0 3px 0 8px; }

.edit-team-member-form__remove-user .gridicon {
  margin: -2px 4px 0 0;
  vertical-align: middle; }

.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; }

.edit-team-member-form__remove-user {
  cursor: pointer; }

.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-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-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-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;
    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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
    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-notice.notice {
  margin-bottom: 0px; }

.plans .compare-plans-link {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 20px 0 0 0;
  text-align: center; }
  .plans .compare-plans-link .gridicon {
    margin: -2px 3px 0 0;
    vertical-align: middle; }

.plans__trial-copy {
  color: #87a6bc;
  position: relative;
  text-align: center;
  margin-bottom: 12px; }
  .plans__trial-copy:after, .plans__trial-copy:before {
    border-bottom: solid 1px #d9e3ea;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: -1; }

.plans__trial-copy-text {
  background-color: #f3f6f8;
  display: inline-block;
  font-style: italic;
  margin: 0 8%;
  padding: 0 6px; }

.plan-overview .plan-feature__button,
.plan-overview .plan-status__button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center; }
  @media (max-width: 480px) {
    .plan-overview .plan-feature__button,
    .plan-overview .plan-status__button {
      margin-top: 15px;
      width: 100%; } }
  @media (min-width: 481px) {
    .plan-overview .plan-feature__button,
    .plan-overview .plan-status__button {
      margin-left: 30px; } }

.plan-overview .plan-feature,
.plan-overview .plan-status__info {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (min-width: 481px) {
    .plan-overview .plan-feature,
    .plan-overview .plan-status__info {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .plan-overview .plan-feature:after,
  .plan-overview .plan-status__info:after {
    display: none; }

@media (max-width: 480px) {
  .plan-overview .plan-feature {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.plan-overview .plan-feature .plan-feature__heading {
  margin-right: 10px; }

.plan-feature {
  font-size: 14px; }

.plan-feature__heading {
  display: block;
  font-size: 16px; }
  .plan-feature__heading.will-be-removed {
    font-weight: normal; }

.plan-progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -24px; }
  .plan-progress.is-expiring .plan-progress__time-until-expiry {
    color: #d94f4f; }
  .plan-progress.is-expiring .progress-bar__progress {
    background-color: #d94f4f; }
  .plan-progress.is-in-grace-period .progress-bar__progress {
    background-color: #f0b849; }

.plan-progress__bar,
.plan-progress__time-until-expiry {
  margin-left: 24px; }

.plan-progress__bar {
  -webkit-flex: 1 0 6em;
      -ms-flex: 1 0 6em;
          flex: 1 0 6em;
  min-width: 250px; }

.plan-progress__time-until-expiry {
  font-weight: 700; }
  @media (max-width: 480px) {
    .plan-progress__time-until-expiry {
      font-size: 14px; } }

.plan-remove {
  font-size: 14px; }

.plan-status {
  margin-bottom: 30px; }

@media (max-width: 960px) {
  .plan-overview .plan-status__button.button, .plan-overview .cancel-confirm .plan-status__button.button-primary, .cancel-confirm .plan-overview .plan-status__button.button-primary, .plan-overview
  .cancel-confirm input.plan-status__button[type=submit],
  .cancel-confirm .plan-overview input.plan-status__button[type=submit] {
    margin-left: 0;
    min-width: 0; } }

.plan-status__header {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .plan-status__header {
      margin-left: 20px;
      margin-right: 10px; } }

.plan-status__icon {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 3px solid #e9eff3;
  height: 50px;
  min-width: 50px;
  position: relative; }
  .plan-status__icon.is-premium {
    background-image: url("/calypso/images/plans/plan-trial-premium.svg"); }
    .plan-status__icon.is-premium.is-expired {
      background-image: url("/calypso/images/plans/plan-premium.svg"); }
  .plan-status__icon.is-business {
    background-image: url("/calypso/images/plans/plan-trial-business.svg"); }
    .plan-status__icon.is-business.is-expired {
      background-image: url("/calypso/images/plans/plan-business.svg"); }
  @media (max-width: 480px) {
    .plan-status__icon {
      display: none; } }
  .plan-status__icon .gridicon {
    fill: #d94f4f;
    position: absolute;
    bottom: -7px;
    right: -7px; }

.plan-status__text {
  color: #87a6bc;
  font-size: 12px;
  text-transform: uppercase; }

.plan-status__plan {
  line-height: 26px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 700; }
  @media (min-width: 961px) {
    .plan-status__plan {
      font-size: 21px; } }

.jetpack-price {
  margin-top: 20px;
  padding: 0 6px;
  display: inline-block;
  position: relative; }

.jetpack-price:first-child {
  opacity: 0.4; }

.jetpack-price:first-child::before {
  content: '';
  border-bottom: 2px solid red;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg); }

.jetpack_premium .plan__plan-details ul, .jetpack_business .plan__plan-details ul {
  margin: 10px 0 10px 10px; }

.jetpack_premium .plan__plan-details li, .jetpack_business .plan__plan-details li {
  opacity: 1.0; }
  .jetpack_premium .plan__plan-details li:before, .jetpack_business .plan__plan-details li: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;
    vertical-align: middle; }

/**
 * 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-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; }

.post-selector__results {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px; }
  .post-selector.is-compact .post-selector__results {
    padding: 0;
    overflow: visible; }

.post-selector .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-selector .is-empty-content {
  font-size: 12px;
  font-style: italic; }

.post-selector__list {
  padding: 0;
  font-size: 14px; }

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;
    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: #00aadc; }

input[type=checkbox].post-selector__input, .post-selector__input.checkbox-tristate {
  margin-right: 8px; }

.post-selector__nested-list {
  margin-left: 1em; }

.post-selector__list-item {
  padding: 2px 0;
  font-size: 13px; }

.post-selector__label {
  position: relative;
  display: block;
  margin-left: 24px;
  margin-top: 2px; }
  .post-selector.is-type-labels-visible .post-selector__label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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__label-type {
  display: none;
  margin-left: 8px;
  font-size: 11px;
  text-transform: uppercase;
  color: #87a6bc; }
  .post-selector.is-type-labels-visible .post-selector__label-type {
    display: block; }

.featured-plugins {
  box-shadow: 0 1px 2px #e9eff3;
  font-size: 14px;
  height: 210px;
  margin: 0 0 25px;
  overflow: hidden;
  width: 100%; }

.featured-plugins__element {
  height: 100%;
  text-align: center;
  width: 100%; }
  .featured-plugins__element a {
    background-color: rgba(46, 68, 83, 0.3);
    border-radius: 3px;
    color: white;
    padding: 10px 20px;
    position: relative;
    top: 160px;
    text-align: center;
    transition: all .2s ease-in-out; }
    .featured-plugins__element a:hover {
      background-color: rgba(46, 68, 83, 0.7); }

.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; }

.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 .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: 0 3px; }

.plugin-action__disabled-info-list {
  margin-left: 16px; }

.plugin-activate-toggle .disconnect-jetpack-button {
  font-size: 11px;
  color: #d94f4f;
  text-transform: uppercase; }
  .plugin-activate-toggle .disconnect-jetpack-button:disabled, .plugin-activate-toggle .disconnect-jetpack-button:disabled:hover {
    color: #e9eff3;
    cursor: default; }

.plugin-activate-toggle .plugin-action__children {
  float: none; }

.plugin-card-header .card, .plugin-card-header .editor-drawer-well__placeholder,
.plugin-card-header > div {
  margin-bottom: 0; }

.plugin-card-header__text {
  color: #668eaa;
  font-size: 12px;
  text-transform: uppercase; }

.plugin-icon {
  float: left;
  margin-right: 16px;
  width: 56px;
  height: 56px;
  position: relative;
  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-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; }

.plugin-information__description {
  margin-bottom: 0; }

.plugin-information__wrapper {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.plugin-information__version-shell:after {
  content: ".";
  display: block;
  height: 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 {
  vertical-align: text-bottom;
  color: #f0b849;
  margin-left: 8px; }

.plugin-information__version-info {
  font-size: 11px;
  color: #87a6bc;
  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-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 16px; }
  @media (min-width: 481px) {
    .plugin-information .plugin-ratings {
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 160px;
      margin-top: 0; } }

.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-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-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-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-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-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -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, .plugin-list-header.section-header.editor-drawer-well__placeholder .button, .plugin-list-header.section-header.card .cancel-confirm .button-primary, .cancel-confirm .plugin-list-header.section-header.card .button-primary, .plugin-list-header.section-header.editor-drawer-well__placeholder .cancel-confirm .button-primary, .cancel-confirm .plugin-list-header.section-header.editor-drawer-well__placeholder .button-primary, .plugin-list-header.section-header.card
  .cancel-confirm input[type=submit],
  .cancel-confirm .plugin-list-header.section-header.card input[type=submit], .plugin-list-header.section-header.editor-drawer-well__placeholder
  .cancel-confirm input[type=submit],
  .cancel-confirm .plugin-list-header.section-header.editor-drawer-well__placeholder input[type=submit] {
    position: relative; }
  .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 .gridicons-plus-small, .plugin-list-header.section-header.editor-drawer-well__placeholder .gridicons-plus-small {
    height: 12px;
    left: 4px;
    margin-left: 0;
    position: absolute;
    top: 8px;
    width: 12px; }
  .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-flex;
      display: -ms-flexbox;
      display: flex; } }

.plugin-list-header__section-actions-close {
  color: #3d596d;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-list-header__section-actions-close:focus {
    border-color: #00aadc;
    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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right; }

.plugin-list-header__action-buttons {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.plugin-list-header__browser-button.button.is-compact, .cancel-confirm .plugin-list-header__browser-button.is-compact.button-primary,
.cancel-confirm input.plugin-list-header__browser-button.is-compact[type=submit] {
  padding-left: 12px; }

.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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 481px) {
    .plugin-meta__information {
      -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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
  width: 100%;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 481px) {
    .has-site .plugin-meta__detail {
      max-width: calc(100% - 150px); }
    .has-button .plugin-meta__detail {
      max-width: 100%; } }
  @media (min-width: 661px) {
    .has-button .plugin-meta__detail {
      max-width: calc(100% - 150px); } }

.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-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 16px;
  padding-top: 16px; }
  .has-button .plugin-meta__actions {
    position: initial;
    right: inherit; }
  @media (min-width: 481px) {
    .plugin-meta__actions {
      border: none;
      margin: 0;
      padding: 0;
      text-align: right; }
      .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 .plugin-action__label {
    color: #2e4453;
    font-size: 11px; } }

.plugin-meta__version-notice {
  margin-top: -9px; }
  @media (min-width: 481px) {
    .plugin-meta__version-notice {
      margin-top: -15px; } }

.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-tier {
  line-height: 18px; }

.plugin-ratings__rating-text {
  font-size: 11px;
  color: #87a6bc;
  text-transform: uppercase;
  margin-bottom: 16px; }
  @media (max-width: 480px) {
    .plugin-ratings__rating-text {
      display: inline;
      line-height: 24px;
      vertical-align: top; } }

.plugin-ratings__rating-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.plugin-ratings__rating-tier-text,
.plugin-ratings__downloads {
  font-size: 11px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  text-transform: uppercase;
  overflow: hidden; }

.plugin-ratings__rating-tier-text {
  padding-right: 16px; }

.plugin-ratings__downloads {
  margin-top: 16px; }

.plugin_ratings__bar {
  width: 78px;
  display: inline-block;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .plugin_ratings__bar .progress-bar {
    position: relative;
    top: -2px;
    border-radius: 0;
    height: 8px;
    background-color: #c8d7e1; }
  .plugin_ratings__bar .progress-bar__progress {
    border-radius: 0;
    background-color: #00aadc; }

.plugin-sections__content {
  position: relative; }

.plugin-sections__content.trimmed {
  overflow: hidden;
  max-height: 150px; }

.plugin-sections__content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
     -moz-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__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: 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-site-network {
  padding: 8px;
  margin: 0; }
  .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-flex;
    display: -ms-flexbox;
    display: flex;
    -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; }
  .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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  margin-top: -16px;
  display: inline-block;
  position: relative; }
  .plugin-site-network__network_disabled .plugin-site-disabled-manage {
    width: calc( 100% - 24px);
    right: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.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: absolute;
  top: 8px;
  right: 16px;
  width: 215px;
  line-height: 32px; }

.plugin-site-disabled-manage {
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 66px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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-flex;
    display: -ms-flexbox;
    display: flex;
    -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__embed-action {
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .plugin-install-button__install .button, .plugin-install-button__install .cancel-confirm .button-primary, .cancel-confirm .plugin-install-button__install .button-primary, .plugin-install-button__install
  .cancel-confirm input[type=submit],
  .cancel-confirm .plugin-install-button__install input[type=submit] {
    position: relative; }
    .plugin-install-button__install .button .gridicons-plus-small, .plugin-install-button__install .cancel-confirm .button-primary .gridicons-plus-small, .cancel-confirm .plugin-install-button__install .button-primary .gridicons-plus-small, .plugin-install-button__install
    .cancel-confirm input[type=submit] .gridicons-plus-small,
    .cancel-confirm .plugin-install-button__install input[type=submit] .gridicons-plus-small {
      position: absolute;
      top: 9px;
      left: 0px;
      margin-left: 4px;
      height: 12px;
      width: 12px; }
    .plugin-install-button__install .button:active .gridicons-plus-small, .plugin-install-button__install .cancel-confirm .button-primary:active .gridicons-plus-small, .cancel-confirm .plugin-install-button__install .button-primary:active .gridicons-plus-small, .plugin-install-button__install
    .cancel-confirm input[type=submit]:active .gridicons-plus-small,
    .cancel-confirm .plugin-install-button__install input[type=submit]:active .gridicons-plus-small {
      top: 9.5px; }
  .plugin-install-button__install .gridicon {
    margin-left: 4px;
    margin-right: 4px; }
  .plugin-install-button__install .gridicons-plus-small {
    position: absolute;
    top: 9px;
    left: 0px;
    margin-left: 4px;
    height: 12px;
    width: 12px; }
  .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, .plugin-install-button__install .cancel-confirm .button-primary, .cancel-confirm .plugin-install-button__install .button-primary, .plugin-install-button__install
      .cancel-confirm input[type=submit],
      .cancel-confirm .plugin-install-button__install input[type=submit] {
        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-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: 10px;
      text-transform: uppercase; }

.plugin-install-button__warning {
  margin-right: 8px;
  font-size: 10px;
  color: #87a6bc;
  text-transform: uppercase;
  white-space: nowrap; }

a.plugin-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-settings-link {
      display: inline-block; } }
  a.plugin-settings-link .gridicon {
    float: right;
    position: relative;
    left: 7px;
    top: -3px; }

.plugin-remove-button__remove {
  color: #87a6bc;
  font-size: 11px;
  line-height: 16px;
  margin-right: 10px;
  vertical-align: top;
  text-transform: uppercase;
  display: block; }

.plugin-site__actions .plugin-remove-button__remove {
  margin-top: 0;
  padding: 16px; }

.plugin-remove-button__remove-icon {
  display: block;
  margin-top: -1px; }
  .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;
  height: 96px;
  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;
    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: 50%; }
      .plugins-browser-item:nth-child(2n + 1) {
        border-left: 0; }
      .plugins-browser-item:nth-child(n + 3) {
        border-top: 1px solid #e9eff3; } }
  @media (max-width: 480px) {
    .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: 40px;
  height: 40px; }
  .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;
  margin-bottom: 5px; }

.plugins-browser-item__title,
.plugins-browser-item__author {
  margin-left: 52px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .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: #4f748e;
  font-weight: 600;
  font-size: 14px; }

.plugins-browser-item__author {
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase; }

.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; }

.plugins-browser-item__installed {
  position: absolute;
  bottom: 8px;
  right: 16px;
  color: #87a6bc;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-animation: appear .15s ease-in;
          animation: appear .15s ease-in; }

.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, .cancel-confirm .plugins-browser-list__select-all.button-primary,
.cancel-confirm input.plugins-browser-list__select-all[type=submit],
.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, .cancel-confirm .plugins-browser-list__select-all.is-expanded.button-primary,
  .cancel-confirm input.plugins-browser-list__select-all.is-expanded[type=submit],
  .plugins-browser-list__title.is-expanded {
    padding-left: 24px;
    padding-right: 24px; }
  .button.plugins-browser-list__select-all .gridicon, .cancel-confirm .plugins-browser-list__select-all.button-primary .gridicon,
  .cancel-confirm input.plugins-browser-list__select-all[type=submit] .gridicon,
  .plugins-browser-list__title .gridicon {
    float: right;
    top: 5px;
    margin-left: 3px;
    width: 12px;
    height: 12px; }

.button.plugins-browser-list__select-all, .cancel-confirm .plugins-browser-list__select-all.button-primary,
.cancel-confirm input.plugins-browser-list__select-all[type=submit] {
  float: right; }

.plugins-browser-list__elements {
  min-height: 50px;
  overflow: hidden;
  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; } }

.plugin-version {
  font-size: 11px;
  color: #87a6bc;
  white-space: pre;
  text-overflow: ellipsis;
  text-transform: uppercase;
  margin-top: 2px;
  word-spacing: 2px; }

.plugin-version__plugin {
  margin-right: 16px; }
  .plugin-version__plugin.has-update {
    background-color: #f0b849;
    color: white;
    padding: 3px 4px;
    border-radius: 2px; }
  .plugin-version__plugin .gridicon {
    vertical-align: bottom; }

.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 .noticon-info {
    margin: 3px 3px 0 0; }

.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: #00aadc; }

.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: #517fa4; }

.sharing-service.instagram .sharing-service__name {
  color: #517fa4; }

.sharing-connection__account-avatar.is-fallback.instagram {
  background-color: #517fa4; }

.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;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }
  .sharing-buttons-preview-buttons__more.is-visible {
    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;
    clear: both;
    visibility: hidden; }

.sharing-buttons__fieldset-group {
  margin: 0 -3%; }
  .sharing-buttons__fieldset-group:after {
    content: ".";
    display: block;
    height: 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: #00aadc; }

.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;
  padding: 8px 8px 8px 26px;
  cursor: pointer;
  border: 1px solid #c8d7e1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(46, 68, 83, 0.04);
  background-color: white;
  text-align: left;
  line-height: 1;
  color: #0087be; }
  @media (max-width: 480px) {
    .sharing-buttons-preview-action {
      padding-right: 0; } }
  .sharing-buttons-preview-action:hover {
    color: #00aadc; }
  .sharing-buttons-preview-action.is-active {
    display: inline-block; }
  .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 .noticon {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -8px;
  font-size: 16px; }

@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: 8px;
    position: relative;
    top: -2px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-bottom: 0; }

.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 .sharing-buttons-preview-button__glyph,
.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__glyph {
  vertical-align: top;
  position: relative;
  top: 3px;
  text-align: center; }

.sharing-buttons-preview-button.style-icon .sharing-buttons-preview-button__glyph {
  top: 0;
  color: white; }

.sharing-buttons-preview-button.style-icon.share-email .sharing-buttons-preview-button__glyph,
.sharing-buttons-preview-button.style-icon.share-print .sharing-buttons-preview-button__glyph {
  color: #777; }

.sharing-buttons-preview-button__custom-icon {
  display: inline-block;
  vertical-align: top;
  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: #517fa4; }
  .sharing-buttons-preview-button.style-icon.share-instagram:hover {
    background: rgba(81, 127, 164, 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__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 0 1em; }

.account-dialog .notice .noticon-warning {
  position: relative;
  top: 2px;
  margin: 0 2px; }

.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::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;
  left: 4px;
  top: 50%;
  margin-top: -6px;
  color: #f0b849; }

.account-dialog .account-dialog-account__picture {
  position: absolute;
  left: 8px;
  top: 3px;
  width: 34px;
  height: 34px; }

.account-dialog-account:not(.is-connected) .account-dialog-account__picture {
  left: 22px; }

.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 {
  margin: 0 0 4px; }

.sharing-services-group__services {
  margin: 0 0 30px;
  padding: 0;
  list-style: 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: block;
    padding: 8px 0 8px 72px;
    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 {
    background: #c8d7e1;
    border: 1px solid #87a6bc;
    position: absolute;
    left: 30px;
    top: 10px; }
  .current-section .noticon-collapse {
    color: #87a6bc;
    font-size: 24px;
    position: absolute;
    left: 2px;
    top: 13px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .current-section .all-sites-icon {
    position: absolute;
    top: 12px;
    left: 32px; }
  .current-section .all-sites .site-icon {
    border: none; }
    .current-section .all-sites .site-icon::before {
      display: none; }

/**
 * 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-flex;
  display: -ms-flexbox;
  display: flex;
  -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,
  .site-indicator__action .cancel-confirm .is-link.button-primary, .cancel-confirm
  .site-indicator__action .is-link.button-primary,
  .site-indicator__action
  .cancel-confirm input.is-link[type=submit],
  .cancel-confirm
  .site-indicator__action input.is-link[type=submit] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    text-decoration: none; }

.site-settings fieldset {
  clear: both;
  margin-bottom: 20px; }

.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 .is-primary {
  float: right; }

.site-settings .empty-content .is-primary {
  float: none; }

.site-settings p.form-setting-explanation {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc; }
  .site-settings p.form-setting-explanation.is-indented {
    margin-left: 24px; }

.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 .blogaddress-settings {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.site-settings .blogaddress-settings .button, .site-settings .blogaddress-settings .cancel-confirm .button-primary, .cancel-confirm .site-settings .blogaddress-settings .button-primary, .site-settings .blogaddress-settings
.cancel-confirm input[type=submit],
.cancel-confirm .site-settings .blogaddress-settings input[type=submit] {
  width: 100%;
  margin-left: 0;
  margin-top: 5px; }
  @media (min-width: 661px) {
    .site-settings .blogaddress-settings .button, .site-settings .blogaddress-settings .cancel-confirm .button-primary, .cancel-confirm .site-settings .blogaddress-settings .button-primary, .site-settings .blogaddress-settings
    .cancel-confirm input[type=submit],
    .cancel-confirm .site-settings .blogaddress-settings input[type=submit] {
      width: 45%;
      margin-left: 16px;
      margin-top: 0; } }

@media (max-width: 660px) {
  .writing-settings select,
  .general-settings select {
    width: 100%; } }

.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: inline-block;
      position: relative;
      cursor: move;
      padding: 10px;
      font-style: normal;
      line-height: 16px;
      font-size: 14px;
      text-decoration: none;
      color: #333;
      background: #e9eff3;
      border-radius: 3px;
      border: 1px solid #c8d7e1; }
    .press-this p.pressthis a span {
      display: inline-block;
      margin: 0 10px 0 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }
      .press-this p.pressthis a span:before {
        color: #777;
        font-family: Noticons; }

.jp-relatedposts {
  position: relative;
  margin: 1em 0;
  padding: 1em 1em .5em;
  width: 100%;
  background: #f3f6f8;
  box-sizing: border-box; }
  .jp-relatedposts:after {
    content: '';
    display: block;
    clear: both; }
  .jp-relatedposts .jp-relatedposts-headline {
    margin: 0 0 1em 0;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: 600;
    font-family: inherit; }
  .jp-relatedposts .jp-relatedposts-items {
    clear: left; }
  .jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-weight: normal;
    text-decoration: none;
    opacity: 1; }
  .jp-relatedposts .jp-relatedposts-post {
    float: left;
    width: 33%;
    box-sizing: border-box;
    margin: 0 0 1em;
    padding: 0 5px; }
    @media (max-width: 660px) {
      .jp-relatedposts .jp-relatedposts-post {
        width: 50%; } }
    @media (max-width: 480px) {
      .jp-relatedposts .jp-relatedposts-post {
        width: 100%; } }
  .jp-relatedposts .jp-relatedposts-post img,
  .jp-relatedposts .jp-relatedposts-post span {
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-context {
    opacity: .6; }

.site-settings__blog-address-container {
  margin: 0 -24px;
  padding: 24px 24px 16px 24px;
  border: 1px #e9eff3 solid;
  border-width: 1px 0; }

.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: #00aadc;
  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; }

/**
 * 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: #87a6bc;
  font-style: italic; }

.delete-site-options__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -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-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-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 24px; }

.delete-site-options__dialog {
  max-width: 472px; }

.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
 * - 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: #87a6bc; }

.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: #87a6bc; }

.delete-site__target-domain {
  color: #d94f4f; }

.settings-card-footer {
  padding: 10px 0 0 0; }

.settings-card-footer span {
  margin-left: 10px;
  color: #87a6bc;
  line-height: 20px; }

.settings-card-footer .is-link {
  margin: 8px 0 0 0;
  float: left; }

.settings-card-footer .is-primary {
  float: right; }

.settings-card-footer .is-primary:first-child {
  margin-bottom: 0; }

.settings-card-footer .progress-indicator {
  float: left; }

.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 {
  margin-bottom: 1em;
  font-size: 24px;
  font-weight: 200;
  color: #2e4453; }

.importer__section-description {
  font-size: 14px;
  color: #2e4453; }

.importer__service-icon {
  width: 48px;
  height: 48px;
  padding: 2px;
  position: absolute;
  left: 20px;
  top: 18px;
  background-color: #2e4453;
  stroke: white;
  stroke-width: 0.1;
  fill: white;
  border-radius: 5px; }
  .importer__service-icon.wordpress {
    background-color: #0087be; }

.importer__service-info {
  padding-top: 70px; }
  @media (min-width: 481px) {
    .importer__service-info {
      padding-top: inherit;
      margin-left: 60px; } }

.importer__service-title {
  font-size: 21px;
  font-weight: 200;
  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: #00aadc; }
  .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;
    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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  position: relative; }
  .site.is-redirect .site__title::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: #87a6bc;
    margin: 0 3px 2px 0;
    vertical-align: bottom; }
  .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; }
  .notouch .sites-popover .site.is-loading:hover .site__title,
  .notouch .sites-popover .site.is-loading:hover .site__domain {
    color: transparent; }

.site__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 16px 4px 16px 16px;
  position: relative;
  width: 100%; }
  .site__content:focus {
    outline: none; }

.site .site-icon {
  position: relative;
  background: #c8d7e1;
  border: 1px solid white;
  height: 30px;
  width: 30px;
  overflow: hidden;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 12px; }

.site__info {
  width: 0;
  -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: #87a6bc;
  display: block;
  max-width: 95%;
  font-size: 11px;
  font-style: italic;
  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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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: #00aadc;
  color: white;
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  text-transform: none;
  overflow: initial;
  opacity: 0;
  transition: opacity 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  left: 17px;
  top: 17px; }
  .site__home .gridicon {
    margin-top: 5px;
    vertical-align: middle; }
  .site__home:hover {
    color: white; }
  @media (max-width: 660px) {
    .site__home {
      background: white;
      color: #00aadc;
      opacity: 1; }
      .site__home .gridicon {
        width: 24px;
        height: 24px; }
      .site__home:hover {
        color: #00aadc; } }

.site__content:hover .site__home {
  opacity: 1; }

.site__toggle-more-options {
  color: #87a6bc;
  cursor: pointer;
  padding-right: 16px;
  line-height: 0; }
  .site__toggle-more-options .gridicon {
    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); }
  .site__toggle-more-options:hover .gridicon {
    color: #4f748e; }

.site.is-toggled .site__toggle-more-options .gridicon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.site.is-toggled .site-indicator {
  display: none; }

.site.is-toggled.has-edit-capabilities .site-icon {
  border: 1px dashed #2e4453;
  opacity: 0.8; }

.site__actions {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0;
          flex: 1 0 0;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.site__edit-icon-text {
  -webkit-animation: appear .3s ease-in-out;
          animation: appear .3s ease-in-out; }

.site__edit-icon,
.site__edit-icon:visited {
  color: #668eaa;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .site__edit-icon:hover,
  .site__edit-icon:visited:hover {
    color: #00aadc; }
  .site__edit-icon .gridicons-external,
  .site__edit-icon:visited .gridicons-external {
    top: -1px; }

.site__star {
  color: #87a6bc;
  cursor: pointer;
  line-height: 0; }
  .site__star:hover .gridicons-star-outline {
    color: #f0b849; }
  .site__star .gridicons-star {
    color: #f0b849; }

.site__badge {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #87a6bc;
  padding-right: 16px;
  line-height: 0;
  position: relative; }

@media (min-width: 961px) {
  .module-column {
    float: left;
    width: 48.8%;
    width: calc(50% - 0.5em); }
    .module-column:last-child {
      float: right; } }

.old-stats-link .button .gridicon, .old-stats-link .cancel-confirm .button-primary .gridicon, .cancel-confirm .old-stats-link .button-primary .gridicon, .old-stats-link
.cancel-confirm input[type=submit] .gridicon,
.cancel-confirm .old-stats-link input[type=submit] .gridicon {
  margin-bottom: -2px;
  margin-left: 4px; }

@media (max-width: 480px) {
  .stats-message.switch-stats {
    text-align: center; } }

.stats-all-time .stats-tab {
  padding-bottom: 0; }
  @media (min-width: 481px) {
    .stats-all-time .stats-tab {
      padding-bottom: 24px; } }
  .stats-all-time .stats-tab:nth-child(4) {
    padding-bottom: 0; }
  .stats-all-time .stats-tab.is-best .gridicon,
  .stats-all-time .stats-tab.is-best .label {
    color: #f0b849; }
  .stats-all-time .stats-tab .value {
    font-size: 20px;
    padding: 10px 0 5px; }
  .stats-all-time .stats-tab .stats-all-time__best-day {
    color: #2e4453;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      .stats-all-time .stats-tab .stats-all-time__best-day {
        box-sizing: border-box;
        display: block;
        line-height: 1.7;
        padding: 30px 0 10px 25px;
        text-align: left;
        width: 100%; } }

.stats-geochart {
  margin: 0 24px; }

.stats-module.is-loading .countryviews .stats-geochart,
.stats-module.has-no-data .countryviews .stats-geochart {
  display: none; }

.stats-most-popular {
  clear: both; }

.stats-module.is-loading .stats-popular,
.is-empty .stats-popular {
  min-height: 150px; }
  .stats-module.is-loading .stats-popular .stats-popular__item,
  .is-empty .stats-popular .stats-popular__item {
    display: none; }

.stats-popular {
  position: relative;
  width: 80%;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .stats-popular {
      width: 100%; } }

.stats-popular__item {
  width: 50%;
  float: left;
  text-align: center;
  padding: 20px 0;
  color: #2e4453; }
  @media (max-width: 960px) {
    .stats-popular__item {
      width: 100%; }
      .stats-popular__item:first-child {
        padding-bottom: 0; } }

.stats-popular__label {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.stats-popular__percentage {
  color: #87a6bc;
  display: block;
  margin-top: -1em;
  font-size: 14px;
  letter-spacing: 0.01em; }

.stats-popular__day,
.stats-popular__hour {
  display: block; }

.stats-popular__day,
.stats-popular__hour {
  color: #2e4453;
  font-size: 20px;
  margin: 6px 0 22px; }

.stats-popular__empty {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 24px;
  clear: both;
  z-index: 1; }
  .stats-popular__empty .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; }

/* Styles for Stats NUX */
.module-overlay {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 101%;
  left: -1px;
  background: linear-gradient(to bottom, rgba(243, 246, 248, 0), rgba(243, 246, 248, 0.3), #f3f6f8 95%); }
  @media (max-width: 660px) {
    .module-overlay {
      bottom: -3px; } }

.stats-nux .module-header-actions {
  display: none; }

@media (min-width: 661px) {
  .stats-nux .module-column {
    width: calc(50% - 1em);
    float: left; } }

.stats-nux .module-column:first-child {
  position: relative; }

.stats-nux .module-column:last-child {
  float: right; }
  @media (max-width: 660px) {
    .stats-nux .module-column:last-child {
      float: none;
      text-align: center; } }

.stats-nux .stats-module {
  padding-bottom: 30px; }
  .stats-nux .stats-module.is-chart-tabs {
    padding-bottom: 0; }
    @media (max-width: 660px) {
      .stats-nux .stats-module.is-chart-tabs {
        display: none; } }

@media (max-width: 660px) {
  .stats-nux .stats-section-title {
    text-align: center; } }

.stats-nux .stats-popular__item {
  width: 100%; }
  .stats-nux .stats-popular__item:last-child {
    margin-top: -20px; }

.stats-nux .module-tabs.is-nux .module-tab {
  width: auto;
  float: none;
  text-align: left;
  padding: 12px 22px;
  width: 100%;
  border-bottom: 1px solid #f3f6f8; }
  @media (max-width: 480px) {
    .stats-nux .module-tabs.is-nux .module-tab {
      border-bottom: 0; } }
  .stats-nux .module-tabs.is-nux .module-tab:last-child {
    border-bottom: 0; }
  .stats-nux .module-tabs.is-nux .module-tab.is-post-summary {
    width: 100%; }
  .stats-nux .module-tabs.is-nux .module-tab .label {
    font-size: 14px; }
    @media (max-width: 480px) {
      .stats-nux .module-tabs.is-nux .module-tab .label {
        float: none; } }
  .stats-nux .module-tabs.is-nux .module-tab .value {
    float: right; }
    @media (max-width: 480px) {
      .stats-nux .module-tabs.is-nux .module-tab .value {
        margin-right: 0; } }
  .stats-nux .module-tabs.is-nux .module-tab .gridicon {
    margin-right: 18px; }
    @media (max-width: 480px) {
      .stats-nux .module-tabs.is-nux .module-tab .gridicon {
        margin: 0 10px 0 0; } }

.stats-section-blurb {
  color: #2e4453;
  font-weight: 300;
  line-height: 1.6;
  margin: -10px 0 15px; }

.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;
    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; }

.post-trends {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 100%; }

.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: absolute;
  top: 0;
  left: 0;
  display: block;
  white-space: nowrap;
  transition: left, 1s, ease-in-out; }

.post-trends__wrapper {
  overflow: hidden;
  position: relative;
  height: 100px;
  max-width: 660px;
  margin: 0 auto; }

.post-trends__scroll-left,
.post-trends__scroll-right {
  position: absolute;
  top: 0;
  width: 30px;
  height: 130px;
  background: linear-gradient(to right, #f3f6f8, rgba(243, 246, 248, 0.92), rgba(255, 255, 255, 0));
  text-align: left; }
  .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 63px;
    background-size: 25px 25px;
    opacity: .15; }
  .post-trends__scroll-left .right-arrow,
  .post-trends__scroll-right .right-arrow {
    background: url("/calypso/images/stats/right-arrow.svg") no-repeat 5px 63px;
    background-size: 25px 25px; }
  .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: linear-gradient(to left, #f3f6f8, rgba(243, 246, 248, 0.92), rgba(255, 255, 255, 0));
  text-align: right; }

.post-trends__scroll-left {
  left: 0; }

.post-trends__scroll-right {
  right: 0; }

.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); }

.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: #00bef6; }

.post-trends__day.is-level-3,
.post-trends__key-day.is-level-3 {
  background-color: #0083a9; }

.post-trends__day.is-level-4,
.post-trends__key-day.is-level-4 {
  background-color: #003443; }

.post-trends__day.is-hovered,
.post-trends__key-day.is-hovered {
  border-color: #00aadc; }

.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: 961px) {
  .post-trends__scroll-left,
  .post-trends__scroll-right {
    display: none; } }

@media (max-width: 960px) {
  .post-trends__year {
    margin: 0 40px 0; } }

.post-trends__key-container {
  margin: 0 3px 20px 0;
  padding-top: 10px;
  float: right; }
  .post-trends__key-container:after {
    content: ".";
    display: block;
    height: 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;
    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;
        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;
      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 {
   }
  .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; }

.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; }
  .stats-module__placeholder.is-block {
    background: #f3f6f8; }
  .stats-module__placeholder.is-spinner, .stats-module__placeholder.is-void {
    background: url("images/loading.gif") no-repeat 50% 50%;
    background-size: 32px 32px;
    opacity: 1; }
  .stats-module__placeholder.is-void {
    -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 span,
.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__select-dropdown-wrapper {
  margin: 1em 20px; }
  .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; }

.module-list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.stats-nonperiodic.has-no-recent {
  color: #2e4453;
  font-weight: 300; }
  @media (max-width: 660px) {
    .stats-nonperiodic.has-no-recent p {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (max-width: 480px) {
    .stats-nonperiodic.has-no-recent p {
      text-align: center; } }

@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; }
  @media (max-width: 480px) {
    .module-expand {
      line-height: 48px; } }
  .stats-module.is-expanded .module-expand {
    display: block; }
  .module-expand,
  .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) {
      .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: 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; }
  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 {
    transition: .2s -webkit-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-text {
  box-sizing: border-box;
  color: #2e4453;
  font-size: 13px;
  padding: 10px 24px;
  min-height: 1em;
  width: 100%; }
  .module-content-text a {
    display: block; }
    @media (min-width: 481px) {
      .module-content-text a {
        display: inline; } }
  @media (min-width: 961px) {
    .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) {
        .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; } }

.stats-module.is-hidden {
  display: none; }

.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; }

.module-content {
  display: none;
  position: relative; }
  .stats-module.is-expanded .module-content {
    display: block; }

.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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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__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: 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;
    clear: both;
    visibility: hidden; }
  .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; }
    @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.is-post-summary {
          width: 33%; }
        .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 {
          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;
            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;
      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; }

.current-theme {
  font-weight: 600;
  padding: 0px;
  margin-bottom: 24px; }

.current-theme__info {
  height: 56px; }
  @media (min-width: 481px) {
    .current-theme__info {
      width: 50%;
      float: left; } }

.current-theme__label {
  font-size: 0.8em;
  color: #87a6bc;
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: -2px;
  float: left; }

.current-theme__name {
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  float: left;
  clear: both; }

.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 #c8d7e1;
  box-sizing: border-box; }
  @media (min-width: 481px) {
    .current-theme__actions {
      width: 50%;
      float: right;
      border-top: none;
      border-left: 1px solid #c8d7e1; } }
  @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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: 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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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__details {
  border-left: 1px solid #c8d7e1;
  border-right: 1px solid #c8d7e1; }

.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__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 {
  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__sheet {
  max-width: none; }

.themes__sheet-bar {
  background-color: #0087be;
  color: white;
  height: 180px;
  padding: 0;
  margin: 0; }

.themes__sheet-bar-title {
  display: block;
  font-size: 33px;
  font-weight: 100;
  padding-top: 70px;
  padding-left: 25px;
  line-height: 1; }

.themes__sheet-bar-tag {
  max-width: none;
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 200;
  padding-top: 5px;
  padding-left: 25px; }

.themes__sheet-columns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.themes__sheet-column-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.themes__sheet-column-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.themes__sheet-action-bar {
  height: 50px;
  width: 100%; }

.themes_sheet-action-bar-spacer {
  height: 50px;
  width: 100%;
  background-color: white; }

.themes__sheet-action-bar button {
  margin: 2px; }

.themes__sheet-action-bar-cost {
  font-weight: 600;
  color: #4AB866;
  margin-right: 10px;
  display: inline-block;
  max-width: 50%; }

.themes__sheet-action-bar-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.themes__sheet-action-bar .header-cake__back {
  padding: 16px 0px 16px 16px; }

.themes__sheet-action-bar .is-spacer {
  width: 0; }

.themes__sheet-img {
  display: block;
  max-width: 49%;
  position: absolute;
  top: 90px;
  height: auto;
  width: auto;
  border: 1px solid #87a6bc;
  box-shadow: 0px 2px 8px 0px rgba(46, 68, 83, 0.45); }

.themes__sheet-content {
  padding: 20px; }

@media (max-width: 660px) {
  .themes__sheet-columns {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .themes__sheet-column-left {
    width: 100%; }
  .themes__sheet-column-right {
    width: 100%; }
  .themes__sheet-img {
    position: relative;
    top: 0;
    max-width: 100%; }
  .themes_sheet-action-bar-spacer {
    display: none; } }

.themes__search-card {
  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-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 .section-nav-tabs .noticon {
    color: #a8bece; }
  .themes__search-card .select-dropdown,
  .themes__search-card .more {
    display: inline-block;
    height: 43px;
    margin-right: 4px;
    -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 .select-dropdown__header {
    pointer-events: none; }

.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 {
  background: white;
  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-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: #00aadc;
      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, .cart-body .cart-coupon form .cancel-confirm .button-primary, .cancel-confirm .cart-body .cart-coupon form .button-primary, .cart-body .cart-coupon form
      .cancel-confirm input[type=submit],
      .cancel-confirm .cart-body .cart-coupon form input[type=submit] {
        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-plan-ad,
.popover-cart__cart-trial-ad {
  background: #f6f9fa;
  border: 1px solid #e9eff3;
  border-radius: 4px;
  font-size: 12px;
  margin: 15px 15px 0px 15px;
  padding: 10px; }

.cart-buttons .button, .cart-buttons .cancel-confirm .button-primary, .cancel-confirm .cart-buttons .button-primary, .cart-buttons
.cancel-confirm input[type=submit],
.cancel-confirm .cart-buttons input[type=submit] {
  width: 100%;
  margin-bottom: 10px; }
  .cart-buttons .button:last-of-type, .cart-buttons .cancel-confirm .button-primary:last-of-type, .cancel-confirm .cart-buttons .button-primary:last-of-type, .cart-buttons
  .cancel-confirm input[type=submit]:last-of-type,
  .cancel-confirm .cart-buttons input[type=submit]:last-of-type {
    margin-bottom: 0; }

.cart-toggle-button {
  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: #00aadc;
  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 .tip-arrow {
    margin-left: 8px !important; }
  div.popover-cart__popover .tip-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; }

.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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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"); }

.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%; }
  .checkout-thank-you.main {
    max-width: 960px; }
  @media (max-width: 660px) {
    .checkout-thank-you {
      background: transparent;
      padding: 14px; }
      .checkout-thank-you .card, .checkout-thank-you .editor-drawer-well__placeholder {
        background: none;
        box-shadow: none;
        padding: 0; } }

.checkout-thank-you__get-support {
  border-top: 1px solid #c8d7e1;
  border-bottom: 1px solid #c8d7e1;
  color: #668eaa;
  font-size: 14px;
  padding: 20px 0; }
  .checkout-thank-you__get-support > h3 {
    font-weight: 600; }
  .checkout-thank-you__get-support > p {
    margin-bottom: 0; }
  .checkout-thank-you__get-support a {
    border-bottom: 1px solid #00aadc; }
  @media (min-width: 661px) {
    .checkout-thank-you__get-support {
      padding: 20px;
      border-bottom: none; }
      .checkout-thank-you__get-support > h3 {
        display: inline;
        margin-right: 15px; }
      .checkout-thank-you__get-support > p {
        display: inline; } }

.checkout-thank-you__purchase-details-list {
  list-style: none;
  margin: 0;
  padding: 30px 0; }
  @media (max-width: 660px) {
    .checkout-thank-you__purchase-details-list {
      display: inline-block;
      margin: 0 0 10px 0; } }

.checkout-thank-you__purchase-detail {
  display: inline-block;
  vertical-align: top;
  width: 33.333333%; }
  @media (max-width: 660px) {
    .checkout-thank-you__purchase-detail {
      background: white;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
      box-sizing: border-box;
      display: inline-block;
      margin-bottom: 20px;
      padding: 20px 10px;
      text-align: left;
      width: 100%; }
      .checkout-thank-you__purchase-detail .button, .checkout-thank-you__purchase-detail .cancel-confirm .button-primary, .cancel-confirm .checkout-thank-you__purchase-detail .button-primary, .checkout-thank-you__purchase-detail
      .cancel-confirm input[type=submit],
      .cancel-confirm .checkout-thank-you__purchase-detail input[type=submit] {
        width: 100%; } }
  @media (min-width: 661px) {
    .checkout-thank-you__purchase-detail {
      vertical-align: top; } }
  .checkout-thank-you__purchase-detail.get-free-domain .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.customize-fonts-and-colors .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.upload-to-videopress .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.ads-have-been-removed .checkout-thank-you__purchase-detail-text::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;
    top: -7px; }
  .checkout-thank-you__purchase-detail.ecommerce .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.live-chat .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.unlimited-premium-themes .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.important .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.your-primary-domain .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.upgrade-now .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.google-apps-details .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.redirect-now-working .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.change-redirect-settings .checkout-thank-you__purchase-detail-text::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; }
  .checkout-thank-you__purchase-detail.is-placeholder {
    padding-top: 60px; }
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-button,
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-description,
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__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; }
      .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-button:after,
      .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-description:after,
      .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-title:after {
        content: '\00a0'; }
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-button {
      border: none;
      margin: 0 auto;
      width: 50%; }
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-description {
      margin-top: 10px; }
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-text::before {
      content: none; }
    .checkout-thank-you__purchase-detail.is-placeholder .checkout-thank-you__purchase-detail-title {
      margin: 0 auto;
      width: 85%; }

.checkout-thank-you__purchase-detail-description {
  font-size: 12px;
  opacity: 0.7; }
  @media (min-width: 661px) {
    .checkout-thank-you__purchase-detail-description {
      margin: 0 50px 10px 50px; } }

.checkout-thank-you__purchase-detail-text::before {
  color: #c8d7e1;
  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;
  top: -8px; }

@media (min-width: 661px) {
  .checkout-thank-you__purchase-detail-text::before {
    font-size: 70px; }
  .checkout-thank-you__purchase-detail-text > p {
    margin: 0 50px 10px 50px; } }

@media (max-width: 660px) {
  .checkout-thank-you__purchase-detail-text {
    padding-left: 64px;
    position: relative; }
    .checkout-thank-you__purchase-detail-text::before {
      font-size: 50px;
      position: absolute;
      left: 0; } }

.checkout-thank-you__purchase-detail-title {
  font-weight: 600; }

.checkout-thank-you-header {
  border-bottom: 1px solid #e9eff3;
  padding-bottom: 20px; }

.checkout-thank-you-header__icon {
  display: inline-block;
  position: relative; }
  .checkout-thank-you-header__icon::before {
    font-size: 70px;
    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: #c8d7e1; }
  .checkout-thank-you-header__icon::after {
    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;
    background: #53b66c;
    border-radius: 18px;
    color: white;
    position: absolute;
    top: 6px;
    right: 15px;
    width: 18px;
    height: 18px; }

.checkout-thank-you-header__heading {
  font-size: 25px;
  font-weight: 100;
  margin: 0; }

.checkout-thank-you-header__text {
  font-size: 20px;
  font-weight: 200;
  opacity: 0.6;
  margin: auto;
  max-width: 50%; }

.checkout-thank-you-header__heading,
.checkout-thank-you-header__text {
  color: #2e4453; }
  @media (max-width: 660px) {
    .checkout-thank-you-header__heading,
    .checkout-thank-you-header__text {
      font-size: 17px;
      max-width: 100%; } }

.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;
  margin: 0 auto; }
  .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'; }

.checkout-thank-you-header.is-placeholder .checkout-thank-you-header__heading {
  width: 50%; }

.checkout-thank-you-header.is-placeholder .checkout-thank-you-header__text {
  margin-top: 15px;
  width: 40%; }

.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; }

.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) {
    .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;
    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;
    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) {
    .module-list .module-content-list-item-wrapper {
      line-height: 28px; }
      .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-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-item-link .module-content-list-item-wrapper:hover .module-content-list-item-right::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f6f8 90%); }
  .module-content-list-item-link .module-content-list-item-wrapper:hover .module-content-list-item-action-hidden {
    display: inline-block; } }

.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: 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) {
    .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 .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; }
    .followers .module-content-list-item-label .icon,
    .top-authors .module-content-list-item-label .icon,
    .authorviews .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,
      .authorviews .module-content-list-item-label .icon::before {
        content: none; }
  .module-content-list-item-label .gridicon {
    vertical-align: middle; }
  @media (min-width: 961px) {
    .module-list .module-content-list-item-label .icon {
      font-size: 20px;
      line-height: 1.3; }
    .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;
    -khtml-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) {
    .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: 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) {
    .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) {
    .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) {
      .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 .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 {
  margin-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) {
    .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) {
    .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) {
    .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) {
  .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) {
    .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;
    transition: .2s -webkit-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: 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: 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: 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: 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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @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-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .domain-management-form-footer .button, .domain-management-form-footer .cancel-confirm .button-primary, .cancel-confirm .domain-management-form-footer .button-primary, .domain-management-form-footer
  .cancel-confirm input[type=submit],
  .cancel-confirm .domain-management-form-footer input[type=submit],
  .primary-domain-actions .button,
  .primary-domain-actions .cancel-confirm .button-primary, .cancel-confirm
  .primary-domain-actions .button-primary,
  .primary-domain-actions
  .cancel-confirm input[type=submit],
  .cancel-confirm
  .primary-domain-actions input[type=submit] {
    margin: 0; }
    .domain-management-form-footer .button.is-primary, .domain-management-form-footer .cancel-confirm .is-primary.button-primary, .cancel-confirm .domain-management-form-footer .is-primary.button-primary, .domain-management-form-footer
    .cancel-confirm input.is-primary[type=submit],
    .cancel-confirm .domain-management-form-footer input.is-primary[type=submit],
    .primary-domain-actions .button.is-primary,
    .primary-domain-actions .cancel-confirm .is-primary.button-primary, .cancel-confirm
    .primary-domain-actions .is-primary.button-primary,
    .primary-domain-actions
    .cancel-confirm input.is-primary[type=submit],
    .cancel-confirm
    .primary-domain-actions input.is-primary[type=submit] {
      margin: 0 0 15px 0; }
      @media (min-width: 481px) {
        .domain-management-form-footer .button.is-primary, .domain-management-form-footer .cancel-confirm .is-primary.button-primary, .cancel-confirm .domain-management-form-footer .is-primary.button-primary, .domain-management-form-footer
        .cancel-confirm input.is-primary[type=submit],
        .cancel-confirm .domain-management-form-footer input.is-primary[type=submit],
        .primary-domain-actions .button.is-primary,
        .primary-domain-actions .cancel-confirm .is-primary.button-primary, .cancel-confirm
        .primary-domain-actions .is-primary.button-primary,
        .primary-domain-actions
        .cancel-confirm input.is-primary[type=submit],
        .cancel-confirm
        .primary-domain-actions input.is-primary[type=submit] {
          margin: 0 15px 0 0; } }
      @media (max-width: 480px) {
        .domain-management-form-footer .button.is-primary, .domain-management-form-footer .cancel-confirm .is-primary.button-primary, .cancel-confirm .domain-management-form-footer .is-primary.button-primary, .domain-management-form-footer
        .cancel-confirm input.is-primary[type=submit],
        .cancel-confirm .domain-management-form-footer input.is-primary[type=submit],
        .primary-domain-actions .button.is-primary,
        .primary-domain-actions .cancel-confirm .is-primary.button-primary, .cancel-confirm
        .primary-domain-actions .is-primary.button-primary,
        .primary-domain-actions
        .cancel-confirm input.is-primary[type=submit],
        .cancel-confirm
        .primary-domain-actions input.is-primary[type=submit] {
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
    @media (max-width: 480px) {
      .domain-management-form-footer .button, .domain-management-form-footer .cancel-confirm .button-primary, .cancel-confirm .domain-management-form-footer .button-primary, .domain-management-form-footer
      .cancel-confirm input[type=submit],
      .cancel-confirm .domain-management-form-footer input[type=submit],
      .primary-domain-actions .button,
      .primary-domain-actions .cancel-confirm .button-primary, .cancel-confirm
      .primary-domain-actions .button-primary,
      .primary-domain-actions
      .cancel-confirm input[type=submit],
      .cancel-confirm
      .primary-domain-actions input[type=submit] {
        width: 100%;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }

.domain-management-header__children {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.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%; }
  @media (min-width: 481px) {
    .domain-management-list-item__title {
      font-size: 18px;
      font-weight: 700;
      font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
      max-width: none;
      white-space: normal; } }

.domain-management-list-item__meta {
  font-size: 11px;
  color: #87a6bc;
  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'; }

.domain-management-primary-domain .primary-domain-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0; }

.domain-management-primary-domain .primary-domain-notice {
  background: #e9eff3;
  font-size: 13px;
  color: #000; }
  .domain-management-primary-domain .primary-domain-notice::before {
    line-height: 1.5em; }

.contacts-privacy-card .settings-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
 : 13px;
  font-style: italic;
  font-weight: 400;
  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;
    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: #87a6bc;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 20px 0;
    text-transform: uppercase; }

.edit-contact-info-privacy-enabled-card__settings-explanation {
  color: #87a6bc;
  display: block;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0; }

.edit-contact-info-form-card__form-content {
  margin-bottom: 20px;
  overflow: auto; }
  .edit-contact-info-form-card__form-content .edit-contact-info-field {
    margin-top: 15px;
    position: relative; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field input[type=text] {
      margin: 0; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field select {
      width: 100%; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field.invalid input,
    .edit-contact-info-form-card__form-content .edit-contact-info-field.invalid select {
      border-color: #d94f4f; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field input[disabled], .edit-contact-info-form-card__form-content .edit-contact-info-field select[disabled] {
      cursor: not-allowed; }
  .edit-contact-info-form-card__form-content .first-name {
    margin-top: 0; }
  @media (min-width: 661px) {
    .edit-contact-info-form-card__form-content .last-name {
      margin-top: 0; }
    .edit-contact-info-form-card__form-content .edit-contact-info-field {
      float: left;
      width: 100%; }
    .edit-contact-info-form-card__form-content .last-name,
    .edit-contact-info-form-card__form-content .phone,
    .edit-contact-info-form-card__form-content .postal-code {
      float: right; }
    .edit-contact-info-form-card__form-content .email,
    .edit-contact-info-form-card__form-content .first-name,
    .edit-contact-info-form-card__form-content .last-name,
    .edit-contact-info-form-card__form-content .phone {
      width: calc( 50% - 7px); }
    .edit-contact-info-form-card__form-content .city,
    .edit-contact-info-form-card__form-content .postal-code,
    .edit-contact-info-form-card__form-content .state {
      width: calc( 33% - 8px); }
    .edit-contact-info-form-card__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 {
  background: #f3f6f8;
  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, .add-google-apps-card__product-details .cancel-confirm .button-primary, .cancel-confirm .add-google-apps-card__product-details .button-primary, .add-google-apps-card__product-details
  .cancel-confirm input[type=submit],
  .cancel-confirm .add-google-apps-card__product-details input[type=submit] {
    display: block;
    margin: 20px 0 5px 0; }
    @media (max-width: 660px) {
      .add-google-apps-card__product-details .button, .add-google-apps-card__product-details .cancel-confirm .button-primary, .cancel-confirm .add-google-apps-card__product-details .button-primary, .add-google-apps-card__product-details
      .cancel-confirm input[type=submit],
      .cancel-confirm .add-google-apps-card__product-details input[type=submit] {
        text-align: center;
        width: 100%; } }
    @media (min-width: 661px) {
      .add-google-apps-card__product-details .button, .add-google-apps-card__product-details .cancel-confirm .button-primary, .cancel-confirm .add-google-apps-card__product-details .button-primary, .add-google-apps-card__product-details
      .cancel-confirm input[type=submit],
      .cancel-confirm .add-google-apps-card__product-details input[type=submit] {
        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: #87a6bc;
    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;
      padding-bottom: 20px; } }
  @media (min-width: 661px) {
    .add-google-apps-card__header .button, .add-google-apps-card__header .cancel-confirm .button-primary, .cancel-confirm .add-google-apps-card__header .button-primary, .add-google-apps-card__header
    .cancel-confirm input[type=submit],
    .cancel-confirm .add-google-apps-card__header input[type=submit] {
      position: absolute;
      top: 30px;
      right: 24px; } }
  @media (max-width: 660px) {
    .add-google-apps-card__header .button, .add-google-apps-card__header .cancel-confirm .button-primary, .cancel-confirm .add-google-apps-card__header .button-primary, .add-google-apps-card__header
    .cancel-confirm input[type=submit],
    .cancel-confirm .add-google-apps-card__header input[type=submit] {
      display: none; } }

.add-google-apps-card__product-logo {
  margin: -5px 0; }
  @media (max-width: 660px) {
    .add-google-apps-card__product-logo {
      width: 236px; } }
  @media (min-width: 661px) {
    .add-google-apps-card__product-logo {
      float: left;
      margin: -10px 0 0 0; } }
  .add-google-apps-card__product-logo strong {
    background: url("/calypso/images/upgrades/google-apps-logo.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 80px;
    display: inline-block;
    height: 40px;
    margin: -1px 6px 0 0;
    text-indent: -999999px;
    vertical-align: text-top;
    width: 80px; }
  .add-google-apps-card__product-logo span {
    color: #888;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    top: 10px; }

.add-google-apps-card__price {
  clear: both;
  font-style: italic;
  margin: 0; }
  .add-google-apps-card__price .add-google-apps-card__price-per-user {
    display: inline-block; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user strong {
      color: #58819e;
      font-size: 15px;
      font-weight: 600; }
    .add-google-apps-card__price .add-google-apps-card__price-per-user span, .add-google-apps-card__price .add-google-apps-card__price-per-user em {
      color: #87a6bc;
      font-size: 12px;
      font-weight: normal; }
    @media (max-width: 660px) {
      .add-google-apps-card__price .add-google-apps-card__price-per-user em {
        display: none; } }
  .add-google-apps-card__price .add-google-apps-card__billing-period {
    color: #a8bece;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase; }

.add-google-apps-card__title {
  color: #2e4453;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin: 0 0 10px 0; }

.add-google-apps-card__file-storage,
.add-google-apps-card__professional-email {
  color: #668eaa;
  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;
  font-weight: 400;
  color: #87a6bc; }

.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 .form-content,
.email-forwarding__add-new .email-forwarding__limit,
.email-forwarding__add-new .form-content {
  border-top: 1px solid #f3f6f8;
  overflow: visible;
  padding-top: 20px; }

.dns__add-new .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: #58819e;
        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, ul.email-forwarding__list li .cancel-confirm .button-primary, .cancel-confirm ul.email-forwarding__list li .button-primary, ul.email-forwarding__list li
    .cancel-confirm input[type=submit],
    .cancel-confirm ul.email-forwarding__list li input[type=submit] {
      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;
  padding-bottom: 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, .privacy-protection-card__header .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-card__header .button-primary, .privacy-protection-card__header
  .cancel-confirm input[type=submit],
  .cancel-confirm .privacy-protection-card__header input[type=submit] {
    display: none;
    position: absolute;
    right: 24px;
    top: 30px; }
    @media (min-width: 661px) {
      .privacy-protection-card__header .button, .privacy-protection-card__header .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-card__header .button-primary, .privacy-protection-card__header
      .cancel-confirm input[type=submit],
      .cancel-confirm .privacy-protection-card__header input[type=submit] {
        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: #58819e;
      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, .privacy-protection-card__content .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-card__content .button-primary, .privacy-protection-card__content
  .cancel-confirm input[type=submit],
  .cancel-confirm .privacy-protection-card__content input[type=submit] {
    cursor: pointer;
    display: block;
    margin: 20px 0 5px 0;
    text-align: center;
    width: 100%; }
    @media (min-width: 661px) {
      .privacy-protection-card__content .button, .privacy-protection-card__content .cancel-confirm .button-primary, .cancel-confirm .privacy-protection-card__content .button-primary, .privacy-protection-card__content
      .cancel-confirm input[type=submit],
      .cancel-confirm .privacy-protection-card__content input[type=submit] {
        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;
  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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-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: #87a6bc;
  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, .name-servers .custom-nameservers-row .cancel-confirm .button-primary, .cancel-confirm .name-servers .custom-nameservers-row .button-primary, .name-servers .custom-nameservers-row
  .cancel-confirm input[type=submit],
  .cancel-confirm .name-servers .custom-nameservers-row input[type=submit] {
    position: absolute;
    right: 7px;
    top: 8px; }
    @media (max-width: 480px) {
      .name-servers .custom-nameservers-row .button, .name-servers .custom-nameservers-row .cancel-confirm .button-primary, .cancel-confirm .name-servers .custom-nameservers-row .button-primary, .name-servers .custom-nameservers-row
      .cancel-confirm input[type=submit],
      .cancel-confirm .name-servers .custom-nameservers-row input[type=submit] {
        right: 4px; } }

.name-servers .notice {
  font-size: 12px;
  margin-top: 10px;
  padding-right: 15px; }

ul.dns__list {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0; }
  ul.dns__list li {
    border-top: 1px solid #f3f6f8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: auto;
    padding: 10px 0;
    position: relative; }
    ul.dns__list li em {
      color: #87a6bc;
      display: block;
      font-size: 11px; }
    ul.dns__list 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; }
    ul.dns__list li strong {
      color: #58819e;
      font-weight: normal; }
    ul.dns__list li.is-disabled {
      opacity: 0.2;
      cursor: not-allowed; }
  ul.dns__list .dns__list-type {
    min-width: 60px; }
  ul.dns__list .dns__list-info {
    width: 100%;
    word-break: break-all; }
  ul.dns__list .dns__list-remove {
    text-align: right;
    width: 100px; }

.dns__add-new fieldset label + select,
.dns__add-new fieldset label + textarea {
  width: 100%; }

.google-apps-users-card.card:after, .google-apps-users-card.editor-drawer-well__placeholder:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

@media (max-width: 480px) {
  .google-apps-users-card__add-user-button {
    width: 100%; } }

@media (min-width: 481px) {
  .google-apps-users-card__add-user-button {
    float: right; } }

.google-apps-users-card__subtext {
  font-size: 13px;
  margin: 5px 0;
  font-style: italic;
  font-weight: 400;
  color: #87a6bc; }

.google-apps-users-card__notice.notice {
  font-size: 13px;
  margin: 10px 0;
  -webkit-animation: none;
          animation: none; }

.google-apps-users-card__user-list {
  list-style: none;
  margin: 0 0 16px 0; }
  .google-apps-users-card__user-list li {
    color: #58819e;
    border-top: 1px solid #f3f6f8;
    padding: 10px 0; }
    .google-apps-users-card__user-list li:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .google-apps-users-card__user-list li:last-of-type {
      border-bottom: 1px solid #f3f6f8; }

.google-apps-users-card__user-email {
  float: left; }

.google-apps-users-card__user-manage-link {
  float: right;
  font-size: 13px; }

.icann-verification .button, .icann-verification .cancel-confirm .button-primary, .cancel-confirm .icann-verification .button-primary, .icann-verification
.cancel-confirm input[type=submit],
.cancel-confirm .icann-verification input[type=submit] {
  margin-bottom: 15px; }
  @media (max-width: 480px) {
    .icann-verification .button, .icann-verification .cancel-confirm .button-primary, .cancel-confirm .icann-verification .button-primary, .icann-verification
    .cancel-confirm input[type=submit],
    .cancel-confirm .icann-verification input[type=submit] {
      width: 100%; } }

.icann-verification__explanation {
  margin-bottom: 15px; }

.domain-details-card .icann-verification {
  margin-top: 16px; }

.is-section-post::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  pointer-events: none;
  z-index: -1; }

.is-section-post .wp-content {
  padding: 0; }

.is-section-post .email-verification-notice {
  margin: 8px; }
  @media (min-width: 661px) {
    .is-section-post .email-verification-notice {
      margin: 0; } }

.post-editor__sidebar-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px; }
  @media (min-width: 661px) {
    .post-editor__sidebar-header {
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.post-editor__toggle-sidebar {
  margin-left: 16px; }
  @media (min-width: 661px) {
    .post-editor__toggle-sidebar {
      display: none; } }

.post-editor__inner {
  position: relative; }

.post-editor__content {
  position: relative;
  margin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000; }
  @media (min-width: 661px) {
    .post-editor__content {
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-perspective: none;
              perspective: none; } }

@media (min-width: 661px) {
  .is-section-post .email-verification-notice,
  .post-editor__content {
    margin-left: 229px; } }

@media (min-width: 961px) {
  .is-section-post .email-verification-notice,
  .post-editor__content {
    margin-left: 273px; } }

.editor__header,
.editor .mce-container-body,
.editor .tinymce {
  max-width: 100%;
  margin: 0 auto; }
  @media (min-width: 961px) {
    .editor__header,
    .editor .mce-container-body,
    .editor .tinymce {
      width: 700px; } }

.editor__header,
.editor .mce-edit-area {
  padding: 0 16px; }
  @media (min-width: 1041px) {
    .editor__header,
    .editor .mce-edit-area {
      padding: 0; } }

.post-editor__close.button.is-compact.is-borderless, .cancel-confirm .post-editor__close.is-compact.is-borderless.button-primary,
.cancel-confirm input.post-editor__close.is-compact.is-borderless[type=submit] {
  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) {
    .post-editor__close.button.is-compact.is-borderless, .cancel-confirm .post-editor__close.is-compact.is-borderless.button-primary,
    .cancel-confirm input.post-editor__close.is-compact.is-borderless[type=submit] {
      display: block; } }

.post-editor .drafts-button {
  padding: 3px 8px; }

.post-editor .draft .post-relative-time-status {
  display: none; }

.post-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; }
  .post-editor-status-label .gridicon {
    display: inline-block;
    fill: #a8bece;
    position: absolute;
    left: 14px; }
  .post-editor-status-label strong {
    color: #668eaa;
    display: block; }
  .post-editor-status-label.is-publish strong {
    display: inline; }
  .post-editor-status-label.is-pending strong {
    color: #f0b849; }
  .post-editor-status-label.is-trash strong {
    color: #d54e21; }
  .post-editor-status-label.is-placeholder {
    padding-left: 0; }

.post-editor-status-label__full-date {
  color: #668eaa;
  display: block;
  font-size: 13px;
  padding: 8px 16px; }

.post-editor-status-label__full-date__tooltip {
  color: #a8bece;
  display: block;
  font-size: 11px;
  padding: 2px 10px 2px;
  margin-top: -8px;
  margin-bottom: 6px; }

.post-editor__notice {
  margin: -24px 0 24px; }
  @media (min-width: 481px) {
    .post-editor__notice {
      margin-bottom: 24px; } }
  .post-editor__notice .notice__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
    .post-editor__notice .notice__text a {
      text-decoration: underline;
      background-image: none; }

.editor {
  position: relative; }

.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; }
  @media (max-width: 480px) {
    .editor .tinymce {
      padding: 24px 27px;
      /* 27px = 16px + the 11px padding on Visual mode */ } }
  .editor .tinymce:focus {
    border-color: #c8d7e1;
    box-shadow: none; }

.editor__header {
  position: relative;
  padding-bottom: 27px; }
  .editor__header.is-pinned {
    visibility: none; }

.editor__switch-mode {
  position: absolute;
  right: 16px;
  width: 160px;
  z-index: 1; }
  .focus-sidebar .editor__switch-mode {
    z-index: auto; }
    @media (min-width: 661px) {
      .focus-sidebar .editor__switch-mode {
        z-index: 1; } }
  @media (min-width: 961px) {
    .editor__switch-mode {
      right: 32px; } }
  @media (min-width: 1041px) {
    .editor__switch-mode {
      right: -1px; } }

.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;
  margin: 0; }

.editor .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;
    margin: -24px 0 24px; }
  .editor .editor-featured-image img {
    margin: 0 auto;
    display: block;
    max-height: 400px; }

.drafts-button.button.is-borderless, .cancel-confirm .drafts-button.is-borderless.button-primary,
.cancel-confirm input.drafts-button.is-borderless[type=submit] {
  line-height: 22px;
  white-space: nowrap; }
  .drafts-button.button.is-borderless[disabled], .cancel-confirm .drafts-button.is-borderless[disabled].button-primary,
  .cancel-confirm input.drafts-button.is-borderless[disabled][type=submit], .editor-drawer-well__placeholder[disabled] .drafts-button.is-borderless.editor-drawer-well__button, .drafts-button.button.is-borderless:disabled, .cancel-confirm .drafts-button.is-borderless.button-primary:disabled,
  .cancel-confirm input.drafts-button.is-borderless[type=submit]:disabled {
    cursor: not-allowed;
    color: #a8bece; }
  .drafts-button.button.is-borderless:hover .count, .cancel-confirm .drafts-button.is-borderless.button-primary:hover .count,
  .cancel-confirm input.drafts-button.is-borderless[type=submit]:hover .count {
    border-color: #2e4453;
    color: #2e4453; }
  .drafts-button.button.is-borderless .count, .cancel-confirm .drafts-button.is-borderless.button-primary .count,
  .cancel-confirm input.drafts-button.is-borderless[type=submit] .count {
    margin-left: 4px; }

.edit-post-status__sticky,
.edit-post-status__pending-review {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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-left: 4px;
    vertical-align: middle; }

.edit-post-status__pending-review {
  margin-top: 8px; }

.edit-post-status__label-text {
  color: #668eaa;
  font-size: 13px;
  line-height: 1.7; }

.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: #668eaa;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 12px;
  padding-right: 5px;
  cursor: pointer; }
  .edit-post-status__full-date .gridicon {
    color: #87a6bc;
    margin-left: -2px;
    margin-right: 8px;
    vertical-align: bottom; }
  .edit-post-status__full-date:hover, .edit-post-status__full-date:focus {
    color: #2e4453; }
    .edit-post-status__full-date:hover .gridicon, .edit-post-status__full-date:focus .gridicon {
      color: #2e4453; }

.edit-post-status__future-label {
  background: #00aadc;
  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; }

.editor-action-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -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-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 24px;
  padding: 12px 12px 8px; }
  @media (max-width: 660px) {
    .editor-action-bar {
      margin-bottom: 16px; } }

.editor-action-bar__first-group {
  -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;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0; }

.editor-action-bar__last-group {
  -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;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0;
  text-align: right; }

.editor-action-bar__view-link {
  color: #c8d7e1;
  margin-left: 12px;
  transition: color 200ms; }
  .editor-action-bar__view-link:hover, .editor-action-bar__view-link:focus {
    color: #668eaa; }

.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 {
    font-size: 11px;
    padding-top: 4px;
    padding-left: 6px; }
  .editor-author .gravatar {
    width: 16px; } }

.editor-categories {
  border: 1px solid #c8d7e1;
  border-bottom: 0;
  height: 186px;
  padding: 8px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0; }
  .editor-categories.no-add-button {
    border-bottom: 1px solid #c8d7e1; }
  .editor-categories.is-compact {
    border: none;
    height: auto;
    padding: 0;
    overflow: visible; }

.editor-categories .category-selector__search {
  position: relative;
  margin: -9px -9px 4px; }

.editor-delete-post {
  color: #c8d7e1;
  cursor: pointer;
  font-size: 13px;
  margin-left: 12px;
  transition: color 200ms; }
  .editor-delete-post:hover {
    color: #d54e21; }
  .editor-delete-post.is-trashing {
    color: #d54e21;
    -webkit-animation: loading-dot-pulse 0.8s ease-in-out infinite;
            animation: loading-dot-pulse 0.8s ease-in-out infinite; }

.editor-comment_status__info {
  margin-left: 4px;
  color: #87a6bc; }
  .editor-comment_status__info .gridicon {
    vertical-align: top;
    margin-top: 2px; }

.editor-drawer {
  padding-bottom: 16px; }

.editor-drawer__description, .editor-sharing__publicize-message .editor-sharing__message-description {
  color: #87a6bc;
  font-size: 12px; }

.editor-drawer .accordion__toggle {
  background: #e9eff3; }

.editor-drawer .accordion:not(.is-expanded) .accordion__toggle:hover {
  background: #f3f6f8; }

.editor-drawer .accordion:not(.is-expanded) .accordion__toggle .accordion__subtitle::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background: linear-gradient(to right, rgba(233, 239, 243, 0), #e9eff3 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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  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-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;
  clear: both;
  visibility: hidden; }

.editor-drawer__label-text {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 4px;
  text-transform: uppercase; }

.editor-drawer__label-text .info-popover {
  float: right; }

.editor-drawer__heading, .editor-sharing__publicize-message .editor-sharing__message-heading {
  font-weight: 600;
  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-well {
  position: relative; }

.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-icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #a8bece; }

.editor-featured-image__preview {
  position: relative; }

.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 .spinner__border {
  fill: transparent; }

.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; }

.editor-fieldset__legend {
  color: #87a6bc;
  display: block;
  font-size: 11px;
  text-transform: uppercase; }

.editor-ground-control {
  padding: 16px;
  margin-bottom: 0;
  transition: 0.3s box-shadow; }

.editor-ground-control .site {
  margin: -16px;
  margin-bottom: 0; }

.editor-ground-control__separator {
  margin: 0 -16px;
  background: #e9eff3; }

.editor-ground-control__status {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 0; }

.editor-ground-control__action-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -4px -8px; }

.editor-ground-control__preview-button {
  display: block;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px 8px; }

.editor-ground-control__publish-combo {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px 8px; }

.editor-ground-control__publish-button {
  border-radius: 4px 0 0 4px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.editor-ground-control__time-button {
  border-radius: 0 4px 4px 0;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -1px; }

.editor-ground-control__save.button.is-link, .cancel-confirm .editor-ground-control__save.is-link.button-primary,
.cancel-confirm input.editor-ground-control__save.is-link[type=submit],
.editor-ground-control__saving {
  font-size: 11px;
  font-weight: 600;
  height: 15px;
  text-decoration: underline;
  text-transform: uppercase; }

.editor-ground-control__saving {
  color: #4ab866;
  line-height: 1.8;
  text-decoration: none; }

.editor-ground-control__schedule-post {
  box-sizing: border-box;
  display: block;
  padding: 0 16px;
  width: 237px; }

.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-location {
  margin-bottom: 24px; }

.editor-location__map {
  display: block; }

.editor-location__search .search-card {
  margin-bottom: 1px; }

.editor-location__search .search-open__icon {
  width: 40px; }

.editor-location__search .search,
.editor-location__search .search__input {
  height: 40px; }

.editor-location__search .search__input {
  padding: 0 40px 0 40px; }

.editor-location__search .search-close__icon {
  width: 40px; }

.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: #00aadc;
    color: white; }

.editor-location__search .spinner {
  left: 20px; }

.editor-mobile-navigation {
  color: #87a6bc;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f3f6f8; }
  @media (min-width: 661px) {
    .editor-mobile-navigation {
      display: none; } }
  .editor-mobile-navigation .gridicon {
    cursor: pointer;
    margin-right: 4px;
    padding: 8px; }
    .editor-mobile-navigation .gridicon:hover {
      cursor: button;
      fill: #2e4453; }

.editor-mobile-navigation .site .site__title {
  padding: 6px 0; }

.editor-mobile-navigation .site .site__domain {
  display: none; }

.editor-mobile-navigation__toggle {
  margin-right: 8px; }

.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-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-flex;
  display: -ms-flexbox;
  display: flex;
  -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; }

.editor-page-order input[type="text"] {
  font-size: 13px;
  width: 50px; }

.editor-permalink .gridicon {
  fill: #87a6bc;
  cursor: pointer; }

.editor-permalink__popover .tip-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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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: 8px 0; }

.editor-post-formats__format-label {
  color: #4f748e;
  font-size: 14px;
  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-type {
  color: #a8bece;
  font-size: 11px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase; }
  .editor-post-type .gridicon {
    margin-left: 4px;
    vertical-align: bottom; }
  .editor-post-type.is-switcher-enabled {
    cursor: pointer; }
    .editor-post-type.is-switcher-enabled:hover {
      color: #87a6bc; }

.editor-post-type__menu .popover__menu {
  min-width: auto; }

.editor-post-type__menu .gridicon {
  color: #668eaa;
  margin-right: 8px;
  vertical-align: bottom; }

.editor-post-type__menu .popover__menu-item:hover .gridicon,
.editor-post-type__menu .popover__menu-item:focus .gridicon {
  color: white; }

@media (max-width: 480px) {
  .editor-post-type {
    display: none; } }

.editor-revisions {
  color: #668eaa;
  display: block;
  font-size: 13px;
  margin-bottom: 12px; }
  .editor-revisions:visited {
    color: #668eaa; }
  .editor-revisions:hover, .editor-revisions:focus {
    color: #2e4453;
    outline: none; }
    .editor-revisions:hover .gridicon, .editor-revisions:focus .gridicon {
      color: #2e4453; }
  .editor-revisions .gridicon {
    color: #87a6bc;
    margin-left: -2px;
    margin-right: 8px;
    vertical-align: bottom; }

.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 .tip-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__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 {
  text-align: center; }
  .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-weight: bold; }

.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-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;
  padding: 2px 0; }

.editor-sharing__broken-publicize-connection {
  padding: 8px 16px 8px 41px;
  margin: 8px -16px; }
  @media (max-width: 660px) {
    .editor-sharing__broken-publicize-connection {
      padding-left: 16px; } }
  .editor-sharing__broken-publicize-connection:before {
    top: 21px;
    left: 22px;
    font-size: 20px; }
  .editor-sharing__broken-publicize-connection .notice__text {
    padding: 0; }
  .editor-sharing__broken-publicize-connection .gridicon {
    float: right;
    margin: 1px 0 0 4px; }

.editor-sharing__broken-publicize-connection-button {
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-decoration: underline; }

.editor-sharing__publicize-message {
  margin-top: 16px; }

.editor-slug {
  margin-left: -20px;
  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-title {
  position: relative; }
  .editor-title:not(.is-focused):not(.is-loading)::after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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-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) {
    .editor-title {
      margin-left: 52px; } }
  @media (min-width: 1041px) {
    .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[type="text"] {
  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; }
  .editor-title__input[type="text"]:focus {
    box-shadow: none; }
  @media (min-width: 481px) {
    .editor-title__input[type="text"] {
      font-size: 32px; } }

.editor-title.is-loading .editor-title__input[type="text"] {
  color: transparent; }

.editor-visibility {
  color: #c8d7e1;
  height: 26px;
  overflow: hidden;
  display: inline;
  transition: color 200ms; }
  .editor-visibility.is-dialog-open, .editor-visibility.is-touch, .editor-visibility:hover {
    color: #668eaa; }
    .editor-visibility.is-dialog-open .editor-visibility__label, .editor-visibility.is-touch .editor-visibility__label, .editor-visibility:hover .editor-visibility__label {
      color: #668eaa; }
  .editor-visibility .gridicon {
    cursor: pointer; }

.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; }

.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: 8px;
  background-color: rgba(255, 255, 255, 0.92);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  color: #a8bece;
  pointer-events: none; }
  @media (min-width: 961px) {
    .editor-word-count {
      padding: 16px; } }

.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; }

.editor-media-modal .section-nav {
  z-index: 10;
  padding: 0 16px; }
  @media (min-width: 661px) {
    .editor-media-modal .section-nav {
      padding: 0; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake.card, .editor-media-modal .header-cake.editor-drawer-well__placeholder {
    margin-top: 0;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left; } }

@media (max-width: 660px) {
  .editor-media-modal .header-cake__corner {
    -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__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-flex;
  display: -ms-flexbox;
  display: flex;
  -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-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      top: 74px;
      overflow-y: visible; } }

.editor-media-modal .media-library__list {
  display: block;
  top: 117px;
  right: 0;
  left: 0;
  padding: 4px 16px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: all; }
  @media (min-width: 661px) {
    .editor-media-modal .media-library__list {
      padding-left: 24px;
      padding-right: 24px;
      overflow-y: auto; } }

.editor-media-modal .notice {
  z-index: 10;
  margin-top: -4px; }

.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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  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, .editor-media-modal__gallery-help-actions .cancel-confirm .button-primary, .cancel-confirm .editor-media-modal__gallery-help-actions .button-primary, .editor-media-modal__gallery-help-actions
.cancel-confirm input[type=submit],
.cancel-confirm .editor-media-modal__gallery-help-actions input[type=submit] {
  float: right; }

.editor-media-modal__secondary-actions {
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  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: #00aadc; }

.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, .editor-media-modal .dialog__action-buttons .cancel-confirm .button-primary:first-of-type, .cancel-confirm .editor-media-modal .dialog__action-buttons .button-primary:first-of-type, .editor-media-modal .dialog__action-buttons
.cancel-confirm input[type=submit]:first-of-type,
.cancel-confirm .editor-media-modal .dialog__action-buttons input[type=submit]: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__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; }

@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 0; }

.editor-media-modal-detail .editor-media-modal-detail__title-input {
  width: 100%;
  color: inherit;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-color: transparent;
  outline: none;
  text-align: center; }
  .editor-media-modal-detail .editor-media-modal-detail__title-input[readonly]:hover, .editor-media-modal-detail .editor-media-modal-detail__title-input[readonly]:focus {
    box-shadow: none;
    border-color: transparent; }
  .editor-media-modal-detail .editor-media-modal-detail__title-input:focus {
    text-overflow: clip; }

.editor-media-modal-detail__preview-wrapper {
  -webkit-flex: 2 0 0%;
      -ms-flex: 2 0 0%;
          flex: 2 0 0%;
  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 {
      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.is-image {
  width: auto;
  height: auto; }

.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__sidebar {
  -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-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-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%; }

.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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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.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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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-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%;
  height: 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%;
  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: 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; }

.comments {
  clear: both;
  margin-top: 32px;
  border-top: 1px solid #e9eff3; }

.comments__count {
  margin: 0 0 24px;
  text-align: center;
  color: #87a6bc;
  display: none; }

.comments__form {
  position: relative;
  padding: 0 0 0 48px;
  margin-top: 24px;
  margin-bottom: -12px; }
  .comments__form .gravatar {
    position: absolute;
    top: 0;
    left: 8px;
    border-radius: 48px; }
  .comments__form input, .comments__form textarea {
    font-size: 14px;
    padding: 5px 10px; }
  .comments__form textarea {
    max-height: 400px;
    min-height: 33px;
    height: 33px;
    padding-right: 60px;
    resize: vertical;
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  .comments__form button {
    opacity: 0;
    position: absolute;
    top: 4px;
    right: 16px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a8bece;
    transition: all 0.2s ease-in-out; }
    .comments__form button.is-active {
      color: #00aadc;
      cursor: pointer; }
    .comments__form button.is-visible {
      opacity: 1; }
  .comments__form button:focus {
    outline: dotted 1px #00aadc;
    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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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: 32px; }
  .comments__list.is-children {
    margin-left: -2px;
    border-left: 2px solid #a8bece; }
    .comments__list.is-children .comment__author .gravatar {
      left: -15px; }
  .comments__list .comments__form {
    margin-top: 10px; }

.comment {
  padding: 6px 0 0 0;
  margin: 24px 0 0 0;
  position: relative; }
  .comment.depth-0, .comment.depth-1, .comment.depth-2 {
    padding-left: 48px; }
    .comment.depth-0 > .comment__author .gravatar, .comment.depth-1 > .comment__author .gravatar, .comment.depth-2 > .comment__author .gravatar {
      left: 8px; }
  .comment.is-child {
    background: transparent; }
  .comment.is-error {
    padding: 0; }
    .comment.is-error .notice {
      margin-top: 10px; }

.comment__author {
  font-weight: bold;
  color: #3d596d; }
  .comment__author .gravatar {
    position: absolute;
    top: 1px;
    left: -41px;
    border-radius: 48px; }
  .comment__author .gridicon {
    height: 16px;
    fill: #a8bece;
    margin-left: 2px;
    position: relative;
    top: 2px; }
  .comment__author:hover .gridicon {
    fill: #33bbe3; }

.comment__username {
  font-size: 16px; }

.comment__timestamp a {
  font-weight: normal;
  font-size: 13px;
  color: #a8bece;
  margin-left: 8px;
  text-decoration: none; }
  .comment__timestamp a:hover {
    color: #33bbe3; }

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

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

.comment__actions {
  list-style: none;
  margin-top: 8px;
  margin-left: -4px;
  color: #87a6bc;
  font-size: 14px; }
  .comment__actions button {
    display: inline-block;
    color: #87a6bc;
    padding: 4px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 14px; }
    .comment__actions button .like-icons {
      margin-right: 18px; }
    .comment__actions button.comment__actions-reply .gridicon {
      position: relative;
      top: 4px;
      margin-right: 4px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .comment__actions button.like-button .gridicon {
      top: 4px; }
    .comment__actions button:hover {
      color: #00aadc; }
  @media (max-width: 480px) {
    .comment__actions .like-button .like-button__label-status {
      display: inline; } }

.comment__actions-like-count {
  display: none; }

.discover-attribution {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  text-transform: lowercase;
  color: #87a6bc;
  position: relative;
  margin-top: 13px;
  margin-bottom: 8px; }
  .discover-attribution.is-site {
    margin-top: 15px; }
  .discover-attribution.is-missing-avatar.is-post {
    padding-left: 26px; }
  .discover-attribution .gridicon {
    height: 12px;
    width: 12px;
    display: inline-block;
    fill: white;
    background: #87a6bc;
    padding: 4px;
    border-radius: 100%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0; }
  .discover-attribution .gravatar {
    background: #f3f6f8;
    position: relative;
    top: 6px;
    margin: 1px 6px 1px 0; }
  .discover-attribution.is-post a {
    padding-left: 3px;
    padding-right: 3px; }
  .discover-attribution .discover-attribution__author,
  .discover-attribution .discover-attribution__blog {
    text-transform: none; }
  .discover-attribution .noticon {
    font-size: 20px;
    height: 20px;
    background-color: #c8d7e1;
    color: #fff;
    margin-right: 6px; }

.discover-visit-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 32px 16px 24px;
  margin: 20px -24px 8px -24px;
  position: relative; }
  @media (max-width: 480px) {
    .discover-visit-link {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 24px; } }

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

.feed-header .site__title::before {
  font-size: 14px;
  padding-bottom: 1px; }

.feed-header .site__domain {
  font-style: normal; }

.feed-header .follow-button__label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px; }

.feed-header .follow-button .follow-button__label {
  color: #87a6bc; }

.feed-header .follow-button:hover {
  background: none; }
  .feed-header .follow-button:hover .gridicon {
    fill: #00aadc; }
  .feed-header .follow-button:hover .follow-button__label {
    cursor: pointer;
    color: #00aadc; }

.feed-header .follow-button.is-following .follow-button__label {
  color: #4ab866; }

.feed-header .follow-button.is-following:hover {
  background: none; }
  .feed-header .follow-button.is-following:hover .gridicon {
    fill: #87a6bc; }
  .feed-header .follow-button.is-following:hover .follow-button__label {
    cursor: pointer;
    color: #87a6bc; }

.feed-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .feed-header.is-placeholder .site__title,
  .feed-header.is-placeholder .site__domain,
  .feed-header.is-placeholder .feed-header__description,
  .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; }

.is-section-reader .card.feed-header__site:hover, .is-section-reader .feed-header__site.editor-drawer-well__placeholder:hover {
  cursor: default;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.is-section-reader .card.feed-header__site .site, .is-section-reader .feed-header__site.editor-drawer-well__placeholder .site {
  max-width: calc( 100% - 60px); }
  @media (min-width: 661px) {
    .is-section-reader .card.feed-header__site .site, .is-section-reader .feed-header__site.editor-drawer-well__placeholder .site {
      max-width: calc( 100% - 100px); } }
  .is-section-reader .card.feed-header__site .site:after, .is-section-reader .feed-header__site.editor-drawer-well__placeholder .site:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    width: 20%;
    height: auto; }

.is-section-reader .card.feed-header__site .site__content, .is-section-reader .feed-header__site.editor-drawer-well__placeholder .site__content {
  padding: 0; }

.feed-header__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  overflow: hidden; }
  @media (max-width: 660px) {
    .feed-header__image {
      width: 40px; } }
  .feed-header__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    -webkit-filter: blur(1px);
            filter: blur(1px);
    opacity: 0.8; }

.feed-header__follow .follow-button {
  position: absolute;
  top: 16px;
  right: 8px; }
  @media (max-width: 660px) {
    .feed-header__follow .follow-button {
      top: 8px;
      right: 0; } }

.feed-header__details {
  margin: 24px 0 46px 0;
  text-align: center;
  border-bottom: 1px solid #c8d7e1; }

.feed-header__description {
  margin-bottom: 2px;
  padding: 0 24px;
  color: #3d596d;
  font-size: 18px;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }
  @media (max-width: 660px) {
    .feed-header__description {
      padding: 0 16px;
      font-size: 16px; } }

.feed-header__follow-count {
  color: #87a6bc;
  font-size: 13px;
  font-style: italic;
  position: relative;
  top: 9px;
  background-color: #f3f6f8;
  padding: 0 8px; }

.following-edit {
  position: relative; }
  .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; }
  .following-edit .follow-button__label {
    display: none; }
  .following-edit .reader-list-item__title,
  .following-edit .reader-list-item__description {
    margin-right: 0; }
  .following-edit .external-link .gridicons-external {
    margin-left: 4px; }

.section-header.following-edit__header {
  margin-bottom: 24px; }
  @media (max-width: 480px) {
    .section-header.following-edit__header {
      margin-bottom: 8px; } }
  .section-header.following-edit__header .section-header__actions {
    transition: all 0.15s ease-in-out; }
  .is-adding .section-header.following-edit__header {
    pointer-events: none; }
    .is-adding .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: #00aadc; }

.following-edit__sort-controls {
  float: left;
  margin-right: 8px; }
  .following-edit__sort-controls label {
    display: none; }
  .following-edit__sort-controls select {
    font-size: 12px;
    color: #87a6bc;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin: 0; }
    .following-edit__sort-controls select:hover {
      border-color: #a8bece;
      color: #2e4453; }

.following-edit__subscribe-form {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s ease-in-out; }
  @media (max-width: 480px) {
    .following-edit__subscribe-form {
      top: 62px; } }
  .following-edit__subscribe-form .search {
    margin-bottom: 0; }
  .following-edit__subscribe-form .search__input[type="search"] {
    height: 50px;
    border: 1px solid transparent; }
    .following-edit__subscribe-form .search__input[type="search"]:focus {
      border-color: #0087be;
      box-shadow: 0 0 0 2px #78dcfa; }
  .following-edit__subscribe-form .search-open__icon {
    display: none; }
  .following-edit__subscribe-form .gridicons-add-outline {
    position: absolute;
    top: 13px;
    left: 18px;
    fill: #00aadc;
    z-index: 23; }
  .following-edit__subscribe-form .gridicons-add-outline {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    transition: all 0.15s ease-in-out; }
  .is-adding .following-edit__subscribe-form {
    opacity: 1;
    pointer-events: auto; }
    .is-adding .following-edit__subscribe-form .gridicons-add-outline {
      -webkit-transform: translateX(0) rotate(180deg);
              transform: translateX(0) rotate(180deg); }
  .following-edit__subscribe-form .card.is-search-result, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder {
    position: absolute;
    top: 68px;
    width: 100%;
    z-index: 35; }
    @media (max-width: 480px) {
      .following-edit__subscribe-form .card.is-search-result, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder {
        top: 59px; } }
    .following-edit__subscribe-form .card.is-search-result .gridicon__follow, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder .gridicon__follow {
      fill: #c8d7e1; }
    .following-edit__subscribe-form .card.is-search-result .follow-button, .following-edit__subscribe-form .is-search-result.editor-drawer-well__placeholder .follow-button {
      cursor: default;
      color: #c8d7e1; }
    .following-edit__subscribe-form .card.is-search-result.is-valid .gridicon__follow, .following-edit__subscribe-form .is-search-result.is-valid.editor-drawer-well__placeholder .gridicon__follow {
      fill: #00aadc; }
    .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: #00aadc; }
    .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 {
  margin-bottom: 1px; }

.following-edit__subscribe-form-blank {
  position: absolute;
  top: 68px;
  width: 100%;
  height: 75px;
  box-sizing: border-box;
  padding: 26px 32px 0 32px;
  text-align: center;
  color: #668eaa;
  background: #e9eff3;
  box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5); }
  @media (max-width: 480px) {
    .following-edit__subscribe-form-blank {
      padding: 16px 42px 0 42px;
      top: 59px; } }

.following-edit__sites,
.following-edit .search-card,
.following-edit .no-results {
  transition: all 0.2s ease-in-out; }

.is-adding .following-edit__sites,
.following-edit.is-adding .search-card {
  opacity: 0.3;
  -webkit-transform: translateY(85px);
          transform: translateY(85px);
  pointer-events: none; }

.is-adding .no-results {
  opacity: 0.3;
  margin-top: 85px; }

.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: 92px; }
  @media (min-width: 661px) {
    .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: 80px; } }

.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 .reader-list-item__title,
.following-edit .reader-list-item__card .reader-list-item__description {
  padding-left: 12px;
  margin-left: 80px;
  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 {
      padding-left: 0; } }

.following-edit .reader-list-item__card .reader-list-item__icon {
  top: 14px;
  left: 40px; }

.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-top: 10px;
    padding-bottom: 10px; }
    @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: #00aadc; }
  .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 8px; }
  .following-edit__settings-toggle .gridicon {
    fill: #87a6bc;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: -webkit-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; }
    .is-expanded .following-edit__settings-toggle .gridicon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.following-edit__notification-settings-error {
  margin-top: 12px; }

@media (min-width: 661px) {
  .following-edit .follow-button__label {
    display: block; }
  .following-edit .reader-list-item__title,
  .following-edit .reader-list-item__description {
    margin-right: 100px; } }

.reader__card.card, .reader__card.editor-drawer-well__placeholder {
  padding: 16px;
  transition: all 0.1s ease-in-out;
  margin-bottom: 8px; }
  @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 .site__title::before, .reader__card.editor-drawer-well__placeholder .site__title::before {
    font-size: 14px; }
  .reader__card.card .site__domain, .reader__card.editor-drawer-well__placeholder .site__domain {
    font-style: normal; }
  .reader__card.card .follow-button, .reader__card.editor-drawer-well__placeholder .follow-button {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 1;
    padding-right: 0; }
    @media (max-width: 480px) {
      .reader__card.card .follow-button, .reader__card.editor-drawer-well__placeholder .follow-button {
        top: 0;
        right: 8px; } }
  .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 .site-icon, .reader__card.editor-drawer-well__placeholder .site-icon {
    display: inline-block;
    margin-right: 6px; }
  .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; }
  .reader__card.card.is-blocked p, .reader__card.is-blocked.editor-drawer-well__placeholder p {
    margin-bottom: 0; }
  .reader__card.card.is-blocked a, .reader__card.is-blocked.editor-drawer-well__placeholder a {
    padding-left: 2px; }
  .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-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-content, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__full-post-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-footer, .reader__card.tag-afk.editor-drawer-well__placeholder .reader__post-footer,
    .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 {
      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: 30px;
      left: 44px; }
    .reader__card.card.tag-afk .follow-button, .reader__card.tag-afk.editor-drawer-well__placeholder .follow-button {
      display: none; }

.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;
    max-height: 70vh;
    margin: 0 auto; }
  .reader__post-featured-image iframe,
  .reader__post-featured-video iframe {
    display: block; }

.reader__card .reader__full-post-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-content blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px; }
  .reader__card .reader__full-post-content p {
    line-height: 1.8; }
  @media (min-width: 481px) {
    .reader__card .reader__full-post-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-content p.reblog-from {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  .reader__card .reader__full-post-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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 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;
    clear: both;
    visibility: hidden; }

.reader__post-byline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #a8bece;
  font-size: 12px;
  line-height: 1; }

.reader__full-post {
  position: relative;
  box-sizing: border-box;
  padding: 56px 16px 48px 16px;
  max-width: 700px;
  margin: 0 auto; }
  @media (min-width: 661px) {
    .reader__full-post {
      padding-top: calc( 56px + 6vh);
      padding-bottom: calc( 48px + 6vh); } }
  .reader__full-post.is-placeholder .reader__post-options,
  .reader__full-post.is-placeholder .reader__post-time,
  .reader__full-post.is-placeholder .reader__post-title,
  .reader__full-post.is-placeholder .reader__post-title-link,
  .reader__full-post.is-placeholder .reader__post-byline,
  .reader__full-post.is-placeholder .reader__post-byline a,
  .reader__full-post.is-placeholder .reader__post-read-time,
  .reader__full-post.is-placeholder .reader__full-post-content p,
  .reader__full-post.is-placeholder .site__info,
  .reader__full-post.is-placeholder .site__title {
    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__full-post.is-placeholder .reader__full-post-content p {
    min-height: 50vh; }
  .reader__full-post.is-placeholder .reader__post-header {
    padding-left: 0; }
  .reader__full-post.is-placeholder .reader__post-time {
    margin-left: 0; }
  .reader__full-post .full-post__header {
    position: relative; }
  .reader__full-post .site .site__content {
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    margin-right: 80px; }
    @media (min-width: 481px) {
      .reader__full-post .site .site__content {
        margin-right: 120px; } }
  .reader__full-post .follow-button {
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 480px) {
      .reader__full-post .follow-button .follow-button__label {
        display: none; } }
  .reader__full-post .reader__post-time .reader__post-time-link, .reader__full-post .reader__post-time .reader__post-time-link:hover {
    color: inherit;
    text-decoration: inherit; }
  .reader__full-post .reader__post-title {
    font-size: 36px;
    line-height: 1.258;
    margin: 16px 0 0 0; }
    @media (max-width: 480px) {
      .reader__full-post .reader__post-title {
        font-size: 28px; } }
    .reader__full-post .reader__post-title a {
      text-decoration: none; }
  .reader__full-post .post-excerpt-only p {
    margin-top: 20px;
    font-size: 16px; }

.full-post__featured-image {
  margin: 8px -32px;
  max-width: calc(100% + 64px);
  text-align: center;
  background: #f3f6f8; }
  .full-post__featured-image img {
    display: block;
    width: 100%;
    object-fit: cover; }

.reader__full-post-content {
  margin: 0;
  padding-top: 16px;
  position: relative;
  font-size: 16px;
  line-height: 1.7;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .reader__full-post-content h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px 0; }
  .reader__full-post-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px 0; }
  .reader__full-post-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0; }
  .reader__full-post-content h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px 0; }
  .reader__full-post-content p {
    margin: 0 0 24px 0; }
    .reader__full-post-content p:last-child {
      margin-bottom: 0; }
  .reader__full-post-content blockquote {
    padding: 16px 24px;
    margin: 16px 0 32px 0;
    color: #4f748e;
    font-weight: normal;
    font-size: 20px;
    background: transparent; }
  .reader__full-post-content hr {
    background: #e9eff3;
    margin: 24px -32px; }
  .reader__full-post-content img {
    max-width: 100%;
    height: auto;
    display: inline;
    margin: auto; }
    .reader__full-post-content img.emoji, .reader__full-post-content img.wp-smiley {
      height: 1em;
      width: 1em;
      margin: 0;
      padding: 0 0.2em;
      vertical-align: -0.1em; }
  @media (min-width: 661px) {
    .reader__full-post-content .alignleft {
      max-width: 100%;
      float: left;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-right: 32px; }
    .reader__full-post-content .alignright {
      max-width: 100%;
      float: right;
      margin-top: 12px;
      margin-bottom: 12px;
      margin-left: 32px; } }
  @media (max-width: 660px) {
    .reader__full-post-content .alignleft,
    .reader__full-post-content .alignright {
      clear: both;
      margin-top: 24px;
      margin-bottom: 24px; } }
  .reader__full-post-content .aligncenter {
    clear: both;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader__full-post-content .alignnone {
    clear: both;
    display: block;
    margin-top: 24px;
    margin-bottom: 24px; }
  .reader__full-post-content .wp-caption {
    position: relative;
    max-width: 100%; }
    .reader__full-post-content .wp-caption img {
      display: block;
      margin: 0 auto; }
  .reader__full-post-content .wp-caption-text {
    padding: 12px;
    margin: 0;
    font-size: 13px;
    text-align: center;
    color: #668eaa; }
  .reader__full-post-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-content .video-plh-notice {
        padding: 13px 48px;
        font-size: inherit; }
        .reader__full-post-content .video-plh-notice::before {
          content: '\f456';
          position: absolute;
          top: 23px;
          left: 20px;
          margin: -12px 0px 0 -8px;
          font-size: 24px;
          line-height: 1; } }

.is-next-post-teaser {
  display: none; }

.blog-53424024 .reader__full-post-content .intro {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 24px 0; }
  .blog-53424024 .reader__full-post-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-content .intro:first-child:first-letter {
    margin-top: 9px; } }

.blog-53424024 .reader__full-post-content blockquote.sidenote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  width: 175px; }
  @media (min-width: 1132px) {
    .blog-53424024 .reader__full-post-content blockquote.sidenote {
      position: absolute; }
      .blog-53424024 .reader__full-post-content blockquote.sidenote.right, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignright {
        right: -207px;
        margin-right: 0; }
      .blog-53424024 .reader__full-post-content blockquote.sidenote.left, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
        left: -207px;
        margin-left: 0; } }
  @media (max-width: 1132px) {
    .blog-53424024 .reader__full-post-content blockquote.sidenote.right, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignright, .blog-53424024 .reader__full-post-content blockquote.sidenote.left, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
      background: #e9eff3;
      margin: 0 0 24px 0;
      padding: 16px;
      width: auto; } }
  @media (max-width: 960px) {
    .blog-53424024 .reader__full-post-content blockquote.sidenote.right, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignright {
      float: right; }
    .blog-53424024 .reader__full-post-content blockquote.sidenote.left, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft {
      float: left; } }
  @media (max-width: 480px) {
    .blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignright, .blog-53424024 .reader__full-post-content blockquote.sidenote.right, .blog-53424024 .reader__full-post-content blockquote.sidenote.left {
      width: auto;
      float: none;
      margin: 0 0 24px 0;
      background: #e9eff3;
      padding: 16px; }
      .blog-53424024 .reader__full-post-content blockquote.sidenote.alignleft img, .blog-53424024 .reader__full-post-content blockquote.sidenote.alignright img, .blog-53424024 .reader__full-post-content blockquote.sidenote.right img, .blog-53424024 .reader__full-post-content blockquote.sidenote.left img {
        display: block;
        margin-bottom: 8px; } }

@media (min-width: 1132px) {
  .blog-53424024 .reader__full-post-content .fullbleed {
    position: relative;
    left: -207px;
    width: 1082px;
    max-width: 1082px; } }

.reader-list-gap {
  margin-bottom: 16px;
  padding: 16px 0;
  text-align: center;
  position: relative;
  cursor: pointer; }
  .reader-list-gap.is-selected {
    box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; }
  .reader-list-gap:before {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    width: 100%;
    height: 16px;
    background: linear-gradient(45deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #87a6bc 33.333%, #87a6bc 66.667%, transparent 66.667%);
    background-size: 13px 30px;
    opacity: 0.2; }
  .reader-list-gap:after {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    width: 100%;
    height: 16px;
    background: linear-gradient(to bottom, rgba(233, 239, 243, 0) 0%, #e9eff3 100%); }

.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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    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;
  top: 14px;
  left: 16px;
  height: 48px;
  width: 48px;
  text-align: center; }
  .reader-list-item__icon .gridicon {
    background: #c8d7e1;
    fill: white;
    position: relative;
    top: 12px; }

.reader-list-item__actions {
  position: absolute;
  top: 16px;
  bottom: 0;
  right: 0; }
  .reader-list-item__actions .follow-button .gridicon {
    left: 18px; }

.foldable-card .reader-list-item__icon {
  left: 42px; }

.foldable-card .reader-list-item__title,
.foldable-card .reader-list-item__description {
  margin-left: 90px; }

.list-management-tags .reader-list-item__icon .gridicon {
  top: 0;
  height: 24px;
  width: 24px;
  padding: 10px; }

.list-management-tags .reader-list-item__title, .list-management-tags .reader-list-item__card.is-placeholder .reader-list-item__title {
  margin-top: 8px;
  margin-bottom: 8px; }

.list-management-description-edit .notice {
  margin-bottom: 12px; }

.reader-post-byline {
  list-style: none;
  margin: 0;
  padding: 16px 0 8px 0; }
  .reader-post-byline img.emoji, .reader-post-byline img.wp-smiley {
    display: inline;
    height: 1em;
    width: 1em;
    margin: 0;
    padding: 0 0.2em;
    vertical-align: -0.1em; }
  .reader-post-byline li {
    margin: 0 16px 0 0;
    display: inline-block;
    color: #87a6bc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 440px; }
    @media (max-width: 480px) {
      .reader-post-byline li {
        max-width: 180px; } }
    .reader-post-byline li:last-child {
      margin: 0; }
    .reader-post-byline li a {
      text-decoration: none; }
  .reader-post-byline .reader-post-byline__author {
    color: #4f748e; }
    .reader-post-byline .reader-post-byline__author .gravatar {
      background: #f3f6f8;
      position: relative;
      top: 6px;
      margin: 1px 6px 1px 0; }

.reader-post-byline__tag .gridicon {
  color: #c8d7e1;
  position: relative;
  top: 4px; }

.reader-post-byline__date-link .gridicon {
  color: inherit;
  position: relative;
  top: 2px;
  margin-left: 2px; }

.reader-post-errors {
  margin-bottom: -16px; }

.reader-post-errors__notice.notice {
  margin: -16px -16px 32px; }
  @media (min-width: 481px) {
    .reader-post-errors__notice.notice {
      margin: -16px -24px 32px; } }

.post-excerpt-link {
  background: #f3f6f8;
  color: #4f748e;
  padding: 16px 48px 16px 24px;
  margin: 20px -24px 8px -24px;
  position: relative; }
  @media (max-width: 480px) {
    .post-excerpt-link {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px; } }
  .post-excerpt-link .gridicon {
    position: absolute;
    right: 16px;
    top: 10px;
    padding: 8px;
    cursor: pointer;
    fill: #a8bece;
    width: 20px;
    height: 20px;
    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;
  transition: all 0.15s ease-in-out; }

.reader__post-footer li.post-permalink {
  display: inline-block;
  padding: 4px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  transition: color 0.15s linear; }
  .reader__post-footer li.post-permalink a {
    color: inherit; }
  .reader__post-footer li.post-permalink:hover {
    cursor: pointer;
    color: #78dcfa; }

.post-options__trigger {
  display: block;
  cursor: pointer;
  color: #a8bece;
  border-radius: 4px; }
  .post-options__trigger .gridicon__ellipsis {
    display: block;
    padding: 2px 4px;
    fill: #a8bece;
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .post-options__trigger .post-options__label {
    display: none; }
  .post-options__trigger:hover .gridicon__ellipsis {
    fill: #78dcfa; }
  .post-options__trigger.is-triggered {
    color: #00aadc; }
    .post-options__trigger.is-triggered .gridicon__ellipsis {
      fill: #005082;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.post-options__hr {
  margin: 8px 0;
  background: #e9eff3; }

.post-options__reblog .gridicon,
.post-options__save .gridicon,
.post-options__edit .gridicon,
.post-options__view .gridicon {
  position: absolute;
  top: 7px;
  left: 13px;
  fill: #a8bece;
  transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.post-options__reblog:hover .gridicon,
.post-options__reblog:focus .gridicon,
.post-options__save:hover .gridicon,
.post-options__save:focus .gridicon,
.post-options__edit:hover .gridicon,
.post-options__edit:focus .gridicon,
.post-options__view:hover .gridicon,
.post-options__view:focus .gridicon {
  fill: white; }

.popover__menu .follow-button:hover, .popover__menu .follow-button:focus {
  background-color: #00aadc;
  color: white; }
  .popover__menu .follow-button:hover .gridicon, .popover__menu .follow-button:focus .gridicon {
    fill: white; }

.popover__menu .follow-button.is-following:hover, .popover__menu .follow-button.is-following:focus {
  color: white;
  background: #4ab866; }
  .popover__menu .follow-button.is-following:hover .gridicon, .popover__menu .follow-button.is-following:focus .gridicon {
    fill: white; }

.reader-post-images {
  color: #87a6bc;
  margin: 24px 0 0 0;
  padding: 8px;
  border-top: 1px solid #e9eff3;
  border-bottom: 1px solid #e9eff3; }
  .reader-post-images:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .reader-post-images:hover .reader-post-images__label {
    color: #78dcfa; }
  .reader-post-images.is-viewing .reader-post-images__full-list {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    background: #e9eff3; }
    @media (max-width: 660px) {
      .reader-post-images.is-viewing .reader-post-images__full-list {
        max-height: 80vh;
        margin-top: 12px;
        border-top: 1px solid #c8d7e1;
        border-bottom: 1px solid #c8d7e1; } }

.reader-post-images__list {
  list-style: none;
  float: left;
  margin: 0 8px 0 0;
  overflow: hidden;
  max-width: 65%;
  height: 40px; }
  .reader-post-images__list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.reader-post-images__image {
  margin: 0 8px 0 0;
  float: left; }
  .reader-post-images__image img {
    height: 40px;
    width: 40px;
    float: left;
    box-shadow: inset 0 0 0 1px #c8d7e1; }

.reader-post-images__label {
  font-size: 14px;
  color: #00aadc;
  line-height: 1;
  display: block;
  position: relative;
  top: 5px; }

.reader-post-images__count {
  font-size: 12px;
  color: #87a6bc;
  line-height: 1;
  position: relative;
  top: 2px; }

.reader-post-images__full-list {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s 0s linear;
  position: fixed;
  top: 47px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24px;
  background: transparent;
  z-index: 200;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }
  @media (max-width: 660px) {
    .reader-post-images__full-list {
      position: relative;
      top: 0;
      clear: both;
      margin: 0 -24px -9px -16px;
      max-height: 0;
      padding: 0;
      background: #c8d7e1;
      color: #2e4453; } }
  .reader-post-images__full-list ol {
    display: table;
    min-height: 100%;
    margin: 0;
    list-style: none; }
    @media (min-width: 661px) {
      .reader-post-images__full-list ol {
        padding: 0 10vw; } }

.reader-post-images__close {
  position: fixed;
  top: 63px;
  left: 16px;
  padding: 10px 10px 10px 36px;
  color: #2e4453; }
  @media (max-width: 660px) {
    .reader-post-images__close {
      display: none; } }
  .reader-post-images__close: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: 14px;
    left: 10px; }

.reader-post-images__full-image {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  transition: all 0.1s 0s ease-in-out; }
  @media (max-width: 660px) {
    .reader-post-images__full-image {
      padding: 8px 16px; } }
  .reader-post-images__full-image.gallery-image-appear, .reader-post-images__full-image.gallery-image-enter, .reader-post-images__full-image.gallery-image-leave {
    opacity: 0;
    -webkit-transform: scale(0.98) translateX(25vw);
            transform: scale(0.98) translateX(25vw); }
  .reader-post-images__full-image.gallery-image-active {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  .reader-post-images__full-image img {
    background: #c8d7e1;
    max-width: 80vw;
    max-height: 80vh;
    box-shadow: 0 0 0 1px rgba(243, 246, 248, 0.2); }
    @media (max-width: 660px) {
      .reader-post-images__full-image img {
        max-width: 80vw;
        max-height: 80vh;
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
        box-shadow: 0 0 0 1px rgba(46, 68, 83, 0.3); } }

.reader-post-images__full-alt-text {
  display: none;
  padding: 8px; }
  @media (max-width: 480px) {
    .reader-post-images__full-alt-text {
      font-size: 12px;
      padding: 4px 0; } }

@media (min-width: 661px) {
  html.reader-gallery-open {
    overflow: hidden; } }

.reading-time {
  color: #87a6bc;
  font-weight: 400; }

.reading-time__approx {
  color: #a8bece; }

.reader-recommended__heading {
  text-transform: uppercase;
  font-size: 12px;
  color: #87a6bc;
  margin: 0 0 12px; }

.reader-share {
  display: inline-block;
  padding: 4px 4px 4px 32px;
  color: #a8bece;
  position: relative;
  box-sizing: border-box;
  transition: color 0.15s linear;
  cursor: pointer;
  min-height: 32px; }
  .reader-share:hover, .reader-share:focus, .reader-share:active {
    cursor: pointer;
    color: #78dcfa; }
  .reader-share .gridicon {
    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);
    position: absolute;
    top: 3px;
    left: 3px; }
    @media (max-width: 480px) {
      .reader-share .gridicon {
        left: 6px; } }
  .reader-share .is-active {
    color: #005082; }
    .reader-share .is-active .gridicon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

@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; }

.is-section-reader .sidebar, .is-section-reader .post-editor__sidebar {
  overflow-x: hidden; }
  .is-section-reader .sidebar .sidebar__menu, .is-section-reader .post-editor__sidebar .sidebar__menu {
    margin-bottom: 8px; }
    .is-section-reader .sidebar .sidebar__menu .selected .menu-link-icon, .is-section-reader .post-editor__sidebar .sidebar__menu .selected .menu-link-icon,
    .is-section-reader .sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-section-reader .post-editor__sidebar .sidebar__menu .selected .sidebar__menu-action .gridicon,
    .is-section-reader .sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon,
    .is-section-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-dynamic-menu-action-icon {
      fill: white; }
    .is-section-reader .sidebar .sidebar__menu .selected .sidebar-streams__edit-icon, .is-section-reader .post-editor__sidebar .sidebar__menu .selected .sidebar-streams__edit-icon {
      fill: white; }
    .is-section-reader .sidebar .sidebar__menu .is-action-button-selected, .is-section-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected {
      background-color: #f3f6f8; }
      .is-section-reader .sidebar .sidebar__menu .is-action-button-selected .gridicon, .is-section-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .gridicon {
        fill: #4f748e; }
      .is-section-reader .sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-section-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .sidebar__menu-item-label, .is-section-reader .sidebar .sidebar__menu .is-action-button-selected .menu-link-text, .is-section-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .menu-link-text {
        color: #2e4453; }
      .is-section-reader .sidebar .sidebar__menu .is-action-button-selected .add-new, .is-section-reader .post-editor__sidebar .sidebar__menu .is-action-button-selected .add-new {
        background-color: #668eaa;
        color: white; }
  @media (max-width: 660px) {
    .is-section-reader .sidebar .is-togglable, .is-section-reader .post-editor__sidebar .is-togglable {
      margin-top: 0; } }
  .is-section-reader .sidebar .is-togglable .sidebar__heading, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__heading {
    margin: 0;
    padding: 10px 16px 10px 55px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .is-section-reader .sidebar .is-togglable .sidebar__heading .gridicon, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__heading .gridicon {
      top: 10px;
      left: 20px;
      height: 16px;
      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); }
    .is-section-reader .sidebar .is-togglable .sidebar__heading .count, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__heading .count {
      margin-left: 8px; }
    .is-section-reader .sidebar .is-togglable .sidebar__heading:hover, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover {
      color: #00aadc;
      background-color: #f3f6f8; }
      .is-section-reader .sidebar .is-togglable .sidebar__heading:hover .gridicon, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__heading:hover .gridicon {
        fill: #00aadc; }
  .is-section-reader .sidebar .is-togglable .sidebar__menu-list, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__menu-list,
  .is-section-reader .sidebar .is-togglable .sidebar__menu-empty,
  .is-section-reader .post-editor__sidebar .is-togglable .sidebar__menu-empty {
    height: 0;
    overflow: hidden; }
  .is-section-reader .sidebar .is-togglable .sidebar__menu-item, .is-section-reader .post-editor__sidebar .is-togglable .sidebar__menu-item {
    transition: -webkit-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;
    transition-delay: 0.05s;
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  .is-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading, .is-section-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-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__heading .gridicon, .is-section-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__heading .gridicon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .is-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-add-button, .is-section-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-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-list, .is-section-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-list,
  .is-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-empty,
  .is-section-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-empty {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px; }
  .is-section-reader .sidebar .is-togglable.is-toggle-open .sidebar__menu-item, .is-section-reader .post-editor__sidebar .is-togglable.is-toggle-open .sidebar__menu-item {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .is-section-reader .sidebar .is-togglable .is-add-open .sidebar__menu-add, .is-section-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-section-reader .sidebar .sidebar__menu-empty, .is-section-reader .post-editor__sidebar .sidebar__menu-empty,
  .is-section-reader .sidebar .sidebar__menu-empty:hover,
  .is-section-reader .post-editor__sidebar .sidebar__menu-empty:hover {
    padding-right: 32px;
    padding-left: 55px;
    font-size: 13px;
    color: #2e4453;
    background-color: transparent !important; }
  .is-section-reader .sidebar .sidebar__menu-item a.add-new, .is-section-reader .post-editor__sidebar .sidebar__menu-item a.add-new {
    margin-top: 5px; }
    @media (max-width: 660px) {
      .is-section-reader .sidebar .sidebar__menu-item a.add-new, .is-section-reader .post-editor__sidebar .sidebar__menu-item a.add-new {
        margin-top: 10px; } }
  .is-section-reader .sidebar .sidebar__menu-item-label, .is-section-reader .post-editor__sidebar .sidebar__menu-item-label {
    padding: 8px 16px 8px 55px; }
    @media (max-width: 660px) {
      .is-section-reader .sidebar .sidebar__menu-item-label, .is-section-reader .post-editor__sidebar .sidebar__menu-item-label {
        padding: 18px 16px 18px 24px; } }
  .is-section-reader .sidebar .sidebar__menu-add-button, .is-section-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;
    transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 0.05s; }
  .is-section-reader .sidebar .sidebar__menu-add, .is-section-reader .post-editor__sidebar .sidebar__menu-add {
    opacity: 0;
    transition: all 0.15s ease-in;
    pointer-events: none;
    padding: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px; }
    .is-section-reader .sidebar .sidebar__menu-add input, .is-section-reader .post-editor__sidebar .sidebar__menu-add input {
      font-size: 13px;
      padding: 10px 24px 9px; }
    .is-section-reader .sidebar .sidebar__menu-add .gridicon, .is-section-reader .post-editor__sidebar .sidebar__menu-add .gridicon {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      padding: 8px 13px; }
  .is-section-reader .sidebar .selected .sidebar__menu-action .gridicon, .is-section-reader .post-editor__sidebar .selected .sidebar__menu-action .gridicon {
    fill: #fff !important; }
  .is-section-reader .sidebar .sidebar__menu-action, .is-section-reader .post-editor__sidebar .sidebar__menu-action {
    position: absolute;
    top: 3px;
    right: 8px;
    line-height: 15px;
    padding: 3px 4px 2px 4px; }
    .is-section-reader .sidebar .sidebar__menu-action .gridicon, .is-section-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
      position: relative;
      top: 0;
      left: auto;
      fill: #87a6bc !important; }
    .is-section-reader .sidebar .sidebar__menu-action:hover, .is-section-reader .post-editor__sidebar .sidebar__menu-action:hover {
      cursor: pointer; }
      .is-section-reader .sidebar .sidebar__menu-action:hover .gridicon, .is-section-reader .post-editor__sidebar .sidebar__menu-action:hover .gridicon {
        fill: #d94f4f !important; }
    @media (max-width: 660px) {
      .is-section-reader .sidebar .sidebar__menu-action, .is-section-reader .post-editor__sidebar .sidebar__menu-action {
        top: 7px; }
        .is-section-reader .sidebar .sidebar__menu-action .gridicon, .is-section-reader .post-editor__sidebar .sidebar__menu-action .gridicon {
          top: 6px; } }
  .is-section-reader .sidebar .sidebar__menu-action-label, .is-section-reader .post-editor__sidebar .sidebar__menu-action-label,
  .is-section-reader .sidebar .sidebar-dynamic-menu-action_label,
  .is-section-reader .post-editor__sidebar .sidebar-dynamic-menu-action_label {
    display: none; }

.reader__site-and-author-icon {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
  width: 40px;
  position: relative; }
  .reader__site-and-author-icon .site-icon {
    -webkit-align-self: auto;
        -ms-flex-item-align: auto;
            align-self: auto; }
  .reader__site-and-author-icon .gravatar {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 13px; }

.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-flex;
      display: -ms-flexbox;
      display: flex; } }

.reader__featured-post {
  position: relative;
  min-height: 52px;
  padding: 32px 24px;
  background-color: #2e4453;
  transition: all 0.1s ease-in-out;
  cursor: pointer; }
  @media (min-width: 961px) {
    .reader__featured-post {
      -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; }

.reader__content a {
  color: #00aadc; }
  .reader__content a:hover {
    color: #78dcfa; }

.reader__content img.emoji, .reader__content img.wp-smiley {
  display: inline;
  height: 1em;
  width: 1em;
  margin: 0;
  padding: 0 0.2em;
  vertical-align: -0.1em; }

.reader__content sup, .reader__content sub,
.reader__full-post-content sup,
.reader__full-post-content sub {
  position: relative;
  font-size: 0.83em; }

.reader__content sup,
.reader__full-post-content sup {
  top: -0.5em; }

.reader__content sub,
.reader__full-post-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;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      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; }

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  border-top: 1px solid #c8d7e1;
  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: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 15px;
  padding-top: 5px;
  border-top: 1px solid #e9eff3; }
  .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-flex;
  display: -ms-flexbox;
  display: flex; }
  .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 .post-permalink {
    margin-right: auto; }
  .reader__post-footer a {
    text-decoration: 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: 500px; }

.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 */
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  text-indent: 10px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }

.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-section-reader .main .empty-content {
  margin-top: -120px;
  padding-top: 0; }
  .is-section-reader .main .empty-content img {
    min-height: 150px; }
  @media (max-width: 480px) {
    .is-section-reader .main .empty-content {
      margin-top: -72px; } }
  .is-section-reader .main .empty-content .empty-content__illustration {
    min-height: 100px; }

@media (max-width: 480px) {
  .is-section-reader .empty-content__action {
    margin-bottom: 10px; } }

/* = 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); }

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

.stream-header .follow-button__label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px; }

.stream-header .follow-button .follow-button__label {
  color: #87a6bc; }

.stream-header .follow-button:hover {
  background: none; }
  .stream-header .follow-button:hover .gridicon {
    fill: #00aadc; }
  .stream-header .follow-button:hover .follow-button__label {
    cursor: pointer;
    color: #00aadc; }

.stream-header .follow-button.is-following .follow-button__label {
  color: #4ab866; }

.stream-header .follow-button.is-following:hover {
  background: none; }
  .stream-header .follow-button.is-following:hover .gridicon {
    fill: #87a6bc; }
  .stream-header .follow-button.is-following:hover .follow-button__label {
    cursor: pointer;
    color: #87a6bc; }

.is-section-reader .card.stream-header, .is-section-reader .stream-header.editor-drawer-well__placeholder {
  min-height: 72px;
  padding: 24px 144px 24px 24px; }
  @media (max-width: 660px) {
    .is-section-reader .card.stream-header, .is-section-reader .stream-header.editor-drawer-well__placeholder {
      padding-right: 72px; } }
  .is-section-reader .card.stream-header.has-icon, .is-section-reader .stream-header.has-icon.editor-drawer-well__placeholder {
    padding-left: 72px; }
  .is-section-reader .card.stream-header.has-description, .is-section-reader .stream-header.has-description.editor-drawer-well__placeholder {
    padding-top: 13px;
    padding-bottom: 13px; }
  .is-section-reader .card.stream-header:hover, .is-section-reader .stream-header.editor-drawer-well__placeholder:hover {
    cursor: default;
    box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }

.stream-header__icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 48px;
  width: 48px;
  background: #c8d7e1;
  text-align: center; }
  .stream-header__icon .gridicon {
    fill: white;
    height: 24px;
    width: 24px;
    position: relative;
    top: 12px; }
  .stream-header__icon .gridicon__tag {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 11px;
    left: 1px; }

.stream-header__title {
  color: #2e4453;
  font-size: 16px; }

.stream-header__description {
  margin: 0;
  color: #87a6bc; }

.stream-header.is-placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .stream-header.is-placeholder .stream-header__title,
  .stream-header.is-placeholder .follow-button,
  .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; }
  .stream-header.is-placeholder .stream-header__title {
    margin-right: 25%; }
  .stream-header.is-placeholder .gridicon {
    display: none; }

.stream-header__follow .follow-button {
  position: absolute;
  top: 12px;
  right: 8px; }
  @media (max-width: 660px) {
    .stream-header__follow .follow-button {
      right: 0; } }

.stream-header__edit .stream-header__action-label {
  display: none; }

.stream-header__edit .stream-header__action-icon svg {
  fill: #87a6bc;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 24px; }

.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: 2;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  pointer-events: none;
  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); }
  .reader-update-notice:hover {
    background: #00aadc; }
  .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; }

.signup__step {
  margin: 0 24px;
  position: absolute;
  left: 0;
  right: 0; }
  @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;
  transition: .3s ease-in-out;
  transition-delay: .2s; }
  .signup__step-enter.signup__step-enter-active .is-animated-content {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: .3s ease-in-out;
    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;
  transition: .3s ease-in-out; }
  .signup__step-leave.signup__step-leave-active .is-animated-content {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
    transition: .3s ease-in-out; }

.is-section-signup .wp-content {
  overflow: visible; }

.flow-progress-indicator {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: -10px;
  text-align: center; }
  @media (max-width: 660px) {
    .flow-progress-indicator {
      padding-top: 10px; } }

.locale-suggestions {
  margin-top: 20px; }

.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; }

.phone-signup-form {
  margin: 0 auto;
  max-width: 480px;
  min-height: 320px;
  padding: 1em;
  position: relative; }
  @media (min-width: 661px) {
    .phone-signup-form {
      padding-top: 0; } }

.phone-signup-form__header {
  font-size: 1.4em;
  font-weight: 300; }

.phone-signup-form__tagline {
  color: #87a6bc;
  font-size: 1em;
  margin-bottom: 1em; }

.phone-signup-form__form {
  position: absolute;
  bottom: 0;
  left: 1em;
  right: 1em; }

.phone-signup-form__notice.is-compact {
  margin: 0; }

@media (min-height: 420px) and (max-width: 479px) {
  .phone-signup-form__form {
    position: fixed;
    bottom: 1em;
    left: 1em;
    right: 1em; } }

.phone-signup-form .form-label {
  display: block;
  margin-top: 1em; }

.phone-signup-form .form-fieldset__country {
  margin-bottom: 0; }

.phone-signup-form .form-country-select {
  width: 100%; }

.phone-signup-form__submit {
  width: 100%; }

.navigation-link {
  cursor: pointer;
  display: inline-block;
  margin: 20px auto;
  text-align: center; }
  .navigation-link .gridicon {
    color: #4f748e;
    margin-top: -2px;
    opacity: 0.6;
    vertical-align: middle; }

.navigation-link__label {
  color: #4f748e;
  font-size: 11px;
  font-weight: 600;
  padding: 0 10px;
  text-transform: uppercase; }

/*rtl:ignore*/
.rtl .gridicon {
  margin-top: -3px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.signup-processing-screen__processing-text {
  text-align: center; }
  .signup-processing-screen__processing-text .noticon-checkmark {
    font-size: 24px; }

.signup-processing-screen__processing-illustration {
  background: url("/calypso/images/posts/illustration-posts.svg") no-repeat center center;
  background-size: cover;
  display: block;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 300px; }
  @media (max-width: 660px) {
    .signup-processing-screen__processing-illustration {
      height: 200px;
      margin-bottom: 20px;
      margin-top: 20px;
      width: 200px; } }
  .signup-processing-screen__processing-illustration img {
    max-width: 100%; }

.signup-processing-screen__processing-step-heading {
  font-size: 24px;
  margin-bottom: 10px; }

.signup-processing-screen__processing-step {
  color: #4f748e;
  font-size: 16px;
  margin-bottom: 5px;
  margin-left: -20px;
  transition: opacity .5s ease-in-out; }
  .signup-processing-screen__processing-step.is-pending {
    color: #c8d7e1; }
  .signup-processing-screen__processing-step.is-processing:before {
    -webkit-animation: scaleout 1.5s infinite ease-in-out;
            animation: scaleout 1.5s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
    width: 15px;
    z-index: 1; }
  .signup-processing-screen__processing-step.is-complete {
    opacity: .7; }
    .signup-processing-screen__processing-step.is-complete:before {
      -webkit-animation: none;
              animation: none;
      background: none;
      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;
      vertical-align: middle; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.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: 15px 0;
  text-align: center; }
  @media (min-width: 961px) {
    .step-header {
      margin-bottom: 35px; } }

.step-header__title {
  font-size: 24px;
  font-weight: 200;
  margin: 0 0 5px 0; }

.step-header__subtitle {
  color: #87a6bc;
  font-size: 14px;
  font-weight: 300; }
  @media (max-width: 480px) {
    .step-header__subtitle {
      margin: 0;
      padding: 0 20px; } }

.step-wrapper__buttons {
  text-align: center; }

.domains-step__section-wrapper {
  margin: 0 auto;
  max-width: 650px; }

.survey-step__section-wrapper {
  margin: 0 auto 2em;
  max-width: 500px; }

.survey-step__label {
  vertical-align: top;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600; }

.survey-step__title {
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600; }

.survey-step__vertical .survey-step__label {
  cursor: pointer; }

.survey-step__title .survey-step__label {
  width: 100%;
  text-align: center;
  line-height: 18px;
  color: #4f748e; }

.survey-step__vertical {
  margin-bottom: 0; }

.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; }

.design-type__list {
  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-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  transition: all 100ms ease-in-out; }
  .design-type__choice a, .design-type__choice img {
    display: block; }
  .design-type__choice h2 {
    color: #000;
    padding-left: 15px;
    border-top: 1px solid rgba(200, 215, 225, 0.5);
    font-weight: bold;
    line-height: 54px; }
  .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; }

.plans-step {
  margin: 0 auto;
  max-width: 700px; }

.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; }

.paid-plans-only .plan-list {
  margin: 0 auto;
  max-width: 458px; }

.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;
    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; }

.vip-logs__table {
  border-collapse: collapse;
  margin-bottom: 0; }
  .vip-logs__table th, .vip-logs__table td {
    padding: 10px 10px; }

.vip-logs__no-results {
  display: table-row; }

.vip-logs__no-results-cell {
  padding: 20px 0;
  text-align: center; }

.vip-logs__table tbody {
  font-size: 14px; }
  .vip-logs__table tbody .vip-logs__date {
    padding-left: 0; }
  .vip-logs__table tbody .vip-logs__log {
    padding-right: 0; }

.vip-logs__log {
  border-bottom: 1px solid #e9eff3; }
  .vip-logs__log:last-child {
    border-bottom: none; }

.vip-logs__log-prefix-error {
  color: #d94f4f; }

.vip-logs__log-prefix-warning {
  color: #f0b849; }

.vip-logs__log-prefix {
  padding-right: 5px; }

.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 .select-dropdown__header {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 5px 10px; }
    .card__component-instance .select-dropdown__header::after {
      top: 7px; }
  .card__component-instance .select-dropdown__item {
    font-size: 12px;
    line-height: 12px; }
  .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; }
  
  
  
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.leaders li {
    line-height: 1.6em;
    margin-bottom: .8em;
    background: url(bg-leaders.png) transparent 0 17px repeat-x;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.modal-header h3{
	clear:left;
}

.delete{
	
}
#imgDeletebutton{
	visibility: hidden;
}
.imgDeletehover:hover > #imgDeletebutton{
	visibility: visible;
}

.sweet-alert .sa-confirm-button-container{
	display:none !important;
}

.modal.fade{
	top: -86%;
}

.dataTables_filter input{
	width:auto;
}
.alert{
background: none;
    border: 0 none;
    text-align: center;
    border-bottom: 2px solid #ddd;
    color: #000;
	padding:20px;
	font-size: 18px;
	font-style: italic;
	font-family: inherit;
}
.alert h4{
	font-size:25px;
	line-height: 45px;
	font-style: initial;
}	
.bootstrap-timepicker table td input{
	width:100% !important;
}

table > tr > td > a {
	color:#0091ae;
}
table > tr > td > a:hover {
	color:#0091ae;
}

table > tfoot > tr,table > thead > tr{
	font-weight: 600;
    font-size: 12px;
    /* font-size: 1em; */
    background-color: rgba(0,77,128,0.03922);
    color: #33475b;
    height: 2.75rem;
    padding-bottom: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

#wpf-loader-two {
  height: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  display: none;
}

#wpf-loader-two .wpf-loader-two-inner {
 /*  border: 2px solid #fff;
  border-radius: 50%; */
  height: 100px;
  left: 46%;
  position: absolute;
  top: 40%;
  width: 100px;
  text-align: center;
}

#wpf-loader-two .wpf-loader-two-inner:before {
  content: "";
  height: 57%;
  left: -204px;
  position: absolute;
  top: -5px;
  transition: all 0.5s ease 0s;
  width: 200px;
  -webkit-animation-name: loader-two-before-transition;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: loader-two-before-transition;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#wpf-loader-two .wpf-loader-two-inner:after {
  content: "";
  height: 57%;
  left: 104%;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease 0s;
  width: 200px;
  -webkit-animation-name: loader-two-after-transition;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: loader-two-after-transition;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#wpf-loader-two .wpf-loader-two-inner span {
  color: #fff;
  display: inline-block;
  margin-top: 42%;
}

#wpf-loader-two .wpf-loader-two-inner:before {
  background: #deeae1;  
}
#wpf-loader-two .wpf-loader-two-inner:after {
  background: #deeae1;  
}
#wpf-loader-two {
  background-color: #deeae1;  
}

#myFormAnimation{
	width:100%;position: absolute;top: 0;background: rgba(221, 221, 221, 0.61);z-index: 1;left: 0;text-align: center;bottom: 0;
}
#myFormAnimation > img{margin:10% 0;}
.myicon{padding:66px 0}
.myicon i{font-size:80px;color:#7cb5ec;}

.myicon h3{font-size:20px;}

.myicon p{font-size:40px;margin-bottom: 20px;}

.myicon2 {padding:48px 0;}
.myicon2 i{font-size:60px;color:#7cb5ec;}
 
.myicon2 h4{font-size:15px;}

.myicon2 p{font-size:25px;margin-bottom: 20px;}


.mynotification{padding:10px 0 !important;}
.mynotification p{margin-bottom:0 !important;line-height: 25px;}
.mynotification strong{font-size: 18px;}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}
.panel-body{padding:15px}
.panel-body:after,.panel-body:before{content:" ";display:table}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
.panel-title{margin-top:0;font-size:15px}
.panel-footer{padding:10px 15px;background-color:#fafafa;border-top:1px solid #e9e9e9;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel{box-shadow:0 0 3px rgba(0,0,0,.1)}
.panel .panel-title{font-size:13px}
.panel-dark{border-color:#1F2837}
.panel-dark>.panel-heading{color:#fff;background-color:#1F2837;border-color:#1F2837}
.panel-dark>.panel-heading+.panel-collapse>.panel-body{border-top-color:#1F2837}
.panel-dark>.panel-heading .badge{color:#1F2837;background-color:#fff}
.panel-dark>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#1F2837}
.panel-box{display:table;table-layout:fixed;width:100%;height:100%;text-align:center;border:none}
.panel-box .panel-item{display:table-cell;padding:30px;width:1%;vertical-align:top;border-radius:0}
.panel-box .panel-left{border-top-left-radius:4px;border-bottom-left-radius:4px}
.panel-box .panel-right{border-top-right-radius:4px;border-bottom-right-radius:4px}
.panel-box.info-box i{line-height:70px}
.panel-box .panel-bottom,.panel-box .panel-top{display:block}
.panel-box .panel-top{padding:30px 20px;border-top-left-radius:4px;border-top-right-radius:4px}
.panel-box .panel-bottom{padding:10px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.panel-box .list-justified-container{padding:15px 0}
.panel-box ul.list-justified{display:table;width:100%;list-style:none;padding:0}
.panel-box ul.list-justified>li{float:none;display:table-cell;padding:10px;width:1%;border-right:1px solid #eee}
.panel-box ul.list-justified>li:last-child{border:none}
.panel-box .panel-icon,.panel-box .panel-img{display:block;margin:-75px auto 0;border-radius:50%;border:10px solid #fff;width:150px;height:150px;line-height:80px;text-align:center;font-size:58px;text-shadow:-6px 8px 5px rgba(0,0,0,.3)}
.panel-box .panel-icon{padding:28px 35px 35px}
.panel-box .panel-img{padding:0}
.panel-box .panel-img img{width:100%;max-width:100%}
.page-dashboard .panel-box{position:relative;border-radius:6px}
.page-dashboard .panel-box .panel-bottom,.page-dashboard .panel-box .panel-top{padding:30px 15px;font-size:40px;line-height:1}
.page-dashboard .panel-box .panel-bottom{border-top:1px solid #dfdfdf}
.page-dashboard .panel-box .panel-info{position:absolute;width:100%;top:50%;margin-top:-12px;text-align:center}
.page-dashboard .panel-box .panel-info span{height:24px;display:inline-block;padding:0px 10px;text-transform:uppercase;line-height:25px;background-color:#fff;border:1px solid #dfdfdf;font-size:11px;color:#777;border-radius:1em !important;font-weight: bolder;}
.bg-light {
    background-color: #f9f9f9;
}
.size-h1 {
    font-size: 33px;
}
.size-h2 {
    font-size: 27px
}

.size-h3 {
    font-size: 23px
}

.size-h4 {
    font-size: 17px
}
.bg-facebook,.bg-facebook a,.bg-facebook a:hover,.bg-google-plus a,.bg-google-plus a:hover,.bg-twitter,.bg-twitter a,.bg-twitter a:hover {
    color: #fff
}

.bg-facebook {
    background-color: #335397
}

.bg-twitter {
    background-color: #00c7f7
}

.bg-yelp {
    background-color: #d32323;color: #fff;
}

.bg-google-plus {
    background-color: #df4a32;
    color: #fff
}
.panel-box .list-justified-container {
    padding: 15px 0;
}
.panel-box ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0;
	margin: 0;
}
.panel-box ul.list-justified>li {
    float: none;
    display: table-cell;
    padding: 10px;
    width: 1%;
    border-right: 1px solid #eee;
}
.panel-box .panel-bottom p, .panel-box ul.list-justified>li p {
    margin:7px 0;
}
.color-primary{color:#7992BF}
.color-success{color:#A9DC8E}
.color-info{color:#6BD5C3}
.color-info-alt{color:#A085E4}
.color-warning{color:#ECD48B}
.color-danger{color:#ED848F}
.color-dark{color:#1F2837}
.color-reverse{color:#fff}
.color-gray-darker{color:#222}
.color-gray-dark{color:#333}
.color-gray{color:#555}
.color-gray-light{color:#777}
.color-gray-lighter{color:#eee}

a.template-selector {
    display: block;
    clear: both;
    margin: 0;
    width: 250px;
    font-size: 12pt;
    font-weight: 500;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 20px;
    color: black;
    outline: none;
}
a.template-selector.selected {
    background-color: #f1f6fc;
    color: #3a87ad;
    border: 1px solid #aaa;
    font-weight: 700;
}
.dropdown-menu>li>button {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
	width: 100%;
    text-align: left;
    font-size: 12px;
	font-family: 'Raleway', sans-serif !important;
}


.dropdown-menu li button:hover {
    background: #f3f6f8 !important;
}
 table tr > td{
	 vertical-align:middle !important;
}


.fuelux .wizard{*zoom:1;border:1px solid #d4d4d4;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.065);background-color:#f9f9f9;position:relative;min-height:548px;overflow:hidden}.fuelux .wizard:before,.fuelux .wizard:after{display:table;content:"";line-height:0}.fuelux .wizard:after{clear:both}.fuelux .wizard>.steps{list-style:none outside none;padding:0;margin:0;width:4000px}.fuelux .wizard>.steps.previous-disabled li.complete{cursor:default}.fuelux .wizard>.steps.previous-disabled li.complete:hover{background:#f3f4f5;color:#468847;cursor:default}.fuelux .wizard>.steps.previous-disabled li.complete:hover .chevron:before{border-left-color:#f3f4f5}.fuelux .wizard>.steps li{float:left;margin:0;padding:0 20px 0 30px;height:46px;line-height:46px;position:relative;background:#ededed;color:#999;font-size:16px;cursor:not-allowed}.fuelux .wizard>.steps li .chevron{border:24px solid transparent;border-left:14px solid #d4d4d4;border-right:0;display:block;position:absolute;right:-14px;top:0;z-index:1}.fuelux .wizard>.steps li .chevron:before{border:24px solid transparent;border-left:14px solid #ededed;border-right:0;content:"";display:block;position:absolute;right:1px;top:-24px}.fuelux .wizard>.steps li.complete{background:#f3f4f5;color:#468847}.fuelux .wizard>.steps li.complete:hover{background:#e7eff8;cursor:pointer}.fuelux .wizard>.steps li.complete:hover .chevron:before{border-left:14px solid #e7eff8}.fuelux .wizard>.steps li.complete .chevron:before{border-left:14px solid #f3f4f5}.fuelux .wizard>.steps li.active{background:#f1f6fc;color:#3a87ad;cursor:default}.fuelux .wizard>.steps li.active .chevron:before{border-left:14px solid #f1f6fc}.fuelux .wizard>.steps li.active .badge{background-color:#3a87ad}.fuelux .wizard>.steps li .badge{margin-right:8px}.fuelux .wizard>.steps li .badge-success{background-color:#468847}.fuelux .wizard>.steps li:first-child{border-radius:4px 0 0 4px;padding-left:20px}.fuelux .wizard>.actions{z-index:1000;position:absolute;right:0;line-height:46px;float:right;padding-left:15px;padding-right:15px;vertical-align:middle;background-color:#e5e5e5;border-left:1px solid #d4d4d4}.fuelux .wizard>.actions a{line-height:45px;font-size:12px;margin-right:8px}.fuelux .wizard>.actions .btn-prev[disabled]{cursor:not-allowed}.fuelux .wizard>.actions .btn-prev span{margin-right:5px}.fuelux .wizard>.actions .btn-next[disabled]{cursor:not-allowed}.fuelux .wizard>.actions .btn-next span{margin-left:5px}.fuelux .wizard .step-content{border-top:1px solid #d4d4d4;padding:10px;float:left;width:100%}.fuelux .wizard .step-content .step-pane{display:none}.fuelux .wizard .step-content>.active{display:block}.fuelux .wizard .step-content>.active .btn-group .active{display:inline-block}.fuelux .wizard.complete>.actions .glyphicon-arrow-right:before{display:none}.fuelux .wizard.complete>.actions .glyphicon-arrow-right{margin-left:0}.fuelux .serif{font-family:Georgia,"Times New Roman",Times,serif}.fuelux .monospace{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}.fuelux .text-sm{font-size:11.9px}.fuelux .text-lg{font-size:17.5px}.fuelux .padding-xs{padding:5px}.fuelux .padding-xs-horizontal{padding:0 5px}.fuelux .padding-xs-vertical{padding:5px 0}.fuelux .padding-xs-top{padding-top:5px}.fuelux .padding-xs-bottom{padding-bottom:5px}.fuelux .padding-xs-left{padding-left:5px}.fuelux .padding-xs-right{padding-right:5px}.fuelux .padding-sm{padding:10px}.fuelux .padding-sm-horizontal{padding:0 10px}.fuelux .padding-sm-vertical{padding:10px 0}.fuelux .padding-sm-top{padding-top:10px}.fuelux .padding-sm-bottom{padding-bottom:10px}.fuelux .padding-sm-left{padding-left:10px}.fuelux .padding-sm-right{padding-right:10px}.fuelux .padding-md{padding:15px}.fuelux .padding-md-horizontal{padding:0 15px}.fuelux .padding-md-vertical{padding:15px 0}.fuelux .padding-md-top{padding-top:15px}.fuelux .padding-md-bottom{padding-bottom:15px}.fuelux .padding-md-left{padding-left:15px}.fuelux .padding-md-right{padding-right:15px}.fuelux .padding-lg{padding:20px}.fuelux .padding-lg-horizontal{padding:0 20px}.fuelux .padding-lg-vertical{padding:20px 0}.fuelux .padding-lg-top{padding-top:20px}.fuelux .padding-lg-bottom{padding-bottom:20px}.fuelux .padding-lg-left{padding-left:20px}.fuelux .padding-lg-right{padding-right:20px}.fuelux .margin-xs{margin:5px}.fuelux .margin-xs-horizontal{margin:0 5px}.fuelux .margin-xs-vertical{margin:5px 0}.fuelux .margin-xs-top{margin-top:5px}.fuelux .margin-xs-bottom{margin-bottom:5px}.fuelux .margin-xs-left{margin-left:5px}.fuelux .margin-xs-right{margin-right:5px}.fuelux .margin-sm{margin:10px}.fuelux .margin-sm-horizontal{margin:0 10px}.fuelux .margin-sm-vertical{margin:10px 0}.fuelux .margin-sm-top{margin-top:10px}.fuelux .margin-sm-bottom{margin-bottom:10px}.fuelux .margin-sm-left{margin-left:10px}.fuelux .margin-sm-right{margin-right:10px}.fuelux .margin-md{margin:15px}.fuelux .margin-md-horizontal{margin:0 15px}.fuelux .margin-md-vertical{margin:15px 0}.fuelux .margin-md-top{margin-top:15px}.fuelux .margin-md-bottom{margin-bottom:15px}.fuelux .margin-md-left{margin-left:15px}.fuelux .margin-md-right{margin-right:15px}.fuelux .margin-lg{margin:20px}.fuelux .margin-lg-horizontal{margin:0 20px}.fuelux .margin-lg-vertical{margin:20px 0}.fuelux .margin-lg-top{margin-top:20px}.fuelux .margin-lg-bottom{margin-bottom:20px}.fuelux .margin-lg-left{margin-left:20px}.fuelux .margin-lg-right{margin-right:20px}.fuelux .data-label{text-transform:uppercase;font-size:10px;margin-bottom:2px;text-shadow:0 1px #fff;color:#666}.fuelux .data-value{font-size:14px}.fuelux .section-heading{font-size:16px;color:#333;margin:0 0 10px;padding:0;text-shadow:0 1px #fff}


.spacer {
    padding: 20px 5px
}

.spacer-sm {
    padding: 15px
}

.spacer-md {
    padding: 25px
}

.spacer-xs {
    padding: 10px
}

.spacer-min-height {
    height: 120px
}

.spacer-no-rt {
    padding: 15px 0
}
.social-details .social-icon {
    height: 60px;
    width: 36px;
    margin-right: 10px
}

.social-details .social-icon img {
    max-width: 36px;
    margin: 10px 0
}

.social-details .social-icon .round-icon {
    border: 1px solid #e77338;
  /*   height: 40px; */
    width: 40px;
    text-align: center;
    margin: 10px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.social-details .social-icon .round-icon i {
    font-size: 30px;
    line-height: 38px;
    vertical-align: middle;
    color: #e77338
}

.social-details .social-icon .round-icon.fb-icon {
    border: 1px solid #3B5998
}

.social-details .social-icon .round-icon.fb-icon i {
    color: #3B5998
}

.social-details .social-icon .round-icon.tw-icon {
    border: 1px solid #55ACEE
}

.social-details .social-icon .round-icon.tw-icon i {
    color: #55ACEE
}

.social-details .social-icon .round-icon.linkedin-icon {
    border: 1px solid #007BB5
}

.social-details .social-icon .round-icon.linkedin-icon i {
    color: #007BB5
}

.social-details .social-icon .round-icon.gplus-icon {
    border: 1px solid #E02F2F
}

.social-details .social-icon .round-icon.gplus-icon i {
    color: #E02F2F
}

.social-details .social-icon .round-icon.green-icon {
    border: 1px solid #91c46b
}

.social-details .social-icon .round-icon.green-icon i {
    color: #91c46b
}

.social-details .social-icon .round-icon.pink-icon {
    border: 1px solid #F782AA
}

.social-details .social-icon .round-icon.pink-icon i {
    color: #F782AA
}

.social-details .social-icon .round-icon.yellow-icon {
    border: 1px solid #FFD06B
}

.social-details .social-icon .round-icon.yellow-icon i {
    color: #FFD06B
}

.social-details .social-icon .round-icon.blue-icon {
    border: 1px solid #6e91cb
}

.social-details .social-icon .round-icon.blue-icon i {
    color: #6e91cb
}

.social-details .social-num {
    margin-left: 10px
}

.social-details .social-num h4 {
    font-size: 24px;
    margin: 0 0 0 40px;
    padding: 0;
    position: relative
}

.social-details .social-num h4 .label {
    position: absolute;
    right: 0;
    top: 7px;
    min-width: 32px;
    font-size: 9px
}

.social-details .social-num p {
    font-size: 12px;
    margin: 0 0 8px 40px;
    padding: 0
}

.social-details .social-num .progress {
    margin: 0 0 0 40px
}
.progress {
    background-color: #f4f4f8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.progress-sm {
    height: 6px
}

.progress-md {
    height: 10px
}

.progress-xs {
    height: 3px
}

.progress-bar-success {
    background-color: #91c46b
}

.progress-bar-info {
    background-color: #6e91cb
}

.progress-bar-warning {
    background-color: #FFD06B
}

.progress-bar-pink {
    background-color: #F782AA
}

.progress-bar-danger {
    background-color: #e77338
}

.progress-bar-fb {
    background-color: #3B5998
}

.progress-bar-tw {
    background-color: #55ACEE
}

.progress-bar-linkedin {
    background-color: #007BB5
}

.progress-bar-gplus {
    background-color: #E02F2F
}

.panel-red {
    border-top: 2px solid #e77338
}

.panel-green {
    border-top: 2px solid #91c46b
}

.panel-blue {
    border-top: 2px solid #6e91cb
}

.panel-yellow {
    border-top: 2px solid #FFD06B
}

.panel-pink {
    border-top: 2px solid #F782AA
}

.panel-brown {
    border-top: 2px solid #ab7967
}

.panel-fb {
    border-top: 2px solid #3B5998
}

.panel-tw {
    border-top: 2px solid #55ACEE
}

.panel-linkedin {
    border-top: 2px solid #007BB5
}

.panel-gplus {
    border-top: 2px solid #E02F2F
}

.weather-widget .weather-header {
    position: relative;
    padding: 10px 10px;
    text-align: center
}

.weather-widget .weather-header .weather-icon {
    color: #fff;
    font-size: 48px
}

.weather-widget .weather-header .weather-icon img {
    line-height: 48px;
    max-width: 48px
}

.weather-widget .weather-header .weather-title {
    display: inline-block;
    padding: 0px 10px;
    margin: 4px 0 0;
    font-size: 13px;
    color: #000;
    border: 1px solid rgba(0,0,0,.05)
}

.weather-widget .weather-footer {
    position: relative;
    padding: 10px;
    text-align: center;
    background: #f1f1f6
}

.weather-widget .weather-footer .weather-value {
    font-size: 48px;
    line-height: 48px;
    position: relative
}

.weather-widget .weather-footer .weather-value sup {
    position: absolute;
    top: 15px;
    right: -5px;
    font-size: 12px
}

.weather-widget .weather-footer .weather-value-desc {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-align: center
}

.weather-widget .weather-footer h4 {
    font-size: 20px;
    margin: 0;
	padding: 10px;
    font-weight: bold;
}

.weather-widget .weather-footer h4 span {
    font-size: 14px
}

.weather-widget-lg {
    margin-bottom: 15px
}

.weather-widget-lg .weather-icon {
    color: #fff
}

.weather-widget-lg .weather-icon i {
    font-size: 54px;
    line-height: 80px
}

.weather-widget-lg .current-weather {
    font-size: 60px;
    line-height: 80px;
    position: relative;
    display: inline-block;
    color: #66757f
}

.weather-widget-lg .current-weather sup {
    position: absolute;
    top: 15px;
    right: -15px;
    font-size: 12px
}

.weather-widget-lg .current-weather sup span {
    font-size: 16px;
    color: #9ca7af
}

.social-stats {
    text-align: center
}

.social-stats .social-icon {
    padding: 0;
    /* height: 30px;
    width: 60px; */
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.social-stats .social-icon i {
    color: #fff;
    font-size: 65px;
}

.social-stats .stats-details .data-graph {
    height: 30px
}

.social-stats .stats-details h6 {
    font-weight: 600;
    margin: 0 0 7px;
    font-size: 13px
}

.social-stats .stats-details h3 {
    color: #66757f;
    margin: 0 0 3px;
    font-size: 22px
}

.social-stats .stats-details h5 {
    padding-top: 5px;
    color: #66757f;
    margin: 0;
    font-size: 14px
}
.text-danger {
    color: #e77338!important
}

.text-info {
    color: #6e91cb!important
}

.text-warning {
    color: #FFD06B!important
}

.text-white {
    color: #fff!important
}

.text-grey {
    color: #4d4d4d!important
}

.text-light-grey {
    color: #b3b3b3!important
}

.text-muted {
    color: #4d4d4d
}

.text-fb {
    color: #3B5998!important
}

.text-tw {
    color: #55ACEE!important
}

.text-linkedin {
    color: #007BB5!important
}

.text-gplus {
    color: #E02F2F!important
}

.text-pink {
    color: #F782AA!important
}

.text-brown {
    color: #ab7967!important
}

.stats-details h2{padding: 15px;}

#regions_div > object{width:100%;}

.bg-green{background:#1BC98E;color:#fff;}
.bg-red{background:#FF5722;color:#fff;}
.bg-blue{background:#3F51B5;color:#fff;}
.bg-orange{background:#f7a35c;color:#fff;}
.unread td {
	background:rgba(245, 248, 250, 0.44);
}
#filter-btn{}
#filter{background: rgba(0, 77, 128, 0.46);
    color: #fff;
    padding: 30px;
    font-weight: bolder;
    margin-bottom: 20px;}
	
.daterangepicker .ranges .range_inputs>div:nth-child(2)	{
	padding-left: 0px !important;
}

.carousel-inner .thumbnails>li{
	height: 340px;
}
.myprofileTable tr > td {
	font-size: 16px;
    color: #000;
	padding:20px 40px;
}
.myprofileTable tr > td  label{
	font-size: 18px;
    font-weight: bold;
    color: #000;
	line-height: 30px;
}

.nav-stacked>li.active >a{    border-radius: 0.125rem;
    background-color: #eaf0f6;
    min-height: 2.5rem;color: #33475b;
    font-weight: 600;}


.module {
    border: 1px solid #f3f3f3;
    border-bottom-width: 2px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    border-radius: 4px;
    background-clip: padding-box
}

.module.module-no-heading .module-content-inner {
    padding-top: 0
}

.module.module-has-footer .module-inner {
    padding-bottom: 0
}

.module .module-inner {
    padding: 30px
}

.module .module-content-has-chart {
    padding-bottom: 30px
}

.module .collapse-module>.icon {
    transition: all .2s ease;
    display: inline-block
}

.module.collapsed .collapse-module>.icon {
    transform: rotate(180deg)
}

.module .module-heading {
    border-bottom: 1px solid #f3f3f7;
    padding-bottom: 15px;
    position: relative
}

.module .module-heading .module-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.module .module-heading .actions {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1
}

.module .module-heading .actions .more-link .dropdown-menu {
    margin-top: 10px;
    min-width: 135px
}

.module .module-heading .actions .more-link .dropdown-menu>li>a {
    padding: 5px 10px;
    color: #494d55
}

.module .module-heading .actions .more-link .dropdown-menu .divider {
    margin: 4px 0
}

.module .module-heading .actions .more-link .arrow {
    border-bottom: 8px solid #dadae7;
    left: 15px;
    top: -8px
}

.module .module-heading .actions .more-link .arrow,.module .module-heading .actions .more-link .arrow:before {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute
}

.module .module-heading .actions .more-link .arrow:before {
    content: "";
    border-bottom: 8px solid #fff;
    right: -8px;
    top: 1px
}

.module .module-heading .actions li {
    vertical-align: middle
}

.module .module-heading .actions li a {
    color: #9499a3
}

.module .module-heading .actions li a:hover {
    color: #616670;
    text-decoration: none
}

.module .module-heading .actions li .icon {
    font-size: 18px
}

.module .module-content-header .title {
    margin-top: 0;
    margin-bottom: 0
}

.module .module-content-inner {
    padding-top: 30px;
    padding-bottom: 30px
}

.module .module-content h4.has-divider {
    border-bottom: 1px dotted #f3f3f7;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.module .module-content .dropdown-menu li {
    margin-bottom: 0
}

.module .module-content .dropdown-menu>li>a {
    padding: 5px 20px
}

.module .module-content .list li {
    margin-bottom: 10px
}

.module .module-content .list ol,.module .module-content .list ul {
    margin-top: 10px
}

.module .module-content dl dd {
    margin-bottom: 10px
}

.module .module-content blockquote {
    font-size: 14px
}

.module .module-content .module-content-inner .custom-quote {
    border-color: #b1e3e5
}

.module .module-content .module-content-inner .custom-quote p {
    font-size: 14px;
    color: #616670;
    line-height: 1.5
}

.module .module-content .module-content-inner .custom-quote .fa {
    color: #40babd;
    margin-right: 10px
}

.theme-2 .module .module-content .module-content-inner .custom-quote .fa {
    color: #6dbd63
}

.theme-3 .module .module-content .module-content-inner .custom-quote .fa {
    color: #497cb1
}

.theme-4 .module .module-content .module-content-inner .custom-quote .fa {
    color: #ec6952
}

.theme-2 .module .module-content .module-content-inner .custom-quote {
    border-color: #d2eacf
}

.theme-3 .module .module-content .module-content-inner .custom-quote {
    border-color: #b3c9e0
}

.theme-4 .module .module-content .module-content-inner .custom-quote {
    border-color: #fbe1dc
}

.module .module-content .module-content-inner .custom-quote .people {
    margin-top: 10px;
    font-size: 12px;
    color: #494d55;
    font-style: normal
}

.module .module-content .module-content-inner .custom-quote .people .name {
    color: #339597
}

.theme-2 .module .module-content .module-content-inner .custom-quote .people .name {
    color: #51a746
}

.theme-3 .module .module-content .module-content-inner .custom-quote .people .name {
    color: #3a638d
}

.theme-4 .module .module-content .module-content-inner .custom-quote .people .name {
    color: #e74124
}

.module .module-footer {
    background: #fff;
    border-top: 1px solid #f3f3f7;
    padding: 15px
}

.module .module-footer a {
    color: #9499a3
}

.module .module-footer a:hover {
    color: #40babd
}

.theme-2 .module .module-footer a:hover {
    color: #6dbd63
}

.theme-3 .module .module-footer a:hover {
    color: #497cb1
}

.theme-4 .module .module-footer a:hover {
    color: #ec6952
}

.module .module-footer .meta {
    margin-bottom: 0;
    color: #9499a3;
    font-size: 12px
}

.module .module-footer .shortcuts {
    margin-bottom: 0
}

.module .module-footer .shortcuts li {
    position: relative;
    margin-right: 10px
}

.module .module-footer .shortcuts li:before {
    position: absolute;
    background-color: #eaeaf1;
    border-radius: 50%;
    content: "";
    line-height: 1;
    width: 6px;
    height: 6px;
    top: .5em;
    left: -8px
}

.module .module-footer .shortcuts li.first:before {
    display: none
}

.module .close-module,.module .collapse-module {
    cursor: pointer
}

.module-placeholder {
    opacity: .5;
    border-style: dashed;
    border-width: 2px
}

.module-draggable .module-heading {
    cursor: move
}

@media (max-width: 767px) {
    .module .module-inner {
        padding:30px 15px
    }

    .module .module-heading {
        padding-bottom: 15px
    }
}	

.content-panel .title {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 18px;
}	
.img-responsive{
   
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
	
}	
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.white-panel {
  position: absolute;
  background: white;
  padding: 10px;
}
.inbox-toolbar {
    top: 5px;
    position: relative;
    display: inline-block
}

@media (min-width: 1152px) {
    .inbox-toolbar {
        top:10px
    }
}
.bg-gray {
    background: #EAEDF1 !important;
}
.icon-1-and-quarter-x {
    font-size: 125%;
}
.inbox-avatar {
    padding-top: 12.5px;
    padding-bottom: 12.5px
}

.inbox-avatar-name {
    text-align: left;
    padding-left: 12.5px;
    display: inline-block;
    vertical-align: middle
}

.inbox-avatar-name>div:first-child {
    top: 5px;
    position: relative
}

.inbox-avatar-name>div:last-child>small {
    top: -5px;
    position: relative
}

.inbox-nav {
    border-right: 1px solid #EEE
}

.inbox-nav .badge {
    width: 10px;
    height: 14px;
    margin-top: -3px;
    margin-right: 10px;
    border-radius: 100px;
    vertical-align: middle
}

.inbox-nav .list-group-item {
    color: #555;
    border: none;
    padding: 10px 25px;
    margin: -25px;
    margin-top: 0;
    margin-bottom: 5px;
    border-radius: 0 !important
}

.inbox-nav .list-group-item:hover,.inbox-nav .list-group-item:focus {
    border: none !important
}

.inbox-nav .list-group-item .badge {
    top: 0;
    float: none
}

.inbox-nav hr {
    margin-top: -5px
}

.inbox-nav .list-group-item .inbox-item-icon {
    float: left;
    font-size: 18px;
    position: relative;
    vertical-align: baseline;
    margin-right: 12.5px
}

.inbox-nav .list-group-item .inbox-item-icon[class*="icon-simple-line-"],.inbox-nav .list-group-item .inbox-item-icon[class*="icon-dripicons-"],.inbox-nav .list-group-item .inbox-item-icon[class*="icon-fontello-"] {
    top: 2px
}

.inbox-nav .list-group-item .inbox-item-icon ~ span {
    position: relative;
    display: block;
    line-height: 36px;
    height: 36px
}

.inbox-item {
    color: inherit;
    display: block;
    padding-bottom: 0 !important;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #eee !important;
    background: #f9f9f9
}

.inbox-item:last-child {
    border-bottom: none !important
}

.inbox-item.unread {
    background: white
}

.inbox-item:hover,.inbox-item:focus {
    color: inherit;
    background: rgba(255,255,102,0.2)
}

.inbox-item img {
    padding: 2px;
    border-radius: 100px;
    border: 2px solid #eee
}

.inbox-item .inbox-avatar-name>div:first-child {
    top: 2px
}

.inbox-date {
    float: right
}

.inbox-attachments>.rubix-icon {
    float: left;
    line-height: 1
}

.inbox-attachments>.rubix-icon ~ span {
    top: -2px;
    left: 10px;
    position: relative
}

.inbox-attachment-download {
    float: right
}

#wizard-2 .form-border {
    border-right: 1px solid #ddd
}

#body.social {
    background: #fff !important
}

#body.social .rubix-panel-container {
    border: 2px solid #EAEDF1
}

#body.social .rubix-panel-controls {
    border: 2px solid #EAEDF1;
    border-bottom: none
}

#body.social .rubix-panel-controls>button {
    top: -5px
}

#body.social .rubix-panel-footer {
    border-radius: 0
}

html.social body .sidebar-nav>li.active:after {
    display: none !important
}

.social-desc {
    top: 0;
    left: 0;
    bottom: 0;
    right: 300px;
    position: absolute
}

.social-desc>div {
    margin-left: 10%;
    margin-top: 100px
}

@media (max-width: 650px) {
    .social-desc {
        display:none
    }
}

.social-avatar {
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%)
}

@media (max-width: 650px) {
    .social-avatar {
        left:0;
        width: auto
    }
}

.social-like-count {
    cursor: pointer;
    display: inline-block
}

.social-like-count>span {
    margin-left: 25px
}

.rubix-panel-container-with-controls {
    position: relative;
}

.rubix-panel-container {
    overflow: hidden;
    background: white;
    position: relative;
    border-radius: 8px;
    margin-bottom: 0px
}

.rubix-panel-container.noOverflow {
    overflow: auto
}

html.no-touchevents .rubix-panel-container-with-controls:hover>.rubix-panel-controls,html.no-touchevents .rubix-panel-container-with-controls:focus>.rubix-panel-controls,html.no-touchevents .rubix-panel-container-with-controls.active>.rubix-panel-controls {
    top: -20px
}

.rubix-panel-controls {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    top: 0;
    z-index: 0;
    background: white;
    position: absolute;
    color: #89949B;
    right: 12.5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0px 12.5px 5px 12.5px
}

.rubix-panel-controls button {
    top: -2px;
    padding: 0;
    border: none;
    opacity: 0.5;
    color: inherit;
    background: none;
    position: relative
}

.rubix-panel-controls button:hover,.rubix-panel-controls button:focus,.rubix-panel-controls button:active,.rubix-panel-controls button:active:focus {
    box-shadow: none;
    opacity: 1;
    border: none;
    outline: none;
    color: inherit;
    background: none
}

.rubix-panel-controls button .rubix-icon {
    font-size: 14px
}

.rubix-panel-controls>button ~ button,.rubix-panel-controls>rubix-button ~ rubix-button {
    padding-left: 10px
}

.rubix-panel {
    position: relative
}

.rubix-panel-header,rubix-panel-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rubix-panel-header[class*='bg-'],rubix-panel-header[class*='bg-'] {
    margin-bottom: 12.5px
}

.rubix-panel-header ~ .rubix-panel-body,.rubix-panel-header ~ rubix-panel-body>.rubix-panel-body,rubix-panel-header ~ .rubix-panel-body,rubix-panel-header ~ rubix-panel-body>.rubix-panel-body {
    padding-top: 0
}

.rubix-panel-body {
    min-height: 35px;
    padding-top: 25px
}

.rubix-panel-footer,rubix-panel-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.rubix-panel-footer[class*='bg-'],rubix-panel-footer[class*='bg-'] {
    margin-top: 12.5px
}

.rubix-panel-header div.tab-container,.rubix-panel-header rubix-nav,.rubix-panel-footer div.tab-container,.rubix-panel-footer rubix-nav,.rubix-panel-left div.tab-container,.rubix-panel-left rubix-nav,.rubix-panel-right div.tab-container,.rubix-panel-right rubix-nav {
    width: 100%;
    display: table
}

.rubix-panel-header .nav,.rubix-panel-footer .nav,.rubix-panel-left .nav,.rubix-panel-right .nav {
    border: none;
    display: table-row
}

.rubix-panel-header .nav:before,.rubix-panel-header .nav:after,.rubix-panel-footer .nav:before,.rubix-panel-footer .nav:after,.rubix-panel-left .nav:before,.rubix-panel-left .nav:after,.rubix-panel-right .nav:before,.rubix-panel-right .nav:after {
    display: none
}

.rubix-panel-header .nav rubix-menu,.rubix-panel-header .nav rubix-nav-item,.rubix-panel-header .nav>li,.rubix-panel-footer .nav rubix-menu,.rubix-panel-footer .nav rubix-nav-item,.rubix-panel-footer .nav>li,.rubix-panel-left .nav rubix-menu,.rubix-panel-left .nav rubix-nav-item,.rubix-panel-left .nav>li,.rubix-panel-right .nav rubix-menu,.rubix-panel-right .nav rubix-nav-item,.rubix-panel-right .nav>li {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: middle
}

.rubix-panel-header .nav>li,.rubix-panel-footer .nav>li,.rubix-panel-left .nav>li,.rubix-panel-right .nav>li {
    width: 1%
}

.rubix-panel-header .nav rubix-menu>li,.rubix-panel-header .nav rubix-nav-item>li,.rubix-panel-footer .nav rubix-menu>li,.rubix-panel-footer .nav rubix-nav-item>li,.rubix-panel-left .nav rubix-menu>li,.rubix-panel-left .nav rubix-nav-item>li,.rubix-panel-right .nav rubix-menu>li,.rubix-panel-right .nav rubix-nav-item>li {
    width: 100%
}

.rubix-panel-header .nav rubix-menu>li>a,.rubix-panel-header .nav rubix-nav-item>li>a,.rubix-panel-header .nav>li>a,.rubix-panel-footer .nav rubix-menu>li>a,.rubix-panel-footer .nav rubix-nav-item>li>a,.rubix-panel-footer .nav>li>a,.rubix-panel-left .nav rubix-menu>li>a,.rubix-panel-left .nav rubix-nav-item>li>a,.rubix-panel-left .nav>li>a,.rubix-panel-right .nav rubix-menu>li>a,.rubix-panel-right .nav rubix-nav-item>li>a,.rubix-panel-right .nav>li>a {
    margin: 0;
    width: 100.1%;
    color: inherit;
    opacity: 0.8;
    line-height: 3;
    border-color: transparent;
    outline: 1px solid inherit;
    border-right: 1px solid rgba(0,0,0,0.07)
}

.rubix-panel-header .nav>li>a,.rubix-panel-footer .nav>li>a,.rubix-panel-left .nav>li>a,.rubix-panel-right .nav>li>a {
    outline: none
}

.rubix-panel-header .nav rubix-menu:not(:first-child):not(:last-child)>li>a,.rubix-panel-header .nav rubix-nav-item:not(:first-child):not(:last-child)>li>a,.rubix-panel-header .nav>li:not(:first-child):not(:last-child)>a,.rubix-panel-footer .nav rubix-menu:not(:first-child):not(:last-child)>li>a,.rubix-panel-footer .nav rubix-nav-item:not(:first-child):not(:last-child)>li>a,.rubix-panel-footer .nav>li:not(:first-child):not(:last-child)>a,.rubix-panel-left .nav rubix-menu:not(:first-child):not(:last-child)>li>a,.rubix-panel-left .nav rubix-nav-item:not(:first-child):not(:last-child)>li>a,.rubix-panel-left .nav>li:not(:first-child):not(:last-child)>a,.rubix-panel-right .nav rubix-menu:not(:first-child):not(:last-child)>li>a,.rubix-panel-right .nav rubix-nav-item:not(:first-child):not(:last-child)>li>a,.rubix-panel-right .nav>li:not(:first-child):not(:last-child)>a {
    border-radius: 0
}

.rubix-panel-header .nav rubix-menu:last-child,.rubix-panel-header .nav rubix-nav-item:last-child,.rubix-panel-footer .nav rubix-menu:last-child,.rubix-panel-footer .nav rubix-nav-item:last-child,.rubix-panel-left .nav rubix-menu:last-child,.rubix-panel-left .nav rubix-nav-item:last-child,.rubix-panel-right .nav rubix-menu:last-child,.rubix-panel-right .nav rubix-nav-item:last-child {
    border-color: transparent
}

.rubix-panel-header .nav rubix-menu>li>a:hover,.rubix-panel-header .nav rubix-menu>li>a:focus,.rubix-panel-header .nav rubix-nav-item>li>a:hover,.rubix-panel-header .nav rubix-nav-item>li>a:focus,.rubix-panel-header .nav>li>a:hover,.rubix-panel-header .nav>li>a:focus,.rubix-panel-footer .nav rubix-menu>li>a:hover,.rubix-panel-footer .nav rubix-menu>li>a:focus,.rubix-panel-footer .nav rubix-nav-item>li>a:hover,.rubix-panel-footer .nav rubix-nav-item>li>a:focus,.rubix-panel-footer .nav>li>a:hover,.rubix-panel-footer .nav>li>a:focus,.rubix-panel-left .nav rubix-menu>li>a:hover,.rubix-panel-left .nav rubix-menu>li>a:focus,.rubix-panel-left .nav rubix-nav-item>li>a:hover,.rubix-panel-left .nav rubix-nav-item>li>a:focus,.rubix-panel-left .nav>li>a:hover,.rubix-panel-left .nav>li>a:focus,.rubix-panel-right .nav rubix-menu>li>a:hover,.rubix-panel-right .nav rubix-menu>li>a:focus,.rubix-panel-right .nav rubix-nav-item>li>a:hover,.rubix-panel-right .nav rubix-nav-item>li>a:focus,.rubix-panel-right .nav>li>a:hover,.rubix-panel-right .nav>li>a:focus {
    opacity: 1;
    background: transparent
}

.rubix-panel-header .nav rubix-menu>li.active>a,.rubix-panel-header .nav rubix-nav-item>li.active>a,.rubix-panel-header .nav>li.active>a,.rubix-panel-footer .nav rubix-menu>li.active>a,.rubix-panel-footer .nav rubix-nav-item>li.active>a,.rubix-panel-footer .nav>li.active>a,.rubix-panel-left .nav rubix-menu>li.active>a,.rubix-panel-left .nav rubix-nav-item>li.active>a,.rubix-panel-left .nav>li.active>a,.rubix-panel-right .nav rubix-menu>li.active>a,.rubix-panel-right .nav rubix-nav-item>li.active>a,.rubix-panel-right .nav>li.active>a {
    opacity: 1;
    background: white;
    color: #89949B
}

.rubix-panel-header .plain.nav rubix-menu>li>a,.rubix-panel-header .plain.nav rubix-nav-item>li>a,.rubix-panel-header .plain.nav>li>a,.rubix-panel-footer .plain.nav rubix-menu>li>a,.rubix-panel-footer .plain.nav rubix-nav-item>li>a,.rubix-panel-footer .plain.nav>li>a,.rubix-panel-left .plain.nav rubix-menu>li>a,.rubix-panel-left .plain.nav rubix-nav-item>li>a,.rubix-panel-left .plain.nav>li>a,.rubix-panel-right .plain.nav rubix-menu>li>a,.rubix-panel-right .plain.nav rubix-nav-item>li>a,.rubix-panel-right .plain.nav>li>a {
    border-color: transparent
}

.rubix-panel-header .plain.nav>li>a,.rubix-panel-footer .plain.nav>li>a,.rubix-panel-left .plain.nav>li>a,.rubix-panel-right .plain.nav>li>a {
    margin-top: -2px;
    margin-bottom: -2px
}

.rubix-panel-header .plain.nav rubix-menu>li>a,.rubix-panel-header .plain.nav rubix-nav-item>li>a,.rubix-panel-header .plain.nav>li>a,.rubix-panel-footer .plain.nav rubix-menu>li>a,.rubix-panel-footer .plain.nav rubix-nav-item>li>a,.rubix-panel-footer .plain.nav>li>a,.rubix-panel-left .plain.nav rubix-menu>li>a,.rubix-panel-left .plain.nav rubix-nav-item>li>a,.rubix-panel-left .plain.nav>li>a,.rubix-panel-right .plain.nav rubix-menu>li>a,.rubix-panel-right .plain.nav rubix-nav-item>li>a,.rubix-panel-right .plain.nav>li>a {
    background-color: transparent
}

.rubix-panel-header .plain.nav rubix-menu>li>a:hover,.rubix-panel-header .plain.nav rubix-menu>li>a:focus,.rubix-panel-header .plain.nav rubix-nav-item>li>a:hover,.rubix-panel-header .plain.nav rubix-nav-item>li>a:focus,.rubix-panel-header .plain.nav>li>a:hover,.rubix-panel-header .plain.nav>li>a:focus,.rubix-panel-footer .plain.nav rubix-menu>li>a:hover,.rubix-panel-footer .plain.nav rubix-menu>li>a:focus,.rubix-panel-footer .plain.nav rubix-nav-item>li>a:hover,.rubix-panel-footer .plain.nav rubix-nav-item>li>a:focus,.rubix-panel-footer .plain.nav>li>a:hover,.rubix-panel-footer .plain.nav>li>a:focus,.rubix-panel-left .plain.nav rubix-menu>li>a:hover,.rubix-panel-left .plain.nav rubix-menu>li>a:focus,.rubix-panel-left .plain.nav rubix-nav-item>li>a:hover,.rubix-panel-left .plain.nav rubix-nav-item>li>a:focus,.rubix-panel-left .plain.nav>li>a:hover,.rubix-panel-left .plain.nav>li>a:focus,.rubix-panel-right .plain.nav rubix-menu>li>a:hover,.rubix-panel-right .plain.nav rubix-menu>li>a:focus,.rubix-panel-right .plain.nav rubix-nav-item>li>a:hover,.rubix-panel-right .plain.nav rubix-nav-item>li>a:focus,.rubix-panel-right .plain.nav>li>a:hover,.rubix-panel-right .plain.nav>li>a:focus {
    background-color: transparent;
    border-color: transparent;
    color: white
}

.rubix-panel-header .plain.nav rubix-menu>li.active>a,.rubix-panel-header .plain.nav rubix-nav-item>li.active>a,.rubix-panel-header .plain.nav>li.active>a,.rubix-panel-footer .plain.nav rubix-menu>li.active>a,.rubix-panel-footer .plain.nav rubix-nav-item>li.active>a,.rubix-panel-footer .plain.nav>li.active>a,.rubix-panel-left .plain.nav rubix-menu>li.active>a,.rubix-panel-left .plain.nav rubix-nav-item>li.active>a,.rubix-panel-left .plain.nav>li.active>a,.rubix-panel-right .plain.nav rubix-menu>li.active>a,.rubix-panel-right .plain.nav rubix-nav-item>li.active>a,.rubix-panel-right .plain.nav>li.active>a {
    background-color: transparent;
    border-color: transparent;
    color: white
}

.rubix-panel-header .plain.nav rubix-menu>li.active>a:before,.rubix-panel-header .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-header .plain.nav>li.active>a:before,.rubix-panel-footer .plain.nav rubix-menu>li.active>a:before,.rubix-panel-footer .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-footer .plain.nav>li.active>a:before,.rubix-panel-left .plain.nav rubix-menu>li.active>a:before,.rubix-panel-left .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-left .plain.nav>li.active>a:before,.rubix-panel-right .plain.nav rubix-menu>li.active>a:before,.rubix-panel-right .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-right .plain.nav>li.active>a:before {
    content: ' ';
    left: 50%;
    bottom: 0;
    width: 6px;
    display: block;
    margin-left: -7px;
    position: absolute;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.rubix-panel-header .nav rubix-menu:first-child>li>a,.rubix-panel-header .nav rubix-nav-item:first-child>li>a,.rubix-panel-header .nav>li:first-child>a,.rubix-panel-left .nav rubix-menu:first-child>li>a,.rubix-panel-left .nav rubix-nav-item:first-child>li>a,.rubix-panel-left .nav>li:first-child>a {
    border-radius: 0;
    border-top-left-radius: 8px
}

.rubix-panel-header .nav rubix-menu:last-child>li>a,.rubix-panel-header .nav rubix-nav-item:last-child>li>a,.rubix-panel-header .nav>li:last-child>a,.rubix-panel-left .nav rubix-menu:last-child>li>a,.rubix-panel-left .nav rubix-nav-item:last-child>li>a,.rubix-panel-left .nav>li:last-child>a {
    border-radius: 0;
    border-right: none;
    border-top-right-radius: 8px
}

.rubix-panel-footer .plain.nav rubix-menu>li,.rubix-panel-footer .plain.nav rubix-nav-item>li,.rubix-panel-right .plain.nav rubix-menu>li,.rubix-panel-right .plain.nav rubix-nav-item>li {
    margin-bottom: 0;
    margin-top: -1px
}

.rubix-panel-footer .plain.nav rubix-menu>li.active>a:before,.rubix-panel-footer .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-footer .plain.nav>li.active>a:before,.rubix-panel-right .plain.nav rubix-menu>li.active>a:before,.rubix-panel-right .plain.nav rubix-nav-item>li.active>a:before,.rubix-panel-right .plain.nav>li.active>a:before {
    top: 0;
    bottom: auto;
    border-bottom: none;
    border-top: 6px solid #fff
}

.rubix-panel-footer .nav rubix-menu:first-child>li>a,.rubix-panel-footer .nav rubix-nav-item:first-child>li>a,.rubix-panel-footer .nav>li:first-child>a,.rubix-panel-right .nav rubix-menu:first-child>li>a,.rubix-panel-right .nav rubix-nav-item:first-child>li>a,.rubix-panel-right .nav>li:first-child>a {
    border-radius: 0;
    border-bottom-left-radius: 8px
}

.rubix-panel-footer .nav rubix-menu:last-child>li>a,.rubix-panel-footer .nav rubix-nav-item:last-child>li>a,.rubix-panel-footer .nav>li:last-child>a,.rubix-panel-right .nav rubix-menu:last-child>li>a,.rubix-panel-right .nav rubix-nav-item:last-child>li>a,.rubix-panel-right .nav>li:last-child>a {
    border-radius: 0;
    border-right: none;
    border-bottom-right-radius: 8px
}

.rubix-panel.horizontal {
    overflow: hidden;
    border-radius: 8px
}

.rubix-panel.horizontal .rubix-panel-left li>a,.rubix-panel.horizontal rubix-panel-left li>a,.rubix-panel.horizontal .rubix-panel-right li>a,.rubix-panel.horizontal rubix-panel-right li>a {
    border-radius: 0px !important
}

.rubix-panel.horizontal .rubix-panel-left li>a:after,.rubix-panel.horizontal rubix-panel-left li>a:after,.rubix-panel.horizontal .rubix-panel-right li>a:after,.rubix-panel.horizontal rubix-panel-right li>a:after {
    display: none
}

.rubix-panel+.rubix-panel.horizontal {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width: 990px) {
    .panel-tab-container .rubix-panel-header,.panel-tab-container .rubix-panel-footer {
        width:100.1%;
        display: table
    }

    .rubix-panel.horizontal {
        width: 100.1%;
        display: table;
        table-layout: fixed
    }

    .rubix-panel.horizontal .rubix-panel-left li>a,.rubix-panel.horizontal rubix-panel-left li>a,.rubix-panel.horizontal .rubix-panel-right li>a,.rubix-panel.horizontal rubix-panel-right li>a {
        border: none
    }

    .rubix-panel.horizontal>div {
        display: table-row
    }

    .rubix-panel.horizontal .rubix-panel-left,.rubix-panel.horizontal rubix-panel-left,.rubix-panel.horizontal .rubix-panel-body,.rubix-panel.horizontal rubix-panel-body,.rubix-panel.horizontal .rubix-panel-right,.rubix-panel.horizontal rubix-panel-right {
        display: table-cell;
        vertical-align: top
    }

    .rubix-panel.horizontal rubix-panel-left rubix-nav-item,.rubix-panel.horizontal rubix-panel-right rubix-nav-item,.rubix-panel.horizontal .rubix-panel-left>ul,.rubix-panel.horizontal .rubix-panel-right>ul,.rubix-panel.horizontal .rubix-panel-left>ul>li,.rubix-panel.horizontal .rubix-panel-right>ul>li {
        display: block
    }

    .rubix-panel.horizontal .rubix-panel-left>ul>li,.rubix-panel.horizontal .rubix-panel-right>ul>li {
        width: 100%
    }

    .rubix-panel.horizontal rubix-panel-left rubix-nav-item>li,.rubix-panel.horizontal rubix-panel-right rubix-nav-item>li {
        margin: 0
    }

    .rubix-panel.horizontal .rubix-panel-left .nav-tabs.plain li.active>a:before {
        left: auto;
        right: -3px;
        bottom: 45%;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .rubix-panel.horizontal .rubix-panel-right .nav-tabs.plain li.active>a:before {
        top: 45%;
        left: 3px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .rubix-panel-body ul[role='tablist'].nav {
        padding-left: 25px;
        margin-left: -25px;
        margin-right: -50px
    }

    .rubix-panel-body ul[role='tablist'].nav.nav-stacked {
        margin-right: -25px
    }
}

.rubix-panel-container.panel-plain {
    background: none !important
}

.rubix-panel-header.nav-inline .nav-tabs>li>a {
    padding: 2px 25px !important;
    height: auto !important;
    line-height: 2;
    display: block;
    border-bottom: 0px;
    border: none;
    margin-bottom: -1px
}

.rubix-panel-header.nav-inline .nav-tabs>li.active>a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.left-tag,.right-tag {
    position: relative;
    display: inline-block;
    text-decoration: none;
    border: none !important
}

.left-tag:before,.right-tag:before {
    top: 0;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent
}

.left-tag {
    margin-left: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 10px 0 8px !important;
    margin-bottom: 12.5px
}

.left-tag:before {
    left: -12px;
    float: left;
    border-right-color: inherit;
    border-width: 12px 12px 12px 0
}

.right-tag {
    margin-right: 12px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 8px 0 10px !important;
    margin-bottom: 12.5px
}

.right-tag:before {
    right: -12px;
    float: right;
    border-left-color: inherit;
    border-width: 12px 0 12px 12px
}

.terms {
    height: 200px;
    overflow: auto;
    background: #fff;
    padding: 25px
}

.rubix-timeline-view {
    padding: 25px;
    padding-right: 0px;
    margin-left: 37.5px;
    border-left: 2px solid #eee;
    margin-bottom: -25px
}

.rubix-panel-body>.rubix-timeline-view {
    margin-top: -25px
}

.rubix-panel-header ~ .rubix-panel-body>.rubix-timeline-view {
    margin-top: 0
}

.rubix-timeline-item {
    position: relative
}

.rubix-timeline-title {
    font-size: 12px;
    background: #eee;
    padding: 4px 15px;
    font-weight: bold;
    display: inline-block;
    border-radius: 8px
}

.rubix-timeline-icon {
    width: 30px;
    height: 30px;
    left: -41.5px;
    font-size: 16px;
    padding: 0px 7px;
    background: #eee;
    line-height: 28px;
    position: absolute;
    border-radius: 100px;
    display: inline-block
}

.rubix-timeline-avatar {
    left: -41.5px
}

.rubix-timeline-body>ul {
    padding: 0;
    list-style-type: none;
    border-bottom: 2px solid #eee;
    margin-bottom: 25px;
    margin-top: 12.5px
}

.rubix-timeline-body>ul>li {
    padding-right: 25px;
    padding-bottom: 25px
}

.rubix-timeline-body>ul>li:before {
    left: -30px;
    content: ' ';
    margin-top: 8px;
    position: absolute;
    border-radius: 100px;
    border: 4px solid #eee;
    box-shadow: 0px 0px 0px 6px #FFF
}

.rubix-timeline-view ~ .rubix-timeline-view {
    margin-top: 0;
    padding-top: 0
}

.rubix-timeline-view.rubix-timeline-with-header {
    padding-top: 0
}

.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item {
    position: relative
}

.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-header {
    height: 50px;
    padding-top: 10px;
    position: relative;
    padding-left: 23px;
    margin-left: -64.5px
}

.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-header>.rubix-timeline-icon,.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-header>.rubix-timeline-title {
    left: 0;
    position: relative
}

.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-header[class^="bg-"]>.rubix-timeline-title,.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-header[class*=" bg-"]>.rubix-timeline-title {
    padding: 0 10px;
    background: none !important
}

.rubix-timeline-view.rubix-timeline-with-header>.rubix-timeline-item>.rubix-timeline-body>ul {
    border: none;
    margin-bottom: 0
}

.rubix-timeline-view.rubix-timeline-centered {
    margin-left: 45%
}

.rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body>ul {
    border: none;
    margin-bottom: 0
}

.rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body>ul>li {
    float: right;
    display: block
}

.rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body>ul>li:before,.rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body>ul>li:after {
    clear: both;
    content: ' ';
    display: table
}

.rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body>ul>li:nth-child(odd) {
    width: 100%;
    float: left;
    margin-left: -100%;
    padding-left: 25px;
    padding-right: 50px
}

.alternate .rubix-timeline-view {
    margin: 0;
    padding: 0;
    border: none;
    margin-top: -25px
}

.alternate .rubix-timeline-view:before {
    left: 50%;
    height: 100%;
    content: ' ';
    position: absolute;
    padding-right: 0px;
    border-left: 2px solid #eee
}

.alternate .rubix-timeline-view .rubix-timeline-item {
    padding-top: 25px
}

.alternate .rubix-timeline-view.rubix-timeline-with-header .rubix-timeline-item {
    padding-top: 0
}

.alternate .rubix-timeline-view .rubix-timeline-item:nth-child(odd) {
    padding-bottom: 25px
}

.alternate .rubix-timeline-view .rubix-timeline-header {
    margin: 0;
    left: auto;
    padding-left: 0;
    text-align: center
}

.alternate .rubix-timeline-view .rubix-timeline-header>.rubix-timeline-icon {
    top: 1px;
    left: auto;
    padding-right: 0;
    position: relative;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.alternate .rubix-timeline-view .rubix-timeline-header>.rubix-timeline-title {
    height: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.alternate .rubix-timeline-view .rubix-timeline-header[class^="bg-"]>.rubix-timeline-icon,.alternate .rubix-timeline-view .rubix-timeline-header[class*=" bg-"]>.rubix-timeline-icon {
    background: none
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul {
    border: none
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li {
    width: 100%;
    position: relative;
    display: inline-block
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li:before {
    left: 50%;
    position: absolute
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li:nth-child(odd) {
    padding-right: 50%;
    right: 25px;
    padding-left: 50px
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li:nth-child(odd):before {
    margin-left: 22px
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li.left {
    padding-right: 50% !important;
    right: 25px !important;
    padding-left: 50px !important
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li.left:before {
    margin-left: 22px !important
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li:nth-child(even) {
    padding-left: 50%;
    right: -25px;
    padding-right: 50px
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li:nth-child(even):before {
    margin-left: -28px
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li.right {
    padding-left: 50% !important;
    right: -25px !important;
    padding-right: 50px !important
}

.alternate .rubix-timeline-view .rubix-timeline-body>ul>li.right:before {
    margin-left: -28px !important
}


.rubix-panel-header.nav-inline .nav-text>li.active>a {
    border: 1px solid #89949B;
    border-bottom: none
}

.rubix-panel-header.nav-inline .nav-text>li.open>.dropdown-toggle {
    color: white;
    background: none
}

.bg-text {
    background: #89949B !important
}

.bg-text table td,.bg-text th {
    border-color: rgba(0,0,0,0.05) !important
}

.bg-focus-text:focus {
    background: #89949B !important
}

.bg-hover-text:hover {
    background: #89949B !important
}

.fg-text {
    color: #89949B
}

.fg-text .nav-tabs>li.active>a {
    color: #89949B
}

.fg-tab-active-text .nav-tabs>li.active>a {
    color: #89949B !important
}

.fg-focus-text:focus {
    color: #89949B
}

.fg-hover-text:hover {
    color: #89949B
}

.border-text {
    border-color: #89949B !important
}

.border-text .rubix-timeline-body>ul {
    border-color: #89949B
}

.border-text.rubix-timeline-view:before {
    border-color: #89949B
}

.border-hover-text:hover {
    border-color: #89949B !important
}

.border-focus-text:focus {
    border-color: #89949B !important
}


.drive-wrapper{padding:15px;background:#f5f5f5;overflow:hidden}.drive-wrapper .drive-item{width:130px;margin-right:15px;display:inline-block;float:left}.drive-wrapper .drive-item:hover{box-shadow:0 1px 5px rgba(0,0,0,.1);z-index:1}.drive-wrapper .drive-item-inner{padding:15px}.drive-wrapper .drive-item-title{margin-bottom:15px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-wrapper .drive-item-title a{color:#494d55}.drive-wrapper .drive-item-title a:hover{color:#40babd}.theme-2 .drive-wrapper .drive-item-title a:hover{color:#6dbd63}.theme-3 .drive-wrapper .drive-item-title a:hover{color:#497cb1}.theme-4 .drive-wrapper .drive-item-title a:hover{color:#ec6952}.drive-wrapper .drive-item-thumb{width:100px;height:80px;margin:0 auto;color:#616670}.drive-wrapper .drive-item-thumb a{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.drive-wrapper .drive-item-thumb a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}.drive-wrapper .drive-item-thumb .fa{display:inline-block;font-size:36px;margin:0 auto;margin-top:20px}.drive-wrapper .drive-item-footer .utilities{margin-bottom:0}.drive-wrapper .drive-item-footer .utilities li:last-child{padding-right:0}.drive-list-view .name{width:60%}.drive-list-view .name.truncate{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-list-view .type{width:15px}.drive-list-view .date,.drive-list-view .size{max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-list-view a{color:#494d55}.drive-list-view a:hover{color:#40babd}.theme-2 .drive-list-view a:hover{color:#6dbd63}.theme-3 .drive-list-view a:hover{color:#497cb1}.theme-4 .drive-list-view a:hover{color:#ec6952}.drive-list-view td.date,.drive-list-view td.size{color:#a2a6af}@media (max-width:767px){ .content-panel .title{text-align:center} .side-bar .user-info{padding:0} .side-bar .user-info .img-profile{width:60px;height:60px} .side-bar .user-info .meta li{margin-bottom:5px} .content-panel .content-header-wrapper .actions{position:static;margin-bottom:30px} .content-panel{padding:0} .content-panel .content-utilities .page-nav{position:static;margin-bottom:15px}.drive-wrapper .drive-item{width:100px;margin-right:5px;float:none}.drive-wrapper .drive-item-thumb{width:auto;height:54px}.drive-wrapper .drive-item-thumb .fa{font-size:24px;padding-top:0}

.margin-bottom-xs {
    margin-bottom: 5px
}

.margin-bottom-sm {
    margin-bottom: 15px
}

.margin-bottom-md {
    margin-bottom: 30px
}

.margin-bottom-lg {
    margin-bottom: 60px
}

.margin-top-xs {
    margin-top: 5px
}

.margin-top-sm {
    margin-top: 15px
}

.margin-top-md {
    margin-top: 30px
}

.margin-top-lg {
    margin-top: 60px
}

.shepherd-step {
    z-index: 3
}